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

@media only screen and (max-width: 1300px){
	section.gallery article{width:66%;}
	section.gallery aside{width:34%;}
}

@media only screen and (max-width: 1250px){
	section.newsletter article{width:50%; width:-moz-calc(50% - 40px); width:-webkit-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); margin:0px 20px;}
	section.newsletter article h3{font-size:32px;}
}

@media only screen and (max-width: 1200px){
	header{max-width:none; left:0px; margin:0px;}
	
	section.gallery article{width:62%;}
	section.gallery aside{width:38%;}
}

@media only screen and (max-width: 1150px){
	section.map div.map{height:500px;}
}

@media only screen and (max-width: 1100px){
	section.contacts aside{width:45%;}
	section.contacts div.menu{display:none;}
	
	section.gallery article{width:60%;}
	section.gallery aside{width:40%;}
}

@media only screen and (max-width: 1050px){
	section.newsletter{padding:120px 0px;}
	section.newsletter article h3 big{display:none;}
	section.newsletter article strong{margin:0px 0px 15px 0px;}
}

@media only screen and (max-width: 1000px){
	section.map div.map{height:450px;}
	
	section.gallery article{width:100%; max-width:800px; float:none; padding:0px; margin:0px auto;}
	section.gallery aside{width:100%; float:none; text-align:center; padding:20px 0px 0px 0px; margin:0px auto;}
	section.gallery aside a{width:auto; display:inline-block; float:none; vertical-align:top; padding:0px; margin:5px;}
}

@media only screen and (max-width: 950px){
	section.about a.offert{font-size:18px;}
	
	section.services a{width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-o-calc(50% - 30px); width:calc(50% - 30px); margin:50px 0px 0px 30px;}
	
	section.works a{width:33.3333%; width:-moz-calc(33.3333% - 20px); width:-webkit-calc(33.3333% - 20px); width:-o-calc(33.3333% - 20px); width:calc(33.3333% - 20px);}
	
	section.gallery h2{font-size:36px;}
}

@media only screen and (max-width: 900px){
	header h1 a{width:260px;}
	header h1 a big{display:none;}
	header nav ul li a{padding:0px 15px;}
}

@media only screen and (max-width: 850px){
	section.slider div.bx-wrapper ul,
	section.slider div.bx-wrapper ul li{height:500px;}
	
	section.services a{width:100%; float:none; margin:30px 0px 0px 0px;}
	
	section.map div.map{height:400px;}
	
	section.abouts img{float:none; margin:0px auto 30px auto;}
}

@media only screen and (max-width: 800px){
	header nav ul li a{padding:0px 10px;}
	
	section.about a.offert{font-size:16px;}
	section.about a.offert hr{margin:0px 15px 0px 10px;}
	
	section.newsletter{padding:40px 0px 80px 0px;}
	section.newsletter article{width:100%; float:none; padding:40px 0px 0px 0px; margin:0px;}
	section.newsletter article h3{display:none;}
	
	section.contacts aside{width:100%; float:none;}
	section.contacts aside big{display:none;}
	section.contacts aside a.facebook,
	section.contacts aside a.twitter,
	section.contacts aside a.google,
	section.contacts aside a.linkedin{margin:50px 5px 0px 5px;}
		
	section.contacts  article{width:100%; float:none; margin:50px 0px 0px 0px;}
}

@media only screen and (max-width: 750px){
	section.slider div.bx-wrapper ul,
	section.slider div.bx-wrapper ul li{height:475px;}
	
	section.service article img{float:none; margin:0px auto 30px auto;}
	section.service article div.info{width:auto; float:none;}
	
	section.gallery h2{font-size:24px;}
}

@media only screen and (max-width: 700px){
	header{min-height:80px;}
	header h1,
	header h1 a{height:80px;}
	header a.show{display:block;}
	header nav{width:100%; clear:both; float:none;}
	header nav ul{min-height:20px; display:none; clear:both; float:none; padding:0px; margin:0px;}
	header nav ul li{min-height:20px; display:block; float:none; padding:0px; margin:0px;}
	header nav ul li a{min-height:20px; display:block; float:none; line-height:20px; padding:10px 20px; margin:0px;}
	
	section.about{font-size:16px; line-height:24px; padding:0px 0px 70px 0px;}
	section.about a.offert{line-height:26px; padding:20px; margin:-33px 0px 70px 0px;}
	section.about a.offert p,
	section.about a.offert hr{display:none;}
	
	section.newsletter{padding:30px 0px 70px 0px;}
}

@media only screen and (max-width: 650px){
	section.slider span.count{font-size:20px;}
	section.slider span.count h2{font-size:60px; line-height:60px;}
	section.slider div.bx-wrapper ul,
	section.slider div.bx-wrapper ul li{height:450px;}
	
	section.map div.map{height:350px;}
	
	footer{text-align:center;}
	footer div{float:none;}
	
	section.works a{width:50%; width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px);}
}

@media only screen and (max-width: 600px){
	section.slider span.count{bottom:120px;}
	section.slider div.controls{bottom:70px;}
	
	section.about{font-size:14px; line-height:20px;}
	
	section.newsletter{padding:20px 0px 60px 0px;}
	
	section.gallery h2{line-height:24px;}
	section.gallery a.button{float:none; margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 550px){
	section.slider div.bx-wrapper ul,
	section.slider div.bx-wrapper ul li{height:425px;}
	
	section.contacts{padding:40px 0px;}
}

@media only screen and (max-width: 500px){
	section.slider span.count{font-size:16px;}
	section.slider span.count h2{font-size:36px; line-height:36px;}
	
	section.newsletter{padding:10px 0px 50px 0px;}
	
	section.map div.map{height:300px;}
}

@media only screen and (max-width: 450px){
	header h1 a{width:250px;}
	header a.show{margin:26px 10px 0px 0px;}
	
	section.services{padding:50px 0px;}
	section.services h2{font-size:36px; line-height:36px;}
	section.services a{text-align:center;}
	section.services a big{margin:0px auto;}
	section.services a span{width:100%; display:block; text-align:center; padding:0px; margin:20px 0px 0px 0px;}
	section.services a span h4{font-size:18px; line-height:20px;}
	
	section.works a{width:100%; float:none; margin:0px auto 20px auto;}
	
	section.gallery aside{display:none;}
}

@media only screen and (max-width: 400px){
	section.slider{display:none;}
	
	section.about{padding:120px 0px 40px 0px;}
	section.about a.offert{display:none;}
	
	section.newsletter{padding:0px 0px 40px 0px;}
	
	section.map div.map{height:250px;}
	
	footer{line-height:18px;}
	footer strong{display:block;}
	footer div{margin:5px 0px 0px 0px}
}

@media only screen and (max-width: 350px){
	section.contacts aside a.facebook,
	section.contacts aside a.twitter,
	section.contacts aside a.google,
	section.contacts aside a.linkedin{width:55px; height:55px; margin:40px 2px 0px 2px;}
	
	section.contacts aside a.facebook p,
	section.contacts aside a.twitter p{margin:9px auto 0px auto;}
	section.contacts aside a.google p,
	section.contacts aside a.linkedin p{margin:11px auto 0px auto;}
	
	header h1 a{width:220px; background-image:url(../Images/Buttons/logotype.png);}
}

@media only screen and (max-width: 300px){}