@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.contacts 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.page h2{font-size:34px; line-height:38px;}
	section.page h3{font-size:17px; line-height:21px;}
	
	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;}
}

@media only screen and (max-width: 1280px){
    section.about aside{width:-moz-calc(50% - 240px); width:-webkit-calc(50% - 240px); width:-o-calc(50% - 240px); width:calc(50% - 240px); padding:0px 15px;}
    section.about article div.info{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:none; padding:15px;}
}

@media only screen and (max-width: 1250px){
	section.page h2{font-size:33px; line-height:37px;}
    
    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;}
}

@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 aside 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.page h2{font-size:31px; line-height:35px;}
    
	section.page aside div.content a{font-size:16px; padding:10px 15px;}
    
    section.page a.partner{width:-moz-calc(33.3334% - 10px); width:-webkit-calc(33.3334% - 10px); width:-o-calc(33.3334% - 10px); width:calc(33.3334% - 10px); margin:15px 0px 15px 15px;}
    section.page a.partner:nth-of-type(3n + 1){clear:left; margin:15px 0px;}
}

@media only screen and (max-width: 1100px){
    section.services article div.info ul li a{font-size:14px; line-height:40px;}
	section.services aside div.info h3{font-size:36px; line-height:40px;}
	section.services aside div.info h5{font-size:20px; line-height:24px; margin:0px 0px 10px 0px;}
    
	section.page h2{font-size:30px; line-height:34px;}
	section.page h3{font-size:15px; line-height:19px;}
}

@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 aside 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;}
}

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

@media only screen and (max-width: 950px){
    header h1{margin:15px 0px;}
    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.slider article{display:none;}
    
	section.about article{width:100%; height:auto; float:none; clear:both;}
	section.about article div.info a{max-width:none;}
	section.about aside{width:100%; height:auto; display:block; float:none; clear:both; text-align:center; padding:0px;}
	
	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 li{width:auto; float:none;}
    section.services article div.info ul li:nth-child(-n + 2){border-top:1px solid #999;}
    section.services article div.info ul li:first-of-type{border-top:none;}
    section.services article div.info ul li:nth-child(even){margin:0px;}
    
	section.gallery article,
	section.gallery aside{width:50%;}
	
	section.contacts article,
	section.contacts aside{width:50%;}
    
    section.headline{height:100px;}
	section.headline article{display:none;}
	
	section.page h2{font-size:24px; line-height:28px;}
	
	section.page aside{width:100%; max-width:none; height:auto; float:none;}
	section.page aside div.content{width:100%; max-width:none; padding:0px;}
    section.page aside div.content a h5,
    section.page aside div.content a big{display:none;}
    
    section.page article{width:100%; max-width:none; height:auto; float:none;}
}

@media only screen and (max-width: 900px){
    section.gallery{height:500px;}
    
    section.page aside div.content a{font-size:15px;}
	section.page article div.content{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:none; padding:30px 15px;}
}

@media only screen and (max-width: 850px){
    section.services article div.info ul li a{font-size:15px;}
	
	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;}
}

@media only screen and (max-width: 800px){	
	section.gallery{height:475px;}
    
    section.page{padding:30px 0px;}
    section.page a.partner{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); margin:15px 0px 15px 16px;}
    section.page a.partner:nth-of-type(3n + 1){clear:none; margin:15px 0px 15px 16px;}
    section.page a.partner:nth-of-type(2n + 1){clear:left; margin:15px 0px;}
}

@media only screen and (max-width: 750px){
    section.services article{width:100%; float:none; clear:both;}
	section.services article div.info{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); padding:30px 15px;}
    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{width:100%; max-width:none; padding:30px 15px;}
    
    section.contacts article{width:100%; float:none; clear:both;}
    section.contacts article div.info{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); float:none; padding:15px;}
    section.contacts aside{width:100%; float:none; clear:both; text-align:center;}
	section.contacts aside div.info{width:100%; max-width:none; padding:30px 15px;}
	
    section.page h2{font-size:24px; line-height:28px;}
	section.page h3{font-size:16px; line-height:20px;}
}

@media only screen and (max-width: 700px){	
	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;}
}

@media only screen and (max-width: 650px){
    section.page{padding:20px 0px;}
    section.page aside div.content a{font-size:14px;}
    section.page article div.content{padding:15px;}
}

@media only screen and (max-width: 600px){	
	section.services article div.info ul li a{font-size:14px; line-height:28px;}
	
	section.gallery{height:400px;}
	
	section.page h2{font-size:19px; line-height:23px;}
	section.page h3{font-size:14px; line-height:18px;}
    
    footer section.copyright{text-align:center;}
	footer section.copyright div{float:none; margin:1px 0px 0px 0px;}
}

@media only screen and (max-width: 550px){
	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 aside div.info,
	section.services article div.info{padding:20px 15px;}
    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;}
}

@media only screen and (max-width: 500px){
	section.gallery{height:350px;}
    
    section.page aside div.content a{font-size:13px; text-transform:none; padding:5px 15px;}
    section.page article a.accordion{font-size:16px;}
}

@media only screen and (max-width: 450px){
    section.about aside{padding:15px;}
    section.about aside a{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); display:block; float:left; padding:0px; margin:0px 0px 10px 10px;}
    section.about aside a:nth-of-type(2n + 1){clear:left; margin:0px 0px 10px 0px;}
    section.about aside img{width:100%; padding:0px; margin:0px;}
    
    input{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); margin:0px 0px 20px 0px;}
    
    header h1{width:-moz-calc(100% - 45px); width:-webkit-calc(100% - 45px); width:-o-calc(100% - 45px); width:calc(100% - 45px);}
    header h1 a{background-size:100%;}
    header a.show{font-size:20px; padding:0px 10px 2px 10px; margin:25px 0px 0px 0px;}
    
	section.about article div.info a p,	
	section.about aside div.info p{font-size:12px; line-height:16px;}
	
	section.gallery{height:325px;}
	
	section.page h2{font-size:18px; line-height:22px;}
	section.page h3{font-size:12px; line-height:16px;}
	
	section.page a.partner,
    section.page a.partner:nth-of-type(3n + 1),
    section.page a.partner:nth-of-type(2n + 1){width:auto; float:none;clear:both; margin:0px 0px 15px 0px;}
}

@media only screen and (max-width: 400px){
    section.gallery{height:auto;}
	section.gallery aside,
    section.gallery article{width:auto; height:auto; position:relative; top:auto; right:auto; float:none; clear:both; padding:30px 0px; margin:0px; z-index:1;}
    section.gallery article div.info{float:none;}
    
    section.page article a.video{width:-moz-calc(50% - 2px); width:-webkit-calc(50% - 2px); width:-o-calc(50% - 2px); width:calc(50% - 2px); margin:0px 0px 4px 4px;}
    section.page article a.video:nth-of-type(2n + 1){margin:0px 0px 4px 0px;}
}

@media only screen and (max-width: 350px){
	footer section.copyright strong{display:block;}
}

@media only screen and (max-width: 300px){	
	section.page aside div.content a{font-size:12px; text-transform:none;}
    section.page article a.accordion{font-size:14px;}
}