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

@media only screen and (max-width: 1450px){
	section div.bx-viewport ul li h2{font-size:80px; line-height:100px;}
}

@media only screen and (max-width: 1300px){
	section div.bx-viewport ul li h2{font-size:70px; line-height:90px;}
}

@media only screen and (max-width: 1250px){
	section div.page{width:-moz-calc(100% - 330px); width:-webkit-calc(100% - 330px); width:-o-calc(100% - 330px); width:calc(100% - 330px); margin:0px 15px 0px 315px;}
	section div.bx-viewport ul li h2{width:-moz-calc(100% - 330px); width:-webkit-calc(100% - 330px); width:-o-calc(100% - 330px); width:calc(100% - 330px); padding:0px 15px 0px 315px;}
}

@media only screen and (max-width: 1100px){
	section div.bx-viewport ul li h2{font-size:60px; line-height:80px;}
}

@media only screen and (max-width: 900px){
	aside{width:auto; height:auto; display:block; position:relative; left:auto; top:auto; background-color:rgba(0,0,0,0.6); background-image:none;}
	
	nav{width:auto; display:none; padding:0px 20px 20px 20px;}
	nav ul li div{width:auto; height:auto; display:block; position:relative; top:auto; left:auto; background-color:transparent; background-image:none;}
	nav ul li div ul li a{font-size:18px; line-height:30px;}
	
	#menu{display:block;}
	
	header{width:-moz-calc(100% - 115px); width:-webkit-calc(100% - 115px); width:-o-calc(100% - 115px); width:calc(100% - 115px); position:relative; top:auto; padding:25px 15px; margin:0px;}
	footer{position:relative; bottom:auto; clear:both; text-align:center; padding:25px 15px; margin:25px 0px 0px 0px;}
	
	ul.social{right:15px; padding:10px 0px 10px 10px;}
	
	section{height:auto;}
	section.contacts{padding:0px;}
	section div.page{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); margin:0px auto;}
	section div.bx-viewport ul li h2{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); text-align:center; padding:0px 15px;}
	section div.bx-wrapper .bx-controls{width:100%; position:relative; bottom:auto; right:auto; text-align:center;}
	
	#close{top:15px; bottom:auto; left:15px;}
	section .map{position:relative; top:auto; left:auto;}
}

@media only screen and (max-width: 850px){
	section div.bx-viewport ul li h2{font-size:50px; line-height:70px;}
}

@media only screen and (max-width: 800px){
	section div.page .headline h2{font-size:170px; line-height:150px;}
}

@media only screen and (max-width: 750px){
	section div.page .count{padding:25px 15px;}
}

@media only screen and (max-width: 700px){
	section div.page .tab a{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px);}
	section div.page .tab a:nth-child(3n+1){clear:none; margin:0px 0px 10px 10px;}
	section div.page .tab a:nth-child(2n+1){clear:left; margin:0px 0px 10px 0px;}
}

@media only screen and (max-width: 650px){
	section div.page .address{width:auto; float:none; margin:0px 0px 25px 0px;}
	section div.page .form{width:auto; float:none;}
}

@media only screen and (max-width: 600px){
	section div.page .headline h2{font-size:120px; line-height:100px;}
	section div.bx-viewport ul li h2{font-size:40px; line-height:60px;}
}

@media only screen and (max-width: 550px){
	section div.page .tab a h4{font-size:11px; line-height:15px;}
}

@media only screen and (max-width: 500px){
	section div.page .headline h2{font-size:100px; line-height:80px;}
	
	section div.page .tabs ul li a{font-size:12px; line-height:12px; padding:5px 10px 9px 10px;}
	section div.page .tabs ul li a h3{font-size:12px; line-height:12px;}
}

@media only screen and (max-width: 450px){
	header a h1{font-size:11px;}
	
	section div.page .count{padding:25px 0px;}
	
	section div.page .tab a{width:auto; float:none; clear:left; margin:0px 0px 10px 0px;}
	section div.page .tab a:nth-child(3n+1){clear:left; margin:0px 0px 10px 0px;}
	section div.page .tab a:nth-child(2n+1){clear:left; margin:0px 0px 10px 0px;}
	
	section div.page .form input{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); float:none; margin:0px 0px 10px 0px;}
	section div.page .form input:first-of-type{margin:0px 0px 10px 0px;}
}

@media only screen and (max-width: 400px){
	header a h1{font-size:10px;}
	
	section div.page .headline h2{font-size:80px; line-height:60px;}
}

@media only screen and (max-width: 350px){
	header a h1{font-size:9px;}
}

/* HEIGHT */
@media only screen and (max-height: 700px){
	nav{padding:100px 0px 0px 24px;}
	nav ul li a{font-size:24px; line-height:36px;}
}