/*
Theme Name: term2
Author: RandomJH
Author URI:
Description: for http://termavers.com.ua/
Version: 2.0 #120A8F
*/

/*цветовая схема
	
*/


*{
	margin:0;
	padding:0;
}
html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body{
	color:#000;
	background:#efefef;;
	font:18px/24px Arial, Verdana, Helvetica, sans-serif;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/MyriadPro-Regular.eot?') format('eot'), 
         url('fonts/MyriadPro-Regular.woff') format('woff'), 
         url('fonts/MyriadPro-Regular.ttf')  format('truetype'),
         url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    }
@media (max-width: 1199px){}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
	
a{
	font-size:18px;
	color:#3260cf;
}
a:hover{
	text-decoration:none;
	color:#3dc3fd;
}
p{
	font-size:18px;
}
h1,h2,h3,h1 a,h2 a,h3 a{
	font-size:24px;
	line-height:36px;
	margin:0px 0px 20px 0px;
	color:#3260cf;
	font-family: 'MyriadPro-Regular';
	text-transform:uppercase;
}
h4,h5,h6,h4 a,h5 a,h6 a{
	font-size:18px;
	margin:0px 0px 10px 0px;
	color:#3260cf;
	font-family: 'MyriadPro-Regular';
	text-transform:uppercase;
}
iframe{
	width:100%;
	height:100%;
}
.jh-video{
	width:640px;
	height:320px;
	min-width:100%;
	margin:0px 0px 30px 0px;
}
.clear{
	clear: both;
}
.alignleft{
	float:left;
	margin:0px 20px 0px 0px;
}
.aligncenter{
	margin:0px auto 20px;
	display:block;
}
@media (max-width: 575px){
.alignleft{
	float:none;
}
}
.jh-container{
	width:100%;
	min-width:320px;
}
.container{
	
}
.container .post-content{
	margin:0px 0px 30px 0px;
}
.container img{
	max-width:100%;
}
.container img.size-full{
	
}
.all{
	font-size:14px;
	text-decoration:underline;
	float:right;
}


.header{
	background:#15286b;
	position:relative;
	height:450px;
	margin:0px 0px 100px 0px;
}
.header > .container{
	position:relative;
	z-index:10;
}

.header .container .info{
	background:#fff;
	width:300px;
	box-shadow:0px 0px 20px #222;
	float:left;
}
@media (max-width: 767px){
.header > .container{
	padding:0px;
}
.header .container .info{
	width:100%;
	margin:0px auto;
}
}

.header .logo{
	display:block;
	width:300px;
	height:220px;
	padding:190px 0px 0px 0px;
	background:url(images/logo.png) center top no-repeat;
	margin:0px 0px 20px 0px;
	text-transform:uppercase;
	font-family: 'MyriadPro-Regular';
	text-align:center;
	color:#001b4d;
	font-size:18px;
}
@media (max-width: 767px){
.header .logo{
	margin:0px auto 20px;
}
}


.lang{
	height:50px;
	width:100%;
	padding:0px 10px;
	background:#fecd08;
	text-align:center;
}
.lang a,
.lang span{
	display:inline-block;
	color:#000;
	line-height:50px;
	font-size:18px;
	text-transform:uppercase;
	font-family: 'MyriadPro-Regular';
	margin:0px 10px;
}
.lang a{
	text-decoration:underline;
}
.lang span{
	cursor:default;
}



.header .contacts{
	width:280px;
	margin:0px 10px 20px;
	font-size:16px;
	font-family: 'MyriadPro-Regular';
	padding:10px 0px 0px 40px;
	position:relative;
	border-top:1px solid #9fb7d7;
}

.header .contacts a{
	display:block;
	font-size:24px;
	font-weight:bold;
	color:#3260cf;
	margin:0px 0px 10px 0px;
}
.header .contacts i{
	position:absolute;
	top:10px;
	left:10px;
	font-size:24px;
	color:#3260cf;
}
@media (max-width: 767px){
.header .contacts{
	margin:0px auto 20px;
}
}




.footer{
	background:#15286b;
}
.footer .logo{
	display:block;
	width:120px;
	height:80px;
	padding:60px 0px 0px 0px;
	background:url(images/logo-w.png) center top 6px no-repeat;
	background-size:100px 60px;
	margin:20px 0px 0px 0px;
	text-transform:uppercase;
	font-family: 'MyriadPro-Regular';
	text-align:center;
	color:#fff;
	font-size:7px;
	float:left;
}

.footer .contacts{
	width:200px;
	margin:20px 0px 0px 0px;
	font-size:18px;
	color:#fecd08;
	font-family: 'MyriadPro-Regular';
	border-radius:10px;
	padding:0px;
	position:relative;
	float:right;
	text-align:right;
}
.footer .contacts a{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#fecd08;
	margin:0px;
}
@media (max-width: 575px){
.footer .contacts{
	width:120px;
	font-size:12px;
}
.footer .contacts a{
	font-size:12px;
}
}


.footer .bottommenu{
	width:700px;
	float:left;
	margin:20px 0px 0px 50px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.footer .bottommenu > div{
	width:350px;
	padding:0px 50px 0px 0px;
	margin:0px;
}
.footer .bottommenu h6{
	line-height:36px;
	color:#fecd08;
	border-bottom:1px solid #9fb7d7;
}
.footer .bottommenu ul{
	list-style:none;
}
.footer .bottommenu ul a{
	font-size:16px;
	color:#fff;
}
.footer .bottommenu ul a:hover{
	text-decoration:underline;
}

@media (max-width: 1199px){
.footer .bottommenu{
	width:500px;
	margin:20px 0px 0px 50px;
}
.footer .bottommenu > div{
	width:45%;
	padding:0px;
}
}
@media (max-width: 991px){
.footer .bottommenu{
	width:300px;
	margin:20px 0px 0px 50px;
}
.footer .bottommenu > div{
	width:100%;
	padding:0px 0px 0px 0px;
	
}
}
@media (max-width: 767px){
.footer .bottommenu{
	width:100%;
	margin:20px 0px 0px 0px;
}
.footer .bottommenu > div{
	width:45%;
	padding:0px;
	
}	
}
@media (max-width: 575px){
.footer .bottommenu > div{
	width:100%;
	padding:0px;
	
}	
}






.copyright{
	text-align:center;
	line-height:40px;
	border-top:1px solid #9fb7d7;
	color:#fff;
}








.topmenu{
	font-family: 'MyriadPro-Regular';
	
}
.topmenu ul{
	list-style:none;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0px;
	position:relative;
}
.topmenu ul > li{
	display:inline-block;
	vertical-align:bottom;
}
.topmenu ul > li > a{
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-family: 'MyriadPro-Regular';
	line-height:50px;
	padding:0px 20px;
	font-size:18px;
}
.topmenu ul > li:first-child > a{
	margin:0px 0px 0px 30px;
}
.topmenu ul > li:hover > a,
.topmenu ul > li.current-menu-item > a,
.topmenu ul > li.active > a,
.topmenu ul > li.current-menu-parent > a{
	color:#fecd08;
	background:#223f92;
}




.topmenu ul > li > ul{
	display:none;
}
.topmenu ul > li.menu-item-has-children.active > ul{
	display:block;
	width:100%;
	background:#9fb7d7;
	position:absolute;
	top:50px;
	left:0px;
	box-shadow:0px 0px 20px #222;
}
.topmenu ul > li.menu-item-has-children.active > ul li{
	width:100%;
	float:left;
}
.topmenu ul > li.menu-item-has-children.active > ul li a{
	border-top: 1px solid #15286b;
}
.topmenu ul > li.menu-item-has-children.active > ul li:first-child > a{
	margin:0px;
}


@media (max-width: 1199px){
.topmenu ul > li > a{
	font-size:16px;
	padding:0px 15px;
}
}
@media (max-width: 991px){
.topmenu{
	width:320px;
	background:#15286b;
	position:absolute;
	top:50px;
	right:15px;
	z-index:11;
	box-shadow:0px 0px 20px #222;
}
.topmenu.open-menu{
	display:block;
}
.topmenu.close-menu{
	display:none;
}
.topmenu ul > li{
	width:100%;
	height:50px;
	border-top: 1px solid #9fb7d7;
}
.topmenu ul > li > a{
	padding:0px 20px;
}
.topmenu ul > li:first-child > a{
	margin:0px;
}
.topmenu ul > li.menu-item-has-children.active{
	height:auto;
}
.topmenu ul > li.menu-item-has-children.active > a{
	color:#fecd08;
	background:#223f92;
}
.topmenu ul > li.menu-item-has-children.active > ul{
	display:block;
	background:#9fb7d7;
	position:relative;
	top:0px;
	left:0px;
	box-shadow:none;
}
.topmenu ul > li.menu-item-has-children.active > ul > li{
	float:none;
}
.topmenu ul > li > ul > li > a{
	border-top: 1px solid #15286b;
}
.topmenu ul > li > ul > li:hover > a,
.topmenu ul > li > ul > li.current-menu-item > a{
	color:#fecd08;
	background:none;
	
}


}
@media (max-width: 767px){
.topmenu{
	width:100%;
	right:0px;
}
.topmenu ul > li > a{
	padding:0px 10px;
}
}



.btn-menu{
	width:50px;
	height:50px;
	position:absolute;
	top:0px;
	right:15px;
	cursor:pointer;
}
.btn-menu span{
	display:block;
	width:30px;
	height:2px;
	margin:14px 10px 0px 10px;
	background:#fff;
	border-radius:2px;
}
.btn-menu span ~ span{
	margin:8px 10px 0px 10px;
}





.jh-slider{
	height:400px;
	width:100%;
	overflow:hidden;
	position:absolute;
	top:50px;
	left:0px;
	background:#223f92;

}
.jh-slider:after{
	height:100%;
	width:100%;
	background: url(images/bg-header.png) repeat;
	content:'';
	position:absolute;
	top:0px;
	left:0px;
}

.jh-slider .carousel{
	padding:0px 0px 0px 0px;
}
.jh-slider .carousel-item{
	width:100%;
	height:400px;
	z-index:10;
}
.jh-slider .carousel-item:after{
	height:100%;
	width:100%;
	background: url(images/bg-header.png) repeat;
	content:'';
	position:absolute;
	top:0px;
	left:0px;
}
/*home*/
.jh-slider .slide1{
	background: url(images/slides/slide1.png) right bottom no-repeat;
}
.jh-slider .slide2{
	background: url(images/slides/slide2.png) right bottom no-repeat;
}
.jh-slider .slide3{
	background: url(images/slides/slide3.png) right bottom no-repeat;
}
/*фасадный декор*/
.jh-slider .slide11{
	background: url(images/slides/slide11.png) right bottom no-repeat;
}
.jh-slider .slide12{
	background: url(images/slides/slide12.png) right bottom no-repeat;
}
.jh-slider .slide13{
	background: url(images/slides/slide13.png) right bottom no-repeat;
}
/*оборудование*/
.jh-slider .slide21{
	background: url(images/slides/slide21.png) right bottom no-repeat;
}
.jh-slider .slide22{
	background: url(images/slides/slide22.png) right bottom no-repeat;
}
.jh-slider .slide23{
	background: url(images/slides/slide23.png) right bottom no-repeat;
}
/*панели*/
.jh-slider .slide31{
	background: url(images/slides/slide31.png) right bottom no-repeat;
}
.jh-slider .slide32{
	background: url(images/slides/slide32.png) right bottom no-repeat;
}
.jh-slider .slide33{
	background: url(images/slides/slide33.png) right bottom no-repeat;
}
/*перевозки*/
.jh-slider .slide41{
	background: url(images/slides/slide41.png) right bottom no-repeat;
}
.jh-slider .slide42{
	background: url(images/slides/slide42.png) right bottom no-repeat;
}
.jh-slider .slide43{
	background: url(images/slides/slide43.png) right bottom no-repeat;
}






.carousel-control-prev,
.carousel-control-next{
	opacity:1;
	z-index:10;
	width:10%;
}
.carousel-control-prev{
	left:300px;
}
.carousel-control-next{
	
}
@media (max-width: 767px){

}

.jh-slider .desc{
	position:absolute;
	bottom:30px;
	right:50px;
	text-align:right;
	display:block;
	z-index:10;
}
.jh-slider .desc a{
	color:#fff;
	text-shadow:0px 0px 10px #666;
	font-size:48px;
	line-height:56px;
	
}
.jh-slider .desc a span{
	vertical-align:top;
	font-size:18px;
	position:relative;
	top:-10px;
}
@media (max-width: 1199px){
.jh-slider .desc a{
	font-size:36px;
	line-height:48px;
}
.jh-slider .desc a span{
	font-size:16px;
}
}
@media (max-width: 991px){
.jh-slider .desc a{
	font-size:24px;
	line-height:36px;
}
.jh-slider .desc a span{
	font-size:14px;
}
}







.jh-slider .carousel-indicators li{
	background:#52a5db;
}
.jh-slider .carousel-indicators li.active{
	background:#fe2322;
}
.jh-slider .carousel-control-prev-icon{
	background:url(images/prev.png) center center no-repeat;
	width:33px;
	height:33px;
}
.jh-slider .carousel-control-next-icon{
	background:url(images/next.png) center center no-repeat;
	width:33px;
	height:33px;
}





.online{
	background:#15286b;
}
.online .wrap{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	border-bottom:1px solid #9fb7d7;
	padding:10px 0px;
}
.home .online .wrap{
	border:0;
	margin:0px 0px 20px 0px;
	padding:10px 0px 10px 0px;
}
.online h6{
	width:30%;
	height:40px;
	line-height:40px;
	padding:0px 0px 0px 0px;
	color:#fff;
	margin:0px;
}
.online h6 i{
	font-size:36px;
	vertical-align:middle;
	margin:0px 20px 0px 0px;
}
@media (max-width: 991px){
.home .online .wrap{
	border:0;
	margin:0px 0px 20px 0px;
	padding:10px 0px 20px 0px;
}
.online h6{
	margin:0px 0px 10px 0px;
}
}
.online #wpforms-827{
	margin:0px;
	width:70%;
}
.online .wpforms-field-container{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:75% !important;
}
.online div.wpforms-container-full .wpforms-form{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.online div.wpforms-container-full .wpforms-form .wpforms-field{
	padding:0px;
	margin:0px;
	width:30%;
}
.online div.wpforms-container-full .wpforms-form .wpforms-field input{
	border-radius:5px;
}
.online .wpforms-form{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.online div.wpforms-container-full .wpforms-form .wpforms-submit-container{
	padding:0px;
	margin:0px;
	width:25%;
}
.online div.wpforms-container-full .wpforms-form button[type="submit"]{
	width:80%;
	margin:0px 0px 0px 20%;
	background:#fecd08;
	color:#000;
	padding:0px 20px;
	line-height:38px;
	border:0px;
	border-radius:5px;
	font-family: 'MyriadPro-Regular';
	text-transform:uppercase;
}
.online div.wpforms-container-full .wpforms-form button[type="submit"]:hover{
	background:#fecd08;
	color:#000;
	padding:0px 20px;
	line-height:38px;
	border:0px;
	border-radius:5px;
}
.online .wpforms-confirmation-container-full{
	color:#fff;
	border:0px;
	background:none;
	padding:10px 0px 0px 0px;
	margin:0px;
	line-height:20px;
}
@media (max-width: 991px){
.online h6{
	width:100%;
}
.online #wpforms-827{
	width:100%;
}
}
@media (max-width: 767px){
.online .wpforms-field-container{
	width:100% !important;
	
}
.online div.wpforms-container-full .wpforms-form .wpforms-field{
	width:100%;
	margin:0px 0px 10px 0px;
}
.online div.wpforms-container-full .wpforms-form .wpforms-submit-container{
	width:100%;
}
.online div.wpforms-container-full .wpforms-form button[type="submit"]{
	width:100%;
	margin:0px;
}
}







.thumbs{
	padding:20px 0px;
}
.thumbs .container{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.thumbs .thumb{
	display:block;
	width:48%;
	height:150px;
	padding:0px;
	box-shadow:0px 0px 10px #666;
	margin:0px 0px 20px 0px;
	text-align:right;
}
.thumbs .thumb h2{
	line-height:48px;
	font-size:24px;
	color:#000;
	background:#fecd08;
	padding:0px 30px;
	float:right;
}
@media (max-width: 1199px){
.thumbs .thumb{
	width:48%;
	height:100px;
}
.thumbs .thumb h2{
	line-height:36px;
	font-size:18px;
	padding:0px 20px;
}
}
@media (max-width: 991px){
.thumbs{
	
	
}
.thumbs .thumb{
	width:48%;
}
}
@media (max-width: 767px){
.thumbs .thumb{
	width:100%;
}
.thumbs .thumb h2{
	line-height:36px;
	font-size:18px;
	padding:0px 30px;
}
}
@media (max-width: 575px){
.thumbs .thumb{
	width:100%;
	
}
.thumbs .thumb h2{
	line-height:24px;
	font-size:14px;
	padding:0px 10px;
}
}
.thumbs .thumb1{
	background:#fff url(images/thumb1.png) center center no-repeat;
}
.thumbs .thumb2{
	background:#fff url(images/thumb2.png) center center no-repeat;
}
.thumbs .thumb3{
	background:#fff url(images/thumb3.png) center center no-repeat;
}
.thumbs .thumb4{
	background:#fff url(images/thumb4.png) center center no-repeat;
}
.thumbs .thumb5{
	background:#fff url(images/thumb5.png) center center no-repeat;
}

.leftbar ul{
	list-style:none;
}
.leftbar .thumbs{
	padding:0px;
	float:left;
	width:100%;
}
.leftbar .thumbs .thumb{
	width:100%;
	height:100px;
	
}
.leftbar .thumbs .thumb h2{
	line-height:24px;
	font-size:14px;
	padding:0px 10px;
}
@media (max-width: 991px){
.leftbar .thumbs{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
}
.leftbar .thumbs .thumb{
	width:48%;
	height:100px;
	
}
}
@media (max-width: 575px){
.leftbar .thumbs .thumb{
	width:100%;
	height:100px;
	
}
}




.homepost{
	margin:0px 0px 20px 0px;
}






.map{
	margin:0px 0px 20px 0px;
}
.map .container .google-map{
	height:300px;
	margin:0px 0px 20px 0px;
}
.map .contacts{
	font-size:16px;
	color:#001b4d;
	font-family: 'MyriadPro-Regular';
	border-radius:10px;
	position:relative;
	float:left;
}
.map .contacts ~ .contacts{
	float:right;
}

.map .contacts a{
	display:block;
	font-size:24px;
	font-weight:bold;
	color:#001b4d;
	margin:0px 0px 10px 0px;
}
.map .contacts i{
	font-size:24px;
	width:30px;
	text-align:center;
	display:inline-block;
}
@media (max-width: 575px){
.map .contacts{
	width:100%;
	margin:0px 0px 10px 0px;
}
.map .contacts ~ .contacts{
	width:100%;
	float:left;
}
}


.text{
	margin:0px 0px 20px 0px;
}


.geo{
	margin:0px 0px 20px 0px;
}
.geo .geo-map{
	perspective:1000px;
	width:100%;
	margin:0px auto 20px;
}
.geo .geo-map .wrap{
	width:70%;
	margin:0px auto;
	transition:0.5s;
	transform:rotateX(40deg) rotateY(0deg) rotateZ(-10deg);
	transform-style:preserve-3d;
	
	position:relative;
}
.geo img{
	display:block;
	width:100%;
	
}

.geo img.layer1{
	transition:1s;
}
.geo img.layer2{
	transform:translateZ(40px);
	transition:1s;
	position:absolute;
	top:0px;
	left:0px;
}
.geo .geo-map .wrap:hover{
	transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.geo .geo-map .wrap:hover img.layer1{
	transform:translateZ(300px);
}
.geo .geo-map .wrap:hover img.layer2{
	transform:translateZ(300px);
}



.pre{
	margin:0px 0px 20px 0px;
}
.pre .container{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.pre a{
	margin:0px 0px 20px 0px;
	display:block;
	width:32%;
	height:70px;
	box-shadow:0px 0px 10px #666;
	color:#fff;
	font-family:'MyriadPro-Regular';
	text-transform:uppercase;
	text-align:center;
	line-height:70px;
	font-size:22px;
	background:#15286b;
	
}
.pre a i{
	font-size:40px;
	line-height:70px;
	vertical-align:middle;
	margin:0px 20px 0px 0px;
}
.pre ul{
	padding:0px 0px 0px 30px;
}



.leftbar .pre a{
	width:100%;
	text-align:left;
	padding:0px 0px 0px 30px;
}

@media (max-width: 767px){
.pre a{
	width:100%;
}
}





.video{
	margin:0px 0px 20px 0px;
}
.video .videolinks{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.video .videolinks a{
	display:block;
	width:32%;
	box-shadow:0px 0px 10px #666;
	margin:0px 0px 20px 0px;
	padding:0px 0px 30px 0px;
	background:#fff;
	position:relative;
}
.video .videolinks a:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:url(images/btn-yt.png) center center no-repeat;
	background-size:75px 50px;
	position:absolute;
	top:0px;
	left:0px;
}
.video .videolinks a img{
	display:block;
	width:100%;
}
.video .videolinks a span{
	display:block;
	text-align:left;
	width:100%;
	font-family: 'MyriadPro-Regular';
	color:#fff;
	background:#15286b;
	font-size:18px;
	text-transform:uppercase;
	padding:10px 10px;
	position:absolute;
	bottom:0px;
	right:0px;
}
@media (max-width: 991px){
.video .videolinks a{
	width:32%;
	margin:0px 0px 20px 0px;
}
.video .videolinks a span{
	font-size:16px;
}
}
@media (max-width: 767px){
.video .videolinks a{
	width:100%;
}
.video .videolinks a span{
	font-size:18px;
}
}
@media (max-width: 575px){
.video .videolinks a{
	width:100%;
	margin:0px 0px 20px 0px;
	text-align:center;
}
}



.clients{
	margin:0px 0px 20px 0px;
}

.objects{
	margin:0px 0px 20px 0px;
}
.objects .wrap{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.objects .wrap a{
	margin:0px 0px 20px 0px;
	width:32%;
	box-shadow:0px 0px 10px #666;
	position:relative;
}
.objects .wrap a img{
	display:block;
	width:100%;
}
.objects .wrap a span{
	display:block;
	text-align:left;
	width:100%;
	font-family: 'MyriadPro-Regular';
	color:#fff;
	background:#15286b;
	font-size:18px;
	text-transform:uppercase;
	padding:10px 10px;
	position:absolute;
	bottom:0px;
	right:0px;
}
@media (max-width: 767px){
.objects .wrap a{
	width:100%;
}



}




.otzyv{
	margin:0px 0px 20px 0px;
}
.otzyv .wrap{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.otzyv .wrap a{
	margin:0px 0px 20px 0px;
	width:15%;
	box-shadow:0px 0px 10px #666;
	
}
.otzyv .wrap a img{
	width:100%;
}


@media (max-width: 767px){
.otzyv .wrap a{
	width:30%;
}
}





.answers{
	margin:0px 0px 20px 0px;
	
}
.answer{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.answer a.item{
	display:block;
	margin:0px 0px 20px 0px;
	padding:10px 20px;
	background:#fff;
	width:48%;
	box-shadow:0px 0px 10px #666;
	color:#001b4d;
	background:url(images/logo-opacity.png) right -100px center no-repeat;
}
.post-content div.item{
	display:block;
	margin:0px 0px 20px 0px;
	padding:10px 20px;
	background:#fff;
	box-shadow:0px 0px 10px #666;
	color:#001b4d;
	width:100%;
	background:none;
}

.answer a.item span,
.answer h2{
	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #9fb7d7;
	color:#3260cf;
	font-family: 'MyriadPro-Regular';
	text-transform:uppercase;
	font-size:18px;
	line-height:24px;
}


@media (max-width: 767px){
.answer a.item{
	width:100%;
}
}






.contentbar .container{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.leftbar{
	width:300px;
}
.content{
	width:810px;
	padding:0px 0px 0px 50px;
}
.content ul,
.content ol{
	padding:0px 0px 0px 30px;
}

@media (max-width: 1199px){
.content{
	width:630px;
	padding:0px 0px 0px 30px;
}
}
@media (max-width: 991px){
.leftbar{
	width:100%;
	
}
.content{
	width:100%;
	padding:0px;
}
}
@media (max-width: 767px){
.content{
	
}
}
@media (max-width: 575px){

}





.navigation{
	padding:20px 0px;
	cursor:default;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.navigation .pages{
	display:none;
}
.navigation .page-numbers{
	display:inline-block;
	width:40px;
	height:40px;
	margin:0px 5px 10px;
	background:#15286b;
	border-radius:20px;
	line-height:40px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-family: 'MyriadPro-Regular';
	font-size:18px;
}
.navigation .page-numbers.current{
	color:#fecd08;
}


.oborudovanie{
	
}

.oborudovanie .thumb{
	display:block;
	width:100%;
	height:150px;
	padding:0px;
	box-shadow:0px 0px 10px #666;
	margin:0px 0px 20px 0px;
	text-align:right;
	
}
.oborudovanie .thumb.st1{
	background:#fff url(images/chpu-stanok.jpg) center center no-repeat;
	background-size:cover;
}
.oborudovanie .thumb.st2{
	background:#fff url(images/tokarno-armirovochniy-stanok.jpg) center  top -100px no-repeat;
	background-size:cover;
}
.oborudovanie .thumb.st3{
	background:#fff url(images/protzjnoy-stanok1.jpg) center top -100px no-repeat;
	background-size:cover;
}
.oborudovanie .thumb.st4{
	background:#fff url(images/arochny-stanok.jpg) center top -100px no-repeat;
	background-size:cover;
}
.oborudovanie .thumb h2{
	line-height:48px;
	font-size:24px;
	color:#000;
	background:#fecd08;
	padding:0px 30px;
	float:right;
}
@media (max-width: 1199px){
.oborudovanie .thumb{
	height:100px;
}
.oborudovanie .thumb h2{
	line-height:36px;
	font-size:18px;
	padding:0px 20px;
}
}
@media (max-width: 991px){
.oborudovanie .thumb{
	height:150px;
}
.oborudovanie .thumb h2{
	line-height:48px;
	font-size:24px;
}
}
@media (max-width: 767px){
.oborudovanie .thumb{
	width:100%;
	height:100px;
}
.oborudovanie .thumb h2{
	line-height:36px;
	font-size:18px;
	padding:0px 30px;
}
}
@media (max-width: 575px){
.oborudovanie .thumb{
	width:100%;
	
}
.oborudovanie .thumb h2{
	line-height:24px;
	font-size:14px;
	padding:0px 10px;
}
}



.post{
	padding:30px 20px;
	margin:0px 0px 30px 0px;
	border-top:1px dashed #3260cf;
	background:#fff;
}












/*Конструктор*/

.constructor{
	width:100%;
	margin:0px auto 30px;
}
.constructor .container{
	width:100%;
}
.constructor h1{
	width:100%;
	margin:0px 0px 30px;
}
.constructor h1 span{
	font-size:16px;
	text-transform:none;
	color:#000;
}

.constructor #konstruktor{
	position:relative;
	width:100%;
	height:400px;
	perspective:2000px;
	background:#fff;
	box-shadow:0px 0px 10px #000;
	overflow:hidden;
}
.constructor #konstruktor #zatirka{
	width:150%;
	height:150%;
	background-repeat:repeat;
	position:relative;
	transform-origin: 50% 50%;
	transform:rotateX(0deg) rotateY(40deg) rotateZ(0deg) translateX(-80px) translateY(-77px) translateZ(0px);
	transform-style:preserve-3d;
	box-shadow:0px 0px 10px #ccc;
}
.constructor #konstruktor #zatirka #klinker{
	width:100%;
	height:100%;
	background-size:200px 50px;
}

.constructor #konstruktor #okno{
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-215px;
	width:425px;
	height:400px;
}

@media (max-width: 1199px){
.constructor #konstruktor{
	perspective:1600px;
	height:320px;
}
.constructor #konstruktor #zatirka{
	width:150%;
	height:150%;
	transform:rotateX(0deg) rotateY(40deg) rotateZ(0deg) translateX(-100px) translateY(-85px) translateZ(0px);
}
.constructor #konstruktor #zatirka #klinker{
	background-size:200px 50px;
}
.constructor #konstruktor #okno{
	width:320px;
	margin-left:-150px;
}
}

@media (max-width: 991px){
.constructor #konstruktor #zatirka #klinker{
	background-size:160px 40px;
}
}
@media (max-width: 767px){
.constructor #konstruktor #zatirka{
	transform:rotateX(0deg) rotateY(40deg) rotateZ(0deg) translateX(-100px) translateY(-89px) translateZ(0px);
}
.constructor #konstruktor #zatirka #klinker{
	background-size:120px 30px;
}
}
@media (max-width: 575px){
.constructor #konstruktor{
	height:105px;
}
.constructor #konstruktor #zatirka{
	width:100%;
	height:100%;
	transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px);
}
.constructor #konstruktor #okno{
	display:none;
}
}


.catalog{
	width:100%;
	background:#15286b;
}
.catalog ul{
	list-style:none;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	margin:0px;
}
.catalog ul li{
	cursor:default;
	padding:0px;
}
.catalog ul li.separator{
	display:none;
}
.catalog ul li span{
	text-transform:uppercase;
	font-size:14px;
	line-height:36px;
	font-family: 'MyriadPro-Regular';
	color:#fff;
}
.catalog ul li:hover span,
.catalog ul li.active span{
	color:#fecd08;
}
.catalog ul li ul{
	display:none;
}
.catalog ul li.active ul{
	display:block;
	position:absolute;
	bottom:36px;
	left:0px;
	width:100%;
	padding:10px 20px;
	list-style:none;
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
	background:#15286b;
}
.catalog ul li.active ul li{
	width:32%;
	height:30px;
	padding:2px 10px;
	margin:0px 4px 2px 0px;
	color:#fff;
	font-size:12px;
	line-height:30px;
	text-transform:uppercase;
	font-family: 'MyriadPro-Regular';
	text-shadow:0px 0px 3px #000;
	overflow:hidden;
}


.link{
	margin:0px 0px 30px;
	width:100%;
	background:#15286b;
	
}

.link span{
	line-height:36px;
	color:#fecd08;
	text-transform:uppercase;
	font-size:18px;
	font-family: 'MyriadPro-Regular';
}
.link input{
	width:100%;
	padding:6px 10px;
	margin:0px 0px 10px;
	border-radius:5px;
	border:0px;
	line-height:1.3;
}

@media (max-width: 1199px){
.catalog ul li{
	width:30%;
}
.catalog ul li.separator{
	display:block;
	width:30%;
}
.catalog ul li.active ul{
	bottom:72px;
}
}
@media (max-width: 991px){

}
@media (max-width: 767px){
.catalog ul li{
	width:50%;
}
.catalog ul li.separator{
	display:none;
}
.catalog ul li.active ul{
	bottom:108px;
}
}
@media (max-width: 575px){
.catalog ul li{
	width:100%;
}
.catalog ul li.active ul{
	position:relative;
	bottom:auto;
	padding:0px;
}
.catalog ul li.active ul li{
	width:100%;
}
}




  

/*Каталог затирок*/
.AquariusBeige{
  background: url(images/constr/AquariusBeige.png) repeat;
  }
.CloudBrownDuro{
  background: url(images/constr/CloudBrownDuro.png) repeat;
  }
.CloudBrown{
  background: url(images/constr/CloudBrown.png) repeat;
  }
.CloudRosaDuro{
  background: url(images/constr/CloudRosaDuro.png) repeat;
  }
.CloudRosa{
  background: url(images/constr/CloudRosa.png) repeat;
  }
.NaturalBrownDuro{
  background: url(images/constr/NaturalBrownDuro.png) repeat;
  }
.NaturalBrown{
  background: url(images/constr/NaturalBrown.png) repeat;
  }
.NaturalRosaDuro{
  background: url(images/constr/NaturalRosaDuro.png) repeat;
  }
.NaturalRosa{
  background: url(images/constr/NaturalRosa.png) repeat;
  }
.SemirBeige{
  background: url(images/constr/SemirBeige.png) repeat;
  }
.TaurusBrown{
  background: url(images/constr/TaurusBrown.png) repeat;
  }



.plitka-alaska{
  background: url(images/constr/plitka-alaska.png) repeat;
  }
.plitka-alpiyskiy-tuman{
  background: url(images/constr/plitka-alpiyskiy-tuman.png) repeat;
  }
.plitka-arizona{
  background: url(images/constr/plitka-arizona.png) repeat;
  }
.plitka-atakama-rustikalnaja{
  background: url(images/constr/plitka-atakama-rustikalnaja.png) repeat;
  }
.plitka-burgund{
  background: url(images/constr/plitka-burgund.png) repeat;
  }
.plitka-burgund-rustikalnaja{
  background: url(images/constr/plitka-burgund-rustikalnaja.png) repeat;
  }
.plitka-burgund-s-ottenkom{
  background: url(images/constr/plitka-burgund-s-ottenkom.png) repeat;
  }
.plitka-burgund-s-ottenkom-rustikalnaja{
  background: url(images/constr/plitka-burgund-s-ottenkom-rustikalnaja.png) repeat;
  }
.plitka-colorado{
  background: url(images/constr/plitka-colorado.png) repeat;
  }
.plitka-country-wisnia{
  background: url(images/constr/plitka-country-wisnia.png) repeat;
  }
.plitka-country-wisnia-rustikalnaja{
  background: url(images/constr/plitka-country-wisnia-rustikalnaja.png) repeat;
  }
.plitka-dakota{
  background: url(images/constr/plitka-dakota.png) repeat;
  }
.plitka-gobi-rustikalnaja{
  background: url(images/constr/plitka-gobi-rustikalnaja.png) repeat;
  }
.plitka-grafitovaja-s-ottenkom{
  background: url(images/constr/plitka-grafitovaja-s-ottenkom.png) repeat;
  }
.plitka-indiana{
  background: url(images/constr/plitka-indiana.png) repeat;
  }
.plitka-kalahari-rustikalnaja{
  background: url(images/constr/plitka-kalahari-rustikalnaja.png) repeat;
  }
.plitka-korichnevaja{
  background: url(images/constr/plitka-korichnevaja.png) repeat;
  }
.plitka-korichnevaja-glazurovannaja{
  background: url(images/constr/plitka-korichnevaja-glazurovannaja.png) repeat;
  }
.plitka-korichnevaja-rustikalnaja{
  background: url(images/constr/plitka-korichnevaja-rustikalnaja.png) repeat;
  }
.plitka-krasnaja{
  background: url(images/constr/plitka-krasnaja.png) repeat;
  }
.plitka-krasnaja-rustikalnaja{
  background: url(images/constr/plitka-krasnaja-rustikalnaja.png) repeat;
  }
.plitka-krasnaja-s-ottenkom{
  background: url(images/constr/plitka-krasnaja-s-ottenkom.png) repeat;
  }
.plitka-krasnaja-s-ottenkom-rustikalnaja{
  background: url(images/constr/plitka-krasnaja-s-ottenkom-rustikalnaja.png) repeat;
  }
.plitka-kremovaja{
  background: url(images/constr/plitka-kremovaja.png) repeat;
  }
.plitka-kremovaja-rustikalnaja{
  background: url(images/constr/plitka-kremovaja-rustikalnaja.png) repeat;
  }
.plitka-medovaja-s-ottenkom{
  background: url(images/constr/plitka-medovaja-s-ottenkom.png) repeat;
  }
.plitka-montana{
  background: url(images/constr/plitka-montana.png) repeat;
  }
.plitka-nero{
  background: url(images/constr/plitka-nero.png) repeat;
  }
.plitka-nero-rustikalnaja{
  background: url(images/constr/plitka-nero-rustikalnaja.png) repeat;
  }
.plitka-nevada{
  background: url(images/constr/plitka-nevada.png) repeat;
  }
.plitka-pesochnaja{
  background: url(images/constr/plitka-pesochnaja.png) repeat;
  }
.plitka-pesochnaja-rustikalnaja{
  background: url(images/constr/plitka-pesochnaja-rustikalnaja.png) repeat;
  }
.plitka-seraja{
  background: url(images/constr/plitka-seraja.png) repeat;
  }
.plitka-seriy-kamen{
  background: url(images/constr/plitka-seriy-kamen.png) repeat;
  }
.plitka-tara{
  background: url(images/constr/plitka-tara.png) repeat;
  }
.plitka-wishnevaja-glazurovannaja{
  background: url(images/constr/plitka-wishnevaja-glazurovannaja.png) repeat;
  }
.plitka-zelenaja-s-ottenkom{
  background: url(images/constr/plitka-zelenaja-s-ottenkom.png) repeat;
  }
.plitka-zolotaja-pil{
  background: url(images/constr/plitka-zolotaja-pil.png) repeat;
  }


/*Цвета затирок Mapei*/
.color{
  width:620px;
  height:30px;
  line-height:30px;
  margin-bottom:10px;
  padding:0px 10px;
  }
.Bianco100{
  background:url(images/constr/Bianco100.jpg) repeat-x;
  }
.Manhattan110{
  background:rgb(205,201,206);
  }
.GrigioArgento111{
  background:rgb(236,238,239);
  }
.GrigioMedio112{
  background:rgb(151,151,155);
  }
.GrigioCemento113{
  background:rgb(129,127,123);
  }
.Antracite114{
  background:rgb(73,76,83);
  color:#fff;
  }
.Nero120{
  background:rgb(0,0,0);
  color:#fff;
  }
.Jasmine130{
  background:rgb(246,236,217);
  }
.Vaniglia131{
  background:rgb(252,233,209);
  }
.Beige132{
  background:rgb(232,212,184);
  }
.Corallo140{
  background:rgb(200,113,79);
  }
.Caramel141{
  background:rgb(228,163,102);
  }
.Marrone142{
  background:rgb(149,105,92);
  }
.Terracotta143{
  background:rgb(114,70,59);
  }
.Cioccolato144{
  background:rgb(101,62,61);
  }
.TerradiSiena145{
  background:rgb(186,76,52);
  }
.Giallo150{
  background:rgb(243,201,104);
  }
.Magnolia160{
  background:rgb(241,206,187);
  }
.Malva161{
  background:rgb(203,125,129);
  }
.Viola162{
  background:rgb(159,133,175);
  }
.CelesteCrocus170{
  background:rgb(186,200,222);
  }
.Turchese171{
  background:rgb(18,122,133);
  }
.BluSpazio172{
  background:rgb(41,88,152);
  }
.Menta180{
  background:rgb(217,231,222);
  }
.VerdeGiada181{
  background:rgb(143,191,143);
  }
.Tormalina182{
  background:rgb(149,213,210);
  }


.cer01{
  background:rgb(236,236,236);
  }
.cer07{
  background:rgb(203,195,184);
  }
.cer13{
  background:rgb(160,161,165);
  color:#fff;
  }
.cer16{
  background:rgb(10,9,5);
  color:#fff;
  }
.cer43{
  background:rgb(217,210,194);
  }
.cer46{
  background:rgb(230,194,158);
  }
.cer47{
  background:rgb(190,134,77);
  }
.cer49{
  background:rgb(136,69,53);
  color:#fff;
  }
.cer52{
  background:rgb(176,120,97);
  }
.cer55{
  background:rgb(195,147,125);
  }
.cer58{
  background:rgb(126,84,59);
  color:#fff;
  }
.at001{
  background:rgb(241,241,241);
  }
.at020{
  background:rgb(219,202,158);
  }
.at021{
  background:rgb(210,67,27);
  color:#fff;
  }
.at024{
  background:rgb(106,56,49);
  color:#fff;
  }
.at035{
  background:rgb(109,109,101);
  color:#fff;
  }
.at036{
  background:rgb(66,66,58);
  color:#fff;
  }
.at037{
  background:rgb(9,9,19);
  color:#fff;
  }