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

@media only screen and (max-width: 1250px){
	section.equipment{height:450px;}
	section.equipment article aside{width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); width:-o-calc(100% - 50px); width:calc(100% - 50px);}
}

@media only screen and (max-width: 1200px){
	section.about article{width:-moz-calc(100% - 620px); width:-webkit-calc(100% - 620px); width:-o-calc(100% - 620px); width:calc(100% - 620px); margin:0px 0px 0px 30px;}
}

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

@media only screen and (max-width: 1100px){
	section.welcome{min-height:550px;}
	
	section.about img{max-width:370px;}
	section.about article{width:-moz-calc(100% - 400px); width:-webkit-calc(100% - 400px); width:-o-calc(100% - 400px); width:calc(100% - 400px); min-height:380px;}
	section.about article aside p{font-size:14px; line-height:18px; margin:0px 0px 20px 0px;}
	section.about article aside h6{font-size:32px; line-height:36px; margin:0px 0px 20px 0px;}
	section.about article aside img{margin:0px 0px 20px 0px;}
	
	footer ul{float:none; margin:0px auto 15px auto;}
	footer article{min-width:200px; float:none; text-align:center; margin:0px auto;}
	footer article a{display:inline-block; float:none; margin:0px auto 15px auto;}
	
	section.blog a aside{width:-moz-calc(100% - 32px); width:-webkit-calc(100% - 32px); width:-o-calc(100% - 32px); width:calc(100% - 32px); padding:15px;}
	
	.og-fullimg{width:500px;}
	.og-details{width:-moz-calc(100% - 515px); width:-webkit-calc(100% - 515px); width:-o-calc(100% - 515px); width:calc(100% - 515px);}
}
	
@media only screen and (max-width: 1050px){
	footer{padding:30px 0px;}
	
	section.policy h2{font-size:32px; line-height:32px;}
	section.policy h3{font-size:22px; line-height:22px;}
	section.policy h4{font-size:15px; line-height:15px;}
	
	section.map div.map{height:400px;}
}

@media only screen and (max-width: 1000px){
	section.welcome{min-height:500px;}
	section.welcome p{font-size:24px; line-height:24px;}
	section.welcome h1{font-size:120px; line-height:120px;}
}

@media only screen and (max-width: 950px){
	section.services{padding:75px 0px;}
	section.services a{width:-moz-calc(50% - 25px); width:-webkit-calc(50% - 25px); width:-o-calc(50% - 25px); width:calc(50% - 25px); padding:10px; margin:0px 0px 10px 10px;}
	section.services a:nth-of-type(2n + 1){clear:left; margin:0px 0px 10px 0px;}
	section.services a img{margin:0px 10px 0px 0px;}
	
	section.projects{padding:75px 0px 150px 0px;}
	
	section.news{padding:150px 0px 75px 0px;}
	
	section.about{padding:75px 0px;}
	
	section.contacts article div.box{width:auto; float:none; margin:0px 0px 15px 0px;}
    section.contacts article div.boxing{width:auto; float:none;}
	
	section.map div.map{height:375px;}
	
	section.blog a aside p{font-size:12px; line-height:16px; margin:0px 0px 10px 0px;}
	section.blog a aside h3{font-size:18px; line-height:22px;}
	
	section.list{padding:75px 0px;}
	section.list a{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); padding:10px; margin:0px 0px 15px 0px;}
	section.list a img{margin:0px 10px 0px 0px;}
}

@media only screen and (max-width: 900px){
	nav ul li a{padding:0px 15px;}
	nav ul li:nth-of-type(5n) a{padding:0px 0px 0px 15px;}
	
	section.welcome{min-height:450px;}
	
	section.equipment{height:auto;}
	section.equipment article{width:auto; height:300px; float:none; margin:5px 0px 0px 0px;}
	section.equipment article:first-child{margin:0px;}
	
	section.about article aside p{font-size:12px; line-height:16px; margin:0px 0px 15px 0px;}
	section.about article aside h6{font-size:24px; line-height:30px; margin:0px 0px 15px 0px;}
	section.about article aside img{margin:0px 0px 15px 0px;}
	
	.og-fullimg{width:400px;}
	.og-details{width:-moz-calc(100% - 415px); width:-webkit-calc(100% - 415px); width:-o-calc(100% - 415px); width:calc(100% - 415px);}
}

@media only screen and (max-width: 850px){
	body{font-size:13px; line-height:18px;}
		
	section.projects article{width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); width:-o-calc(100% - 50px); width:calc(100% - 50px); bottom:-211px; font-size:14px; padding:30px 10px;}
	
	section.about{padding:50px 0px;}
	
	section.policy h2{font-size:28px; line-height:28px;}
	section.policy h3{font-size:20px; line-height:20px;}
	section.policy h4{font-size:14px; line-height:14px;}
	
	section.map div.map{height:350px;}
}

@media only screen and (max-width: 800px){
	header a.logo{float:none; position:relative; margin:2px auto 5px auto;}
	header article{display:none;}
	
	nav{padding:10px 0px 0px 0px;}
	nav span.count{width:100%; padding:0px;}
	nav a.show,
	nav a.phone{display:block;}
	nav ul{display:none; float:none; clear:right;}
	nav ul li,
	nav ul li.hide{display:block; border-top:1px solid #FFF;}
	nav ul li a,
	nav ul li:nth-of-type(5n) a{font-size:14px; line-height:32px; padding:0px 10px;}
	nav.is_stuck ul{text-align:left;}
	
	section.page{padding:30px 0px;}
	
	section.welcome{min-height:400px;}
	section.welcome p{font-size:20px; line-height:20px;}
	section.welcome h1{font-size:80px; line-height:80px;}
	section.welcome a.btn,
	section.welcome a.button{font-size:14px; line-height:52px; padding:0px 30px;}
	
	section.projects p{font-size:22px; line-height:26px; margin:0px 0px 10px 0px;}
	section.projects h5{font-size:64px; line-height:68px; margin:0px auto 20px auto;}
	
	footer ul{display:none;}
	
	section.blog a{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); margin:0px 0px 16px 16px;}
	section.blog a:nth-of-type(3n + 1){clear:none; margin:0px 0px 16px 16px;}
	section.blog a:nth-of-type(2n + 1){clear:left; margin:0px 0px 16px 0px;}
	section.blog a aside{width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:-o-calc(100% - 22px); width:calc(100% - 22px); padding:10px;}
	
	section.gallery span.count{width:auto;}
	.wagwep-container{display:none;}
	.og-grid{width:auto; float:none; margin:0px;}
	.og-grid li{display:block;}
	.og-grid li > a, .og-grid li > a img{width:100%;}
	.og-fullimg,
	.og-details{width:100%; float:none; margin:0px;}
	.og-fullimg img{width:100%;}
	.og-expander{height:auto !important; position:relative;}
	.elastislide-horizontal nav{height:23px; background-color:transparent; padding:0px;}
	.elastislide-horizontal nav span{top:0px;}
}

@media only screen and (max-width: 750px){
	section.services{padding:30px 0px 15px 0px;}
	section.services p{font-size:48px; line-height:48px; margin:0px 0px 30px 0px;}
	section.services a{width:auto; float:none; padding:10px; margin:0px 0px 10px 0px;}
	section.services h2{margin:0px;}
	
	section.projects{padding:30px 0px 100px 0px;}
	section.projects article{bottom:-138px; font-size:12px; padding:10px;}
	section.projects article aside strong{font-size:32px; line-height:36px;}
	
	section.news{padding:80px 0px 30px 0px;}
	section.news p{font-size:14px; line-height:18px;}
	section.news h5{font-size:48px; line-height:52px; margin:0px 0px 30px 0px;}
	section.news a.button{font-size:12px; line-height:36px; padding:0px 15px; margin:25px 0px 0px 0px;}
	
	section.about{background:#4527a0; text-align:center; padding:30px 0px;}
	section.about img{display:none !important;}
	section.about article{width:auto; min-height:100px; float:none; padding:0px; margin:0px;}
	section.about article aside h6{font-size:20px; line-height:24px; text-transform:uppercase;}
	section.about article aside a.button{font-size:12px; line-height:36px; padding:0px 15px;}
	
	section.map div.map{height:325px;}
	
	section.post aside{top:15px; font-size:12px; padding:5px 10px;}
	section.post article p{margin:0px 0px 10px 0px;}
	section.post article h2{font-size:16px; line-height:20px; margin:0px 0px 10px 0px;}
	section.post article h3{font-size:14px; line-height:18px; margin:0px 0px 10px 0px;}
	section.post article a.button{font-size:12px; line-height:32px; padding:0px 15px; margin:10px 0px 0px 0px;}
	
	section.list{padding:50px 0px;}
	section.list p{margin:0px;}
	section.list a{margin:0px 0px 15px 0px;}
	section.list h2{font-size:48px; line-height:48px; margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 700px){
	section.welcome{min-height:350px;}
	
	section.news div.bx-wrapper .bx-viewport ul li a{margin:0px 5px;}
	
	section.breadcrumb{text-align:center;}
	section.breadcrumb h1{float:none; font-size:36px; line-height:36px;}
	section.breadcrumb ul{display:inline-block; float:none; padding:0px; margin:5px 0px 0px 0px;}
	section.breadcrumb ul li{font-size:12px;}
	section.breadcrumb ul li+li:before{padding:0px 4px;}
	
	section.contacts aside{width:auto; float:none; margin:0px 0px 30px 0px;}
    section.contacts article{width:auto; float:none;}
	
	section.blog p{font-size:16px; line-height:20px;}
	section.blog h2{font-size:56px; line-height:56px; margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 650px){
	body{font-size:12px; line-height:16px;}
	
	section.policy h2{font-size:20px; line-height:20px; margin:0px 0px 15px 0px;}
	section.policy h3{font-size:16px; line-height:16px; margin:0px 0px 5px 0px;}
	section.policy h4{font-size:12px; line-height:12px; margin:0px;}
	
	section.map div.map{height:300px;}
	
	section.list{padding:30px 0px;}
}

@media only screen and (max-width: 600px){
	section.projects{padding:30px 0px;}
	section.projects p{font-size:18px; line-height:22px; margin:0px 0px 5px 0px;}
	section.projects h5{font-size:48px; line-height:52px; margin:0px auto 15px auto;}
	section.projects article{display:none;}
	
	section.news{padding:30px 0px;}
}

@media only screen and (max-width: 550px){
	section.welcome{min-height:300px;}
	section.welcome p{font-size:16px; line-height:16px;}
	section.welcome h1{font-size:60px; line-height:60px;}
	section.welcome a.btn,
	section.welcome a.button{font-size:12px; line-height:36px; padding:0px 15px;}
	
	section.map div.map{height:275px;}
	
	section.blog a.button{max-width:160px; font-size:12px; line-height:36px; padding:0px 15px;}
	section.blog a aside p{font-size:10px; line-height:14px; margin:0px 0px 5px 0px;}
	section.blog a aside h3{min-height:40px; font-size:14px; line-height:18px;}
}

@media only screen and (max-width: 500px){
	section.services p{font-size:32px; line-height:36px; margin:0px 0px 20px 0px;}
	section.services h2{font-size:14px;}
	
	section.news a.button{display:none;}
	section.news div.bx-wrapper .bx-viewport ul li a aside{width:-moz-calc(100% - 32px); width:-webkit-calc(100% - 32px); width:-o-calc(100% - 32px); width:calc(100% - 32px); padding:15px;}
	section.news div.bx-wrapper .bx-viewport ul li a aside p{font-size:12px; line-height:16px; margin:0px 0px 10px 0px;}
	section.news div.bx-wrapper .bx-viewport ul li a aside h6{min-height:40px; font-size:18px; line-height:22px;}
	
	section.blog p{font-size:14px; line-height:18px;}
	section.blog h5{font-size:36px; line-height:40px; margin:0px 0px 20px 0px;}
	
	section.list p{font-size:14px;}
	section.list h2{font-size:32px; line-height:36px; margin:0px 0px 20px 0px;}
}

@media only screen and (max-width: 450px){
	section.services{padding:25px 0px;}
	
	section.projects p{font-size:12px; line-height:16px;}
	section.projects h5{font-size:36px; line-height:40px;}
	section.projects a.button{font-size:12px; line-height:36px; padding:0px 15px;}
	
	section.map div.map{height:250px;}
	
	section.blog a,
	section.blog a:nth-of-type(3n + 1),
	section.blog a:nth-of-type(2n + 1){width:auto; float:none; clear:left; margin:0px 0px 15px 0px;}
}

@media only screen and (max-width: 400px){
	section.welcome{min-height:250px;}
	section.welcome p{font-size:12px; line-height:12px;}
	section.welcome h1{font-size:40px; line-height:40px;}
	
	section.services a{text-align:center;}
	section.services a img{float:none; margin:0px auto 10px auto;}
	
	section.news p{font-size:12px; line-height:16px;}
	section.news h5{font-size:36px; line-height:40px; margin:0px 0px 20px 0px;}
	section.news div.pager{margin:-70px 0px 0px 0px;}
	
	section.breadcrumb{padding:10px 0px;}
	section.breadcrumb h1{font-size:30px; line-height:34px;}
	section.breadcrumb ul{margin:0px;}
	
	section.list a{text-align:center;}
	section.list a img{float:none; margin:0px auto 10px auto;}
	section.list a article{text-align:left;}
}

@media only screen and (max-width: 350px){
	section.services p{font-size:24px; line-height:28px; margin:0px 0px 15px 0px;}
	section.services h2{font-size:12px;}
	
	section.projects h5{font-size:30px; line-height:34px;}
	
	section.news div.pager{margin:-50px 0px 0px 0px;}
}

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