@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1300px){
	section.slider div.controls{margin:0px 0px 10px 0px;}
	section.slider article div.box h2{margin:0px 0px 15px 0px;}
	
	section.services article div.info{width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); padding:50px 20px;}
	section.services article div.info ul{-moz-column-gap:20px; -webkit-column-gap:20px; column-gap:20px;}
	
	section.page h2{font-size:34px; line-height:38px;}
	section.page h3{font-size:17px; line-height:21px;}
	
	section.page aside div.content,
	section.page article div.content{width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); max-width:none; padding:50px 20px;}
	
	section.page aside div.content a{font-size:16px; padding:30px 15px;}
	section.page aside div.content a h5{font-size:16px; margin:0px 0px 5px 0px;}
	section.page aside div.content a big.icon1{margin:0px 10px 0px 5px;}
	section.page aside div.content a big.icon2{margin:0px 15px 0px 10px;}
	section.page aside div.content a big.icon3{margin:8px 5px 8px 0px;}
}

@media only screen and (max-width: 1250px){
	section.page h2{font-size:33px; line-height:37px;}	
}

@media only screen and (max-width: 1200px){
	section.slider div.controls{margin:0px;}
	section.slider article div.box h2{font-size:24px; line-height:28px; margin:0px 0px 10px 0px;}
	
	section.gallery article div.box h3{font-size:48px; line-height:48px; margin:0px 0px 20px 0px;}
	section.gallery article div.box h5{font-size:24px; line-height:24px;}
	
	section.contacts article div.info h3{font-size:48px; line-height:52px; margin:0px 0px 20px 0px;}
	
	section.page h2{font-size:32px; line-height:36px;}
	section.page h3{font-size:16px; line-height:20px;}
}

@media only screen and (max-width: 1150px){
	section.about aside div.info h3{font-size:48px; line-height:52px;}
	
	section.services article div.info ul li a{line-height:50px;}
	section.services aside div.info h3{font-size:48px; line-height:52px;}
	section.services aside div.info h5{font-size:24px; line-height:28px; margin:0px 0px 20px 0px;}
	
	section.page h2{font-size:31px; line-height:35px;}
	
	section.page aside div.content a{font-size:14px; padding:20px 10px;}
}

@media only screen and (max-width: 1100px){
	section.page h2{font-size:30px; line-height:34px;}
	section.page h3{font-size:15px; line-height:19px;}	
	section.page aside div.content a h5{font-size:14px; margin:0px;}	
	section.page article div.offert span{font-size:12px; line-height:16px;}
}

@media only screen and (max-width: 1050px){
	section.slider article div.box h2{display:none;}
	
	section.gallery article div.box h3{font-size:36px; line-height:36px; margin:0px 0px 10px 0px;}
	section.gallery article div.box h5{font-size:18px; line-height:18px;}
	
	section.contacts article div.info h3{font-size:36px; line-height:40px; margin:0px 0px 10px 0px;}
	
	section.page h2{font-size:28px; line-height:32px;}
	section.page h3{font-size:14px; line-height:18px;}
	
	section.page aside div.content a{font-size:14px; padding:30px 20px;}
	section.page aside div.content a big.icon1,
	section.page aside div.content a big.icon2,
	section.page aside div.content a big.icon3{display:none;}
}

@media only screen and (max-width: 1000px){
	header nav ul li a{font-size:18px; line-height:80px; padding:0px 20px;}
	
	section.services article div.info ul li a{font-size:16px; line-height:40px;}
	
	section.contacts article div.info{max-width:380px; padding:50px 20px;}
	
	section.page h2{font-size:26px; line-height:30px;}
}

@media only screen and (max-width: 950px){
	section.about article{width:100%; height:auto; float:none; clear:both;}
	section.about article div.info{width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); max-width:none; padding:40px 20px 0px 20px;}
	section.about article div.info a{max-width:none;}
	section.about aside{width:100%; height:auto; float:none; clear:both;}
	section.about aside div.info{max-width:none; padding:20px;}
	
	section.services article,
	section.services aside{width:50%;}
	section.services article div.info h4{font-size:24px; line-height:28px; margin:0px 0px 5px 0px;}
	section.services article div.info h5{font-size:18px; line-height:22px; margin:0px 0px 10px 0px;}
	section.services article div.info ul{-moz-column-count:1; -webkit-column-count:1; column-count:1; -moz-column-gap:0px; -webkit-column-gap:0px; column-gap:0px;}
	section.services article div.info ul li.null{border-top:1px solid #999;}
	section.services article div.info ul li:first-of-type{border-top:none;}
	
	section.gallery article{width:50%;}
	
	section.contacts{height:450px;}
	section.contacts div.map,
	section.contacts article{width:50%;}
	
	section.page h2{font-size:24px; line-height:28px;}
	
	section.page article{width:100%; max-width:none; height:auto; float:none;}
	section.page article div.content.null{width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); max-width:none; padding:0px 20px;}
	
	section.page aside{width:100%; max-width:none; height:auto; float:none;}
	section.page aside div.content.null{width:100%; max-width:none; padding:0px;}
	section.page aside div.content a{font-size:18px; padding:20px 10px;}
	section.page aside div.content a h5{font-size:18px; margin:0px 0px 10px 0px;}
	section.page aside div.content a big.icon1{display:block; margin:0px 15px 0px 5px;}
	section.page aside div.content a big.icon2{display:block; margin:0px 20px 0px 10px;}
	section.page aside div.content a big.icon3{display:block; margin:8px 10px 8px 0px;}
}

@media only screen and (max-width: 900px){
	header nav ul li a{font-size:17px; line-height:70px; padding:0px 15px;}
	
	section.slider article aside{display:none;}
	
	section.gallery{height:500px;}
	
	section.headline{height:200px;}
	section.headline article{display:none;}
	
	section.page div.gallery article .info,
	section.page div.gallery article .photos{width:auto; float:none;}
	section.page div.gallery article .photos a{margin:0px;}
}

@media only screen and (max-width: 850px){
	section.services article div.info ul li a{font-size:15px;}
	
	section.page article div.offert big{font-size:16px; line-height:24px; padding:20px 5px;}
	section.page article div.offert big strong{font-size:24px;}
	
	input{width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-o-calc(50% - 30px); width:calc(50% - 30px); margin:0px 0px 20px 20px;}
	input:nth-of-type(2n+1){margin:0px 0px 20px 0px;}
	input:nth-of-type(8n){width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-o-calc(50% - 30px); width:calc(50% - 30px); margin:0px 20px 20px 0px;}
	input:nth-of-type(10n){margin:0px 0px 20px 0px;}

	.slct{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px);}
}

@media only screen and (max-width: 800px){
	header nav ul li a{font-size:16px; line-height:60px; padding:0px 10px;}
	
	section.slider article{display:none;}
	
	section.gallery{height:475px;}
	
	section.headline{height:190px;}
}

@media only screen and (max-width: 750px){
	section.services article{width:100%; float:none; clear:both;}
	section.services article div.info h4{font-size:36px; line-height:40px; margin:5px 0px;}
	section.services article div.info h5{font-size:24px; line-height:28px; margin:0px 0px 20px 0px;}
	section.services aside{width:100%; float:none; clear:both; text-align:center;}
	section.services aside div.info{max-width:none;}
	
	section.page h2{font-size:24px; line-height:28px;}
	section.page h3{font-size:16px; line-height:20px;}
	
	section.page article div.offert{width:auto; float:none; margin:30px 0px 0px 0px;}
	section.page article div.offert:nth-of-type(2n + 1){margin:0px;}
}

@media only screen and (max-width: 700px){
	header nav ul li a{font-size:15px; line-height:50px;}
	
	section.about article div.info a{padding:0px 0px 53px 0px;}
	section.about article div.info a h4{font-size:24px; line-height:28px; margin:0px;}
	section.about article div.info a h5{font-size:18px; line-height:22px; margin:0px 0px 10px 0px;}
	section.about article div.info a img{margin:0px 0px 10px 0px;}
	
	section.gallery{height:450px;}
	
	section.headline{height:180px;}
	
	section.page article div.content a.logos{width:-moz-calc(50% - 12px); width:-webkit-calc(50% - 12px); width:-o-calc(50% - 12px); width:calc(50% - 12px);}
	section.page article div.content a.logos:nth-of-type(3n){border-right:none;}
	section.page article div.content a.logos:nth-of-type(4n){clear:both;}
	
	section.page div.gallery a.button{display:block;}
	section.page div.gallery ul,
	section.page div.gallery article{width:auto; float:none;}
	section.page div.gallery ul li{display:none;}
	section.page div.gallery ul li.select{display:block;}
}

@media only screen and (max-width: 650px){
	section.gallery{height:425px; text-align: center;}
	section.gallery article{width:100%; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;}
	section.gallery article div.box{max-width:none; margin:0px auto;}
	section.gallery article div.box a.button{position:relative;}
	
	section.contacts{height:auto;}
	section.contacts div.map{width:100%; height:350px; display:block; position:relative; float:none; clear:both; padding:0px; margin:0px;}
	section.contacts article{width:100%; height:auto; display:block; position:relative; float:none; clear:both; padding:0px; margin:0px;}
	section.contacts article div.info{max-width:220px; padding:30px; margin:0px auto;}
}

@media only screen and (max-width: 600px){
	header nav ul li a{font-size:14px; line-height:50px;}
	
	section.services article div.info ul li a{font-size:14px; line-height:28px;}
	
	section.gallery{height:400px;}
	
	section.contacts div.map{height:325px;}
	
	section.page h2{font-size:19px; line-height:23px;}
	section.page h3{font-size:14px; line-height:18px;}	
	section.page article div.offert big{font-size:14px; line-height:18px; padding:20px 5px;}
	section.page article div.offert big strong{font-size:18px;}
}

@media only screen and (max-width: 550px){
	header a.show{display:block;}
	header nav{display:none;}
	header nav span.count{width:100%; padding:0px;}
	header nav ul{border-left:none;}
	header nav ul li{float:none;}
	header nav ul li.hide{display:block;}
	header nav ul li a{border-right:none; line-height:36px; padding:0px 15px;}
	
	section.about article div.info{padding:20px;}
	section.about article div.info a{width:auto; max-width:none; float:none; padding:0px; margin:0px;}
	section.about article div.info a:first-of-type{margin:0px 0px 40px 0px;}
	section.about article div.info a p{font-size:13px; line-height:17px;}
	section.about article div.info a em{display:inline-block; position:relative; margin:20px 0px 0px 0px;}
	section.about aside div.info p{font-size:13px; line-height:17px;}
		
	section.services article div.info h4{font-size:24px; line-height:28px;}
	section.services article div.info h5{font-size:18px; line-height:22px;}
	
	section.gallery{height:375px;}
	
	section.contacts div.map{height:300px;}
	
	footer section.copyright{text-align:center;}
	footer section.copyright div{float:none; margin:1px 0px 0px 0px;}
}

@media only screen and (max-width: 500px){
	header a.show{padding:3px 10px 5px 10px; margin:30px 0px 30px 20px;}
	header h1{width:235px; height:47px;}
	header h1 a{width:235px; height:47px; background-size:100%;}
	
	section.gallery{height:350px;}
	
	section.contacts div.map{height:300px;}
	
	section.page h6,
	section.page article a.accordion{font-size:16px;}
	
	section.page h6 form{display:block;}
	section.page h6 form .slct{display:block; margin:10px 0px 0px 0px;}
	section.page div.gallery ul li a h4{font-size:14px;}
	section.page div.gallery ul li a p{font-size:11px;}
}

@media only screen and (max-width: 450px){
	section.about article div.info a p,	
	section.about aside div.info p{font-size:12px; line-height:16px;}
	
	section.gallery{height:325px;}
	
	section.contacts div.map{height:275px;}
	
	section.page h2{font-size:18px; line-height:22px;}
	section.page h3{font-size:12px; line-height:16px;}
	
	input,
	input:nth-of-type(8n){width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); margin:0px 0px 20px 0px;}
	.slct{width:100%; margin:0px 0px 20px 0px;}
}

@media only screen and (max-width: 400px){
	header a.show{padding:0px 7px 2px 7px; margin:35px 0px 0px 10px;}
	
	section.gallery{height:300px;}
	
	section.contacts div.map{height:250px;}
	
	section.page aside div.content a{font-size:16px; padding:10px;}
	section.page aside div.content a h5{font-size:16px; margin:0px 0px 5px 0px;}
	section.page aside div.content a big.icon1{margin:0px 10px 0px 5px;}
	section.page aside div.content a big.icon2{margin:0px 15px 0px 10px;}
	section.page aside div.content a big.icon3{margin:8px 5px 8px 0px;}
}

@media only screen and (max-width: 350px){
	header h1{width:210px; height:42px;}
	header h1 a{width:210px; height:42px;}
	
	section.gallery{height:275px;}
	
	section.contacts div.map{height:225px;}
	
	footer section.copyright strong{display:block;}
	
	section.page aside div.content a{min-height:20px; font-size:14px; text-align:center;}
	section.page aside div.content a h5{font-size:14px; margin:0px;}
	section.page aside div.content a big.icon1,
	section.page aside div.content a big.icon2,
	section.page aside div.content a big.icon3{display:none;}
	
	section.page article div.offert,
	section.page article div.offert h4{text-align:center;}
	section.page article div.offert img,
	section.page article div.offert img.second{display:inline-block; float:none; margin:0px 2px;}
	section.page article div.offert span,
	section.page article div.offert span.small{width:100%; height:20px; min-height:20px; clear:both; padding:0px 0px 20px 0px;}
	section.page article div.offert span div{width:100%;}
}

@media only screen and (max-width: 300px){
	header a.show{margin:30px 0px 30px 20px;}
	header h1{width:175px; height:35px;}
	header h1 a{width:175px; height:35px;}
	
	section.gallery{height:250px;}
	
	section.contacts div.map{height:200px;}
	
	section.page aside div.content a{font-size:12px; text-transform:none;}
	
	section.page h6,
	section.page article a.accordion{font-size:14px;}
	section.page article div.content a.logos,	
	section.page div.gallery ul li a img{display:none;}
	section.page div.gallery ul li a{padding:0px 10px 3px 10px;}
}