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

@media only screen and (max-width: 1100px){
	section.contacts article{width:43%; width:-moz-calc(45% - 80px); width:-webkit-calc(45% - 80px); width:-o-calc(45% - 80px); width:calc(45% - 80px);}
	section.contacts div.map{width:35%;}
}

@media only screen and (max-width: 1050px){
	section.contacts aside{width:30%; max-width:350px; margin:0px 0px 40px 0px;}
	section.contacts article{width:65%; width:-moz-calc(70% - 50px); width:-webkit-calc(70% - 50px); width:-o-calc(70% - 50px); width:calc(70% - 50px); max-width:700px; margin:0px 0px 40px 40px;}
	section.contacts div.map{width:100%; max-width:none; height:200px; float:none; clear:both; margin:0px 0px 20px 0px;}
}

@media only screen and (max-width: 950px){
	section.news .headline h2{margin:0px 15px 0px 0px;}
}

@media only screen and (max-width: 900px){
	header a.contacts{display:none;}
	
	section.news article h2{font-size:36px; line-height:36px;}
	section.news .headline p.subtitle{display:none;}
}

@media only screen and (max-width: 850px){
	section.video{padding:125px 0px 0px 0px; margin:0px;}
	
	section.news{text-align:center; padding:0px 0px 20px 0px;}
	section.news aside{width:100%; max-width:none; float:none; text-align:left; padding:0px; margin:0px;}
	section.news article{width:100%; max-width:none; float:none; text-align:left; padding:0px; margin:0px 0px 30px 0px;}
	
	a.news{width:45%; width:-moz-calc(50% - 40px); width:-webkit-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); display:inline-block; float:none; text-align:left; margin:0px 20px 30px 20px;}
}

@media only screen and (max-width: 800px){
	header nav ul{float:none; text-align:center; margin:0px auto;}
	header nav ul li{display:inline-block; float:none;}
	header nav ul li ul{text-align:left;}
	
	a.service{width:31%; width:-moz-calc(33% - 10px); width:-webkit-calc(33% - 10px); width:-o-calc(33% - 10px); width:calc(33% - 10px);}
	a.service:nth-child(4n+1){clear:none;}
	a.service:nth-child(3n+1){clear:left;}
}

@media only screen and (max-width: 750px){
	section.services img.dimg,
	section.services img.simg,
	section.services img.simgt{float:none; margin:0px auto 10px auto;}
}

@media only screen and (max-width: 700px){
	a.news{width:47%; width:-moz-calc(50% - 22px); width:-webkit-calc(50% - 22px); width:-o-calc(50% - 22px); width:calc(50% - 22px); margin:0px 10px 30px 10px;}
}

@media only screen and (max-width: 650px){
	header a.mail{margin:10px 0px 0px 0px;}
	header nav ul li a{padding:0px 15px 3px 15px;}
	
	section.about{font-size:14px; padding:40px 0px;}
	section.about h2{font-size:60px; line-height:60px; margin:0px 0px 15px 0px;}
	
	section.contacts aside,
	section.contacts article{width:100%; max-width:none; float:none; clear:both; margin:0px 0px 40px 0px;}
	
	footer{text-align:center;}
	footer h6{display:block;}
	footer aside{margin:5px 0px 0px 0px;}
	footer a.facebook,
	footer a.google,
	footer a.linkedin,
	footer a.twitter{display:inline-block; float:none; margin:0px 5px 15px 5px;}
}

@media only screen and (max-width: 600px){
	header h1{float:none; margin:0px auto;}
	header a.mail{display:none;}
	
	a.service{width:48%; width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px);}
	a.service:nth-child(4n+1){clear:left;}
	a.service:nth-child(3n+1){clear:none;}
	a.service:nth-child(2n+1){clear:left;}
}

@media only screen and (max-width: 550px){
	header nav ul li a{padding:0px 10px 3px 10px;}
	
	section.about{line-height:20px;}
	
	a.news p{display:none;}
	a.news span{margin:0px;}
}

@media only screen and (max-width: 500px){
	header nav a.show{display:block;}
	
	header nav ul li ul,
	header nav ul li:hover ul{display:none;}
	
	header nav ul{display:none; padding:0px 0px 2% 0px;}	
	header nav ul li{min-height:23px; display:block;}
	header nav ul li a{min-height:20px; border-top:none; font-size:16px; line-height:20px; padding:5px 25px 7px 25px;}
	header nav ul li a:hover{border-top:none;}
	header nav ul li.select a{border-top:none; background-color:#FFC800; color:#333; text-decoration:none;}
	header nav ul li.select:hover a{border-top:none; color:#333; text-decoration:none;}

	section.news .headline h2{float:none; text-align:center; margin:20px 0px 0px 0px;}
	section.news .headline a{display:none;}
}

@media only screen and (max-width: 450px){
	a.news{width:95%; width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:-o-calc(100% - 22px); width:calc(100% - 22px); margin:0px 10px 30px 10px;}
}

@media only screen and (max-width: 400px){
	a.service{width:100%; width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px); clear:left;}
	a.service:nth-child(4n+1){clear:left;}
	a.service:nth-child(3n+1){clear:left;}
	a.service:nth-child(2n+1){clear:left;}
	
	section.contacts article input{width:92%; width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); margin:10px 0px 0px 0px;}
	section.contacts article input.two{margin:10px 0px;}
	section.contacts article small{display:block; padding:0px; margin:20px 0px 0px 0px;}
}

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