html, body{
margin:0;
padding:0;
}
@font-face {
font-family: 'Conv_Marta_Regular';
src: url('../fonts/Marta_Regular.eot');
src: local(''), url('../fonts/Marta_Regular.woff') format('woff'), url('../fonts/Marta_Regular.ttf') format('truetype'), url('../fonts/Marta_Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Marta_Bold';
src: url('../fonts/Marta_Bold.eot');
src: local(''), url('../fonts/Marta_Bold.woff') format('woff'), url('../fonts/Marta_Bold.ttf') format('truetype'), url('../fonts/Marta_Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Monitorica-Bd';
src: url('../fonts/Monitorica-Bd.eot');
src: local(''), url('../fonts/Monitorica-Bd.woff') format('woff'), url('../fonts/Monitorica-Bd.ttf') format('truetype'), url('../fonts/Monitorica-Bd.svg') format('svg');
font-weight: normal;
font-style: normal;
}

div.form-proekt{
margin: 20px 0 0 0;
background-color: #F7F7F7;
padding: 5px 20px 20px 20px;
border-bottom: 4px solid #375111;
}
div.form-proekt label{
width:120px !important;
margin-left:50px;
}
div.form-proekt input{
width:240px !important;
border: 1px solid #ccc;
padding:5px !important;
}
div.form-proekt textarea{
width:240px !important;
border: 1px solid #ccc;
padding:5px !important;
resize: none;
}
div.form-proekt div.formInjFieldButtons{
text-align:left !important;
margin-left:50px;
}
div.form-proekt input.send, div.form-proekt input.cancel{
width:100px !important;
border:none;
}
input#file{
border:none;
}
div.form-proekt:before{
/*content:"Задать вопрос по проекту или отправить свой на расчёт";*/
content: '';
display:block;
text-align:center;
font-family: 'Conv_Monitorica-Bd';
font-size: 38px;
color: #3c2719;
margin:10px 0 40px 0;
}
#formInjAnswer{
color:#EE4B4B;
}

.custom_razrez{
text-align:center;
}
.razrez{
width:33%;
display:inline-block;
}
.razrez img{
width:99%;
border-radius:10px;
transition: all 0.2s;
}
.razrez img:hover{
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.custom_razrez h3.catItemTitle {
background-image: url(../images/title-p-back.png);
background-repeat: repeat-x;
width: 90%;
margin: 0 auto;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
border-radius: 10px 10px 0 0;
font-size: 16px;
padding:8px 0 5px 0;
}
.moduletable_razrez div.razrez-h2{
margin: 5px 0;
padding: 15px 0;
text-align: center;
text-transform: uppercase;
font-family: 'Conv_Monitorica-Bd';
font-size: 48px;
color: #3c2719;
font-weight:bold;
}
h1{
margin:0;
padding:15px 0;
text-align:center;
text-transform:uppercase;
font-family: 'Conv_Monitorica-Bd';
font-size:48px;
color:#3c2719;
}
a{
text-decoration:underline;
color:#3C2719;
}
a:hover{
text-decoration:none;
}
.clr{
clear:both;
}
#all{
font-family: 'Conv_Marta_Regular';
font-size:18px;
max-width:1920px;
min-width:980px;
margin:0 auto;
color:#595968;
background-image:url(../images/all-back.jpg);
}
div.header{
height:175px;
width:100%;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
background-position:50% 0;
}
div.header-c{
width:980px;
margin:0 auto;
}
div.logo{
width:146px;
display:inline-block;
vertical-align:top;
margin:15px 0 0 50px;
}
div.header-contact{
width:720px;
display:inline-block;
vertical-align:top;
margin-left:50px;
}
div.header-contact ul{
list-style:none;
margin:0;
padding:0;
font-size:22px;
}
div.header-contact ul.header-ul-1 li{
display:inline-block;
width:29%;
vertical-align:top;
color:#FFFFFF;
font-family: 'Conv_Marta_Bold';
margin:30px 0 20px 0;
}
div.header-contact ul.header-ul-1 li.tel{background-image:url(../images/icon-tel.png);background-repeat:no-repeat;background-position:0 50%;padding-left:26px;text-shadow: 1px 1px 1px #000;color: #fb0;}
div.header-contact ul.header-ul-1 li.address{
background-image:url(../images/icon-address.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:22px;
}
div.header-contact ul.header-ul-2 li{display:inline-block;width: 31%;vertical-align:top;color:#FFFFFF;font-family: 'Conv_Monitorica-Bd';}
div.header-contact ul.header-ul-2 li.msg-m{
background-image:url(../images/icon-msg.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:26px;
}
div.header-contact ul.header-ul-2 li.vk-soc{
background-image:url(../images/icon-vk.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:26px;
}
div.header-contact ul.header-ul-2 li.slogan-1{
margin-right:23px;
}
div.header-contact a, div.footer-contact a{
color:#FFFFFF;
text-decoration:none;
}
div.header-contact a:hover, div.footer-contact a:hover{
text-decoration:underline;
}
div.header-button{width:100%;height: 52px;/* background-image:url(../images/butt.png); */background-repeat:repeat-x;}
div.header-button-c{width:980px;margin:0 auto;margin-top: 19px;}
div.header-button ul{
margin:0;
padding:0;
list-style:none;
}
div.header-button ul li{
display:inline-block;
width:48%;
text-align:center;
}
div.header-button ul li a{width: 285px;height:45px;display:inline-block;color:#FFFFFF;text-decoration:underline;line-height:2.7em;text-transform:uppercase;padding-left: 10px;}
div.header-button ul li span{width: 275px;height:45px;display:inline-block;color:#FFFFFF;text-decoration:underline;line-height:2.7em;text-transform:uppercase;padding-left: 20px;cursor:pointer;}
div.header-button ul li span:hover{
text-decoration:none;
}
div.header-button ul li a:hover{
text-decoration:none;
}
div.header-button ul li a.calculation-project{/* background-image:url(../images/calculation-project.png); */background-color: #ee4b4b;background-repeat:no-repeat;border-radius: 35px;/* text-align: center; */}
div.header-button ul li span.callback{/* background-image:url(../images/callback.png); */background-repeat:no-repeat;background-color: #ee4b4b;background-repeat: no-repeat;border-radius: 35px;/* margin-top: 10px; *//* margin-bottom:  10px; */}
div.top-menu{width:100%;height: 66px;/* background-image:url(../images/top-menu.jpg); */background-repeat:no-repeat;background-position:50% 0;}
div.top-menu-c{
width:980px;
margin:0 auto;
line-height:3.5em;
}
div.top-menu-c ul{
margin:0;
padding:0;
list-style:none;
text-align:center;
}
div.top-menu-c ul li{
display:inline-block;
text-transform:uppercase;
font-size:20px;
margin:0 7px;
position:relative;
}

div.top-menu-c ul li a{
color:#3c2719;
}
div.top-menu-c ul li a:hover{
text-decoration:none;
}
div.top-menu-c ul li span{
color:#3c2719;
cursor:pointer;
text-decoration:underline;
}
div.top-menu-c ul li span:hover{
text-decoration:none;
}
div.top-menu-c ul ul{display:none;width:330px;position:absolute;/* background-image:url(../images/menu-back.jpg); */background-color: #fbfaf8;left:-90px;border-radius:10px;/* opacity:0.9; */z-index:2;}
div.top-menu-c ul ul li{
display:block;
line-height:2.5em;
}
div.top-menu-c ul ul li a{
color:#3c2719;
}
div.top-menu-c ul li:hover > ul{
display:block;
}
div.img-index{
width:100%;
height:423px;
}
div.product-block{width:100%;min-height:440px;background-image:url(../images/product.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;/* margin-bottom:  30px; */padding-bottom: 30px;}
.media-index{
margin:30px 0 0 0;
padding:0 0 30px 0;
}
a.media-link{
width:313px;
background-color:#EE4B4B;
display:inline-block;
vertical-align:top;
font-size:24px;
text-transform:uppercase;
color:#fff;
margin:75px 0 0 0;
border-radius:10px;
line-height:3em;
height:77px;
}
div.product-block-c{
width:980px;
margin:0 auto;
text-align:center;
}
div.product-block-c h2{
margin:0;
padding:15px 0;
text-align:center;
text-transform:uppercase;
font-family: 'Conv_Monitorica-Bd';
font-size:48px;
color:#3c2719;
background-image:url(../images/circle.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
div.product-block-c div.prod{
display:inline-block;
width:32%;
vertical-align:top;
text-align:center;
}
div.product-block-c div.prod h3{
text-transform:uppercase;
font-size:20px;
color:#405a3b;
}
div.product-block-c div.prod img{
border-radius:10px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
div.product-block-c div.prod img:hover{
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
div.why-we{width:100%;height: 900px;background-image:url(../images/why-we.jpg);background-repeat:no-repeat;background-position:50% 0;}
div.why-we-c{
width:980px;
margin:0 auto;
color:#FFFFFF;
text-align:centerl;
}
div.why-we-c ul{
display:inline-block;
vertical-align:top;
margin:40px 0 0 20px;
padding:0;
list-style:none;
width:47%;
}
div.why-we-c ul li{
padding-left:120px;
background-position:0 50%;
background-repeat:no-repeat;
height:76px;
text-transform:uppercase;
font-size:28px;
margin-bottom:20px;
padding-top:10px;
}
div.why-we-c ul li.number-1{
background-image:url(../images/number-1.png);
}
div.why-we-c ul li.number-2{
background-image:url(../images/number-2.png);
}
div.why-we-c ul li.number-3{
background-image:url(../images/number-3.png);
}
div.why-we-c ul li.number-4{
background-image:url(../images/number-4.png);
}
div.why-we-c ul li.number-5{
background-image:url(../images/number-5.png);
}
div.why-we-c ul li.number-6{
background-image:url(../images/number-6.png);
}
div.why-we-c ul li.number-9{
background-image:url(../images/number-9.png);
}
div.why-we-c ul li.number-7{
background-image:url(../images/number-7.png);
}
div.why-we-c ul li.number-8{
background-image:url(../images/number-8.png);
}
div.why-we-c ul li.number-10{
background-image:url(../images/number-10.png);
}
div.why-we-c ul li.number-11{
background-image:url(../images/number-11.png);
}
div.why-we-c h2{
margin:0;
padding:15px 0;
text-align:center;
text-transform:uppercase;
font-family: 'Conv_Monitorica-Bd';
font-size:48px;
color:#FFFFFF;
background-image:url(../images/circle2.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
div.work-block{
width:100%;
height:451px;
background-image:url(../images/work.jpg);
background-repeat:no-repeat;
background-position:50% 0;
}
div.work-block-c{
width:980px;
margin:0 auto;
}
div.work-block-c div.boxplus-slider{
margin-top:20px !important;
}
div.work-block-c div.boxplus-slider img{
border-radius:10px;
}
div.work-block-c h2{
margin:0;
padding:15px 0;
text-align:center;
text-transform:uppercase;
font-family: 'Conv_Monitorica-Bd';
font-size:48px;
color:#FFFFFF;
background-image:url(../images/circle3.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
div.work-block-c p{
text-align:center;
margin:30px 0 0 0;
}
div.work-block-c a.work-block-a{
color:#FFFFFF;
text-transform:uppercase;
font-size:24px;
}
div.guarantee{
background-color:#FFFFFF;
}
div.guarantee-c{
width:960px;
margin:0 auto;
padding:10px;
background-color:#FFFFFF;
}
div.guarantee-c h2{
text-align:center;
font-family: 'Conv_Monitorica-Bd';
font-size:48px;
text-transform:uppercase;
color:#3c2719;
margin:20px 0;
}
div.guarantee-c h3{
text-align:center;
text-transform:uppercase;
font-size:28px;
}
div.content{

}
div.content-c{
width:980px;
margin:0 auto;
}
div.consultation-block{
width:100%;
height:100px;
background-image:url(../images/consultation.jpg);
background-repeat:no-repeat;
background-position:50% 0;
}
div.consultation-block-c{
width:980px;
margin:0 auto;
text-align:center;
}
div.consultation-block-c span{width:762px;height:83px;padding-left:90px;background-image:url(../images/consultation.png);background-repeat:no-repeat;display:inline-block;margin-top:9px;line-height:2.9em;color:#FFFFFF;font-size:32px;text-transform:uppercase;text-decoration:none;cursor:pointer;}
div.footer-button{
width:100%;
height:45px;
background-image:url(../images/butt.png);
background-repeat:repeat-x;
}
div.footer-button-c{
width:980px;
margin:0 auto;
}
div.footer-button-c ul{
margin:0;
padding:0;
list-style:none;
}
div.footer-button-c ul li{
display:inline-block;
width:48%;
text-align:center;
}
div.footer-button-c ul li a{
width:260px;
height:45px;
display:inline-block;
color:#FFFFFF;
text-decoration:underline;
line-height:2.7em;
text-transform:uppercase;
padding-left:40px;
}
div.footer-button-c ul li span{
width:260px;
height:45px;
display:inline-block;
color:#FFFFFF;
text-decoration:underline;
line-height:2.7em;
text-transform:uppercase;
padding-left:40px;
cursor:pointer;
}
div.footer-button-c ul li span:hover{
text-decoration:none;
}
div.footer-button-c ul li a:hover{
text-decoration:none;
}
div.footer-button-c ul li a.calculation-project{/* background-image:url(../images/calculation-project.png); */background-repeat:no-repeat;background-color: #ee4b4b;}
div.footer-button-c ul li span.callback{/* background-image:url(../images/callback.png); */background-repeat:no-repeat;background-color: #ee4b4b;}
div.footer-menu{
width:100%;
height:70px;
background-color:#353535;
}
div.footer-menu-c{
width:980px;
margin:0 auto;
line-height:3.8em;
}
div.footer-menu-c ul{
margin:0;
padding:0;
list-style:none;
text-align:center;
}
div.footer-menu-c ul li{
display:inline-block;
text-transform:uppercase;
font-size:20px;
margin:0 7px;
position:relative;
}
div.footer-menu-c ul li a{
color:#FFFFFF;
}
div.footer-menu-c ul li a:hover{
text-decoration:none;
}
div.footer-menu-c ul li span{
color:#FFFFFF;
text-decoration:underline;
cursor:pointer;
}
div.footer-menu-c ul li span:hover{
text-decoration:none;
}


div.footer-menu-c ul li ul{
display:none;
width:300px;
position:absolute;
background-color:#151515;
left:-90px;
border-radius:10px;
z-index:2;
}
div.footer-menu-c ul ul li{
display:block;
line-height:1.9em;
}
div.footer-menu-c ul ul li a{
color:#FFF;
font-size:16px;
}
div.footer-menu-c ul li:hover > ul{
display:block;
}


div.footer{
width:100%;
height:180px;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
background-position:50% 0;
}
div.footer-c{
width:980px;
margin:0 auto;
}
div.logo-footer{
width:146px;
display:inline-block;
vertical-align:top;
margin:18px 0 0 50px;
}
div.footer-contact{
width:720px;
display:inline-block;
vertical-align:top;
margin-left:50px;
}
div.footer-contact ul{
list-style:none;
margin:0;
padding:0;
font-size:22px;
}
div.footer-contact ul.header-ul-1 li{
display:inline-block;
width:29%;
vertical-align:top;
color:#FFFFFF;
font-family: 'Conv_Marta_Bold';
margin:30px 0 10px 0;
}
div.footer-contact ul.header-ul-1 li.tel{background-image:url(../images/icon-tel.png);background-repeat:no-repeat;background-position:0 50%;padding-left:26px;text-shadow: 1px 1px 1px #000;color: #fb0;}
div.footer-contact ul.header-ul-1 li.address{
background-image:url(../images/icon-address.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:22px;
}
div.footer-contact ul.header-ul-2 li{display:inline-block;width: 30%;vertical-align:top;color:#FFFFFF;font-family: 'Conv_Monitorica-Bd';}
div.footer-contact ul.header-ul-2 li.msg-m{
background-image:url(../images/icon-msg.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:26px;
}
div.footer-contact ul.header-ul-2 li.vk-soc{
background-image:url(../images/icon-vk.png);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:26px;
}
div.copy{
color:#FFFFFF;
margin-top:23px;
font-size:14px;
display:inline-block;
width:45%;
vertical-align:top;
}
div.webhail{
color:#FFFFFF;
margin-top:23px;
font-size:14px;
display:inline-block;
width:45%;
vertical-align:top;
position:relative;
}
div.webhail img{
position:absolute;
top:-5px;
left:225px;
}


/*K2*/

div.proekt-page div.back-description{
background-image:url(../images/back-description.jpg);
/*background-repeat:no-repeat;
height:212px;*/
padding:10px;
color:#FFFFFF;
/*text-align:center;*/
text-transform:inherit;
}
div.proekt-page div.back-description p:first-child {
  text-transform: uppercase;
}
div.proekt-page div.back-description h1{
  color: #FFF;
}
.gallery-block{
width:540px;
position:absolute;
top:50px;
right:0;
}
ul.price-page{
background-image:url(../images/back-price.jpg);
min-height:150px;
margin:0;
padding:10px 0 2px 0;
list-style:none;
text-align:center;
font-size:38px;
font-family: 'Conv_Monitorica-Bd';
color:#FFFFFF;
text-transform:uppercase;
}
ul.price-page li{
margin-bottom:18px;
}
ul.size-progect{
background-color:#9bba41;
margin:0;
padding:10px 0;
font-family: 'Conv_Monitorica-Bd';
text-transform:uppercase;
font-size:24px;
color:#FFFFFF;
list-style:none;
text-align:center;
background-image:url(../images/line2.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
ul.size-progect li{
display:inline-block;
width:49%;
}
.formInjButton{
width:407px;
height:63px;
background-image:url(../images/request-button.png);
background-repeat:no-repeat;
border:none;
font-size:24px;
color:#FFFFFF;
font-family: 'Conv_Marta_Bold';
text-transform:uppercase;
cursor:pointer;
}
#formInjButtonID{
text-align:center;
margin:20px 0 20px; 0;
background-image:url(../images/circle4.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
div.moduletable-complect div.custom-complect{
padding:10px;
background-image:url(../images/back-komplekt.jpg);
}
div.jwts_content{
border:0;
margin:0;
padding:0;
}
div.jwts_toggleControlContainer a.jwts_toggleControl{
background-color:#f6f8fc;
background-repeat:no-repeat;
background-position:100% 50%;
height:55px;
border:0;
border-radius:20px;
margin-bottom:10px;
text-align:center;
font-size:32px;
text-transform:uppercase;
text-decoration:underline;
padding-top:15px;
}
div.econom div.jwts_toggleControlContainer a.jwts_toggleControl{
background-image:url(../images/komplekt1.jpg);
}
div.comfort div.jwts_toggleControlContainer a.jwts_toggleControl{
background-image:url(../images/komplekt2.jpg);
margin-bottom:0;
}
div.usadka div.jwts_toggleControlContainer a.jwts_toggleControl{
background-image:url(../images/komplekt3.jpg);
}
span.jwts_toggleControlNotice{
display:none !important;
}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle{
background-position:0 12px;
}
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle{
background-position:0 -132px;
}
table.t-complect{
background-color:#f6f8fc;
margin-bottom:10px;
padding:20px 0;
border-collapse: collapse;
}
table.t-complect tr th{
text-align:center;
vertical-align:top;
border:1px solid #706F6D;
padding:7px;
}
table.t-complect tr td{
padding:7px;
vertical-align:top;
text-align:center;
border:1px solid #706F6D;
}
table.t-complect tr:nth-of-type(2n) td{
background-color:#edeeef;
}
table.t-complect tr td:first-child{
width:200px;
}
table.t-complect-2{
background-color:#f6f8fc;
margin-bottom:10px;
padding:20px 0;
}
table.t-complect-2 tr td{
padding:7px;
vertical-align:top;
}
table.t-complect-2 tr:nth-of-type(2n) td{
background-color:#edeeef;
}
table.t-complect-2 tr td:first-child{
width:730px;
}
div.form-page{
margin: 20px 0 0 0;
background-color: #F7F7F7;
padding: 20px;
border-bottom: 4px solid #375111;
}
div.form-page label{
width:120px !important;
margin-left:50px;
}
div.form-page input{
width:240px !important;
}
div.form-page textarea{
width:240px !important;
}
div.form-page div.formInjFieldButtons{
text-align:left !important;
margin-left:50px;
}
div.form-page input.send, div.form-page input.cancel{
width:100px !important;
}
li.address-2{
font-size:18px;
}
div.footer-contact li.address-2{font-size: 18px;}
.doki img{
display:inline-block;
vertical-align:top;
margin:0 2px 10px 2px;
}
.topcontent{
	margin:20px 0 0 0;
}
table.contact-table tr td{
	vertical-align:top;
	padding-right:10px;
}

/*slide*/

.camera_wrap .camera_pag .camera_pag_ul{
	text-align:center;
	margin-top:-48px;
}

/*onas*/
table.onas-table tr td{
	width:46%;
	vertical-align:top;
	padding:10px;
}


ul.jwts_tabbernav li a{
    font-size:24px;
}

div.header-button ul li span.callback:hover {
  background-color: #4c3521;

}
div.footer-button-c ul li a.calculation-projecthover {
  background-color: #1a1a1a;

}

div.header-button ul li a.calculation-project:hover{
  background-color: #4c3521;
}

div.footer-button-c ul li span.callback:hover{
  background-color: #1a1a1a;
}

div.footer-button-c ul li a:hover{
  background-color: #1a1a1a;
}

.examples.sect {
	background-color: ##ffbb00;;
	padding: 30px 0 0;
	margin: 30px 0;
}
/*.examples.sect::before,
.examples.sect::after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 50px;
	background: -moz-linear-gradient(top, rgba(44,41,50,0) 0%, rgba(44,41,50,0) 1%, rgba(44,41,50,1) 100%);
	background: -webkit-linear-gradient(top, rgba(44,41,50,0) 0%,rgba(44,41,50,0) 1%,rgba(44,41,50,1) 100%);
	background: linear-gradient(to bottom, rgba(44,41,50,0) 0%,rgba(44,41,50,0) 1%,rgba(44,41,50,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c2932', endColorstr='#2c2932',GradientType=0 );
	z-index: 1;
}
.examples.sect::after {
	bottom: auto;
	top: 100%;
	background: -moz-linear-gradient(top, rgba(44,41,50,1) 0%, rgba(44,41,50,0) 99%, rgba(44,41,50,0) 100%);
	background: -webkit-linear-gradient(top, rgba(44,41,50,1) 0%,rgba(44,41,50,0) 99%,rgba(44,41,50,0) 100%);
	background: linear-gradient(to bottom, rgba(44,41,50,1) 0%,rgba(44,41,50,0) 99%,rgba(44,41,50,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2932', endColorstr='#002c2932',GradientType=0 );
}*/
.examples.sect > .container .content {
	position: relative;
	padding: 70px 0 100px;
	z-index: 1;
}
.examples.sect > .container .content .bg {
	position: absolute;
	right: -90px;
	bottom: 0;
	z-index: -1;
}
.examples.sect > .container .content .bg img {
	max-width: none;
	max-height: none;
}
.examples.sect > .container .content > .top {
	display: table;
	width: 100%;
}
.examples.sect > .container .content > .top > .left {
	float: left;
	width: 817px;
	margin-left: -237px;
}
.examples.sect > .container .content > .top > .left .img {
	position: relative;
}
.examples.sect > .container .content > .top > .left .img .button_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -135px;
	margin-top: -60px;
}
.examples.sect > .container .content > .top > .left .img .button_wrapper::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	width: 870px;
	height: 2px;
	background-color: #F4D091;
	margin-top: -1px;
}
.examples.sect > .container .content > .top > .left .img .button.download {
	width: 210px;
	text-align: left;
	background-color: #FFEDD4;
	padding-left: 90px;
}
.examples.sect > .container .content > .top > .left .img .button.download::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 35px;
	width: 28px;
	height: 34px;
	background-repeat: no-repeat;
	background-image: url('../img/examples/download.png');
	margin-top: -17px;
}
.examples.sect > .container .content > .top > .right {
	float: right;
	width: 560px;
	text-align: left;
	margin-top: 160px;
}
.examples.sect > .container .content > .top > .right .intro {
	margin-bottom: 0;
}
.examples.sect > .container .content > .top > .right .intro .caption {
	font-size: 42px;
	margin-left: -30px;
}
.examples.sect > .container .content > .top > .right .intro .desc {
	margin-left: 30px;
}

.calc.sect {
	z-index: 2;
	text-align: center;
}
.calc.sect form > .top {
	font-size: 0;
}
.calc.sect form > .top > .left,
.calc.sect form > .top > .right {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
}
.calc.sect form > .top > .left {
	width: 200px;
}
.calc.sect form > .top > .left .current {
	font-family: 'Marta', Arial, Helvetica, sans-serif;
	font-size: 0;
	font-weight: 700;
}
.calc.sect form > .top > .left .current .value {
	display: block;
	font-size: 175px;
	line-height: 145px;
	color: #ffbb00;
    text-shadow: 0 0 15px #ffbb00;
}
.calc.sect form > .top > .left .total {
	font-family: 'Marta', Arial, Helvetica, sans-serif;
	font-size: 64px;
	line-height: 1;
	font-weight: 700;
	color: #AAA9AD;
	border-top: 2px solid #ffbb00;
	padding-top: 20px;
	margin-top: 20px;
}
.calc.sect form > .top > .right {
	max-width: 940px;
	min-width:940px;
}
.calc.sect form > .top > .right .pager {
	text-align: left;
	margin-bottom: 30px;
	text-align: center;
}
.calc.sect form > .top > .right .pager .items {
	font-size: 0;
	margin-left: -20px;
	margin-top: -20px;
}
.calc.sect form > .top > .right .pager .items .item {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	border: 1px solid #ffbb00;
	margin-left: 20px;
	margin-top: 20px;
}
.calc.sect form > .top > .right .pager .items .item.active {
	background: #ffbb00;
	background-image: linear-gradient(-90deg, #ffbb00 0%, #FFEBC7 58%, #EBD6B2 100%);

}
.calc.sect form > .top > .right .steps .step {
	display: none;
	text-align: left;
	background-color: #FEFBF6;
	padding: 20px;
}
.calc.sect form > .top > .right .steps .step.active {
	display: block;
}
.calc.sect form > .top > .right .steps .step > .inner {
	position: relative;
	min-height: 580px;
	border: 2px solid #ffbb00;
	padding: 35px 85px 130px;
}
.calc.sect form > .top > .right .steps .step .intro .caption {
	font-size: 36px;
}
.calc.sect form > .top > .right .steps .step .buttons {
	position: absolute;
	left: 0;
	bottom: 50px;
	font-size: 0;
	padding-left: 85px;
	padding-right: 85px;
}
.calc.sect form > .top > .right .steps .step .buttons .button.prev,
.calc.sect form > .top > .right .steps .step .buttons .button.next {
	display: table;
	width: 240px;
	font-size: 18px;
	letter-spacing: 0;
	text-transform: none;
	border: 1px solid #ffbb00;
	padding-top: 18px;
	padding-bottom: 19px;
	text-align: center;
    background: #ffbb00;
	color: #333;
}
.calc.sect form > .top > .right .steps .step .buttons .button.prev {
	float: left;
	font-weight: 300;
	background-color: transparent;
	border: 1px solid #AEAEAE;
	margin-right: 20px;
}
.calc.sect form > .top > .right .steps .step .buttons .button.next {
	float: right;
	font-weight: 600;
}
.calc.sect form > .top > .right .steps .step .items {
	position: relative;
	font-size: 0;
}
.calc.sect form > .top > .right .steps .step .items .item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-size: 18px;
}
.calc.sect form > .top > .right .steps .step .items .item .caption {
	font-size: 24px;
	margin-bottom: 20px;
}
.calc.sect form > .top > .right .steps .step .items .item .fields {
	font-size: 0;
	margin-top: -20px;
}
.calc.sect form > .top > .right .steps .step .items .item .fields .field {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
}
.calc.sect form > .top > .right .steps .step .items .item.floors {
	margin-top: 30px;
}
.calc.sect form > .top > .right .steps .step .items .item.floors .fields {
	margin-left: -20px;
}
.calc.sect form > .top > .right .steps .step .items .item.floors .fields .field {
	cursor: pointer;
	width: 240px;
	text-align: center;
	background-color: #ffbb00;
	border: 3px solid #ffbb00;
	padding: 7px 5px 8px;
	margin-left: 20px;
}
.calc.sect form > .top > .right .steps .step .items .item.floors .fields .field.active {
	border-color: #3c763d;
}
.calc.sect form > .top > .right .steps .step .items .item.square .fields .field {
	font-size: 0;
}
.calc.sect form > .top > .right .steps .step .items .item.square .fields .field #sliderUI {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 420px;
	height: 36px;
	background-color: #979797;
	border-top: 17px solid #FEFBF6;
	border-bottom: 17px solid #FEFBF6;
	margin-right: 30px;
}
.calc.sect form > .top > .right .steps .step .items .item.square .fields .field .name {
	display: inline-block;
	vertical-align: middle;
	font-family: 'GothamPro', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 500;
}
.calc.sect form > .top > .right .steps .step .items .item.square .fields .field #sliderUI .ui-widget-header {
	background: #ffbb00;
}
.calc.sect form > .top > .right .steps .step .items .item.square .fields .field #sliderUI .ui-slider-handle {
	outline: none;
	top: -17px;
	width: 36px;
	height: 36px;
	margin-left: -18px;
	background: #ffbb00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.calc.sect form > .top > .right .steps .step.step2 .items {
	margin-left: -30px;
	margin-top: -30px;
}
.calc.sect form > .top > .right .steps .step.step2 .items .item {
	width: 170px;
	margin-left: 30px;
	margin-top: 30px;
}
.calc.sect form > .top > .right .steps .step .items .item .fields .field .radio {
	cursor: pointer;
	position: relative;
	min-height: 36px;
	padding-left: 56px;
	opacity: 1;
}
.calc.sect form > .top > .right .steps .step .items .item .fields .field .radio::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	border: 2px solid #ffbb00;
}
.calc.sect form > .top > .right .steps .step .items .item .fields .field.active .radio::after {
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;
	width: 20px;
	height: 20px;
	background-color: #ffbb00;
}
.calc.sect form > .top > .right .steps .step .items .item .fields .field .label {
	font-family: 'GothamPro', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 36px;
	font-weight: 500;
	color: #333;
}
.calc.sect form > .top > .right .steps .step .img {
	position: absolute;
	top: 0;
	right: 0;
}
.calc.sect form > .top > .right .steps .step .items .item.foundation .fields {
	margin-left: -40px;
}
.calc.sect form > .top > .right .steps .step .items .item.foundation .fields .field {
	cursor: pointer;
	width: 150px;
	text-align: center;
	margin-left: 40px;
}
.calc.sect form > .top > .right .steps .step .items .item.foundation .fields .field.active .icon {
	position: relative;
}
.calc.sect form > .top > .right .steps .step .items .item.foundation .fields .field.active .icon::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #754B00;
	opacity: .8;
}
.calc.sect form > .top > .right .steps .step .items .item.foundation .fields .field .label {
	line-height: 1.2;
	min-height: 56px;
	margin-bottom: 10px;
}
.calc.sect form > .top > .right .steps .step .items .item.project .fields .field {
	font-size: 0;
}
.calc.sect form > .top > .right .steps .step .items .item.project .fields .field .button.load {
	width: 210px;
	text-align: left;
	padding-left: 80px;
	height: 66px;
	overflow: hidden;
    font-size: 25px;
    padding-top: 15px;
    border: 2px solid #ffbb00;
}
.calc.sect form > .top > .right .steps .step .items .item.project .fields .field .button.load::before {
	content: '';
	position: absolute;
	top: 41%;
	left: 30px;
	width: 28px;
	height: 34px;
	background-repeat: no-repeat;
	background-image: url(/img/examples/download.png);
	margin-top: -45px;
}
.calc.sect form > .top > .right .steps .step .items .item.project .fields .field input[type="file"] {
	display: none;
}
.calc.sect form > .top > .right .steps .step .items .item.project .fields .field .name {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	margin-left: 30px;
	max-width: 486px;
}
.calc.sect form > .top > .right .steps .step .items .item.link {
	margin-top: 30px;
}
.calc.sect form > .top > .right .steps .step .items .item.link .fields .field input[type="text"] {
	max-width: none;
}
.calc.sect form > .top > .right .steps .step.last {
	text-align: center;
}
.calc.sect form > .top > .right .steps .step.last > .inner {
	padding-bottom: 30px;
}
.calc.sect form > .top > .right .steps .step.last .intro .icon {
	margin-bottom: 20px;
}
.calc.sect form > .top > .right .steps .step.last .intro .caption {
	font-size: 44px;
}
.calc.sect form > .top > .right .steps .step.last .form .fields {
	margin-left: -40px;
}
.calc.sect form > .top > .right .steps .step.last .form .fields .field {
	width: auto;
	margin-left: 40px;
}
#calc form input[type="text"] {
	display: inline-block;
    vertical-align: middle;
    outline: none;
    border: none;
    width: 100%;
    max-width: 290px;
    font-family: 'GothamPro', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #212121;
    background-color: transparent;
    border-bottom: 2px solid #ffbb00;
    padding: 10px 0;
}
.calc.sect form > .top > .right .steps .step.last .form .button {
	max-width: 450px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	//margin-top: 50px;
	width: auto;
    padding-top: 0;
    margin: 50px auto;
}
.calc.sect form > .top > .right .steps .step.last .form .button:hover {
	color: #ffffff;
    border: 2px solid #2b5b2b;
}
.calc.sect form > .top > .right .steps .step.complete {
	background-repeat: no-repeat;
	background-image: url('/img/calc/0/bg.png');
	background-position: left bottom;
	padding-right: 0;
	padding-left: 300px;
}
.calc.sect form > .top > .right .steps .step.complete .inner {
	border: none;
	padding-bottom: 30px;
}
.calc.sect form > .top > .right .steps .step.complete .intro .caption {
	font-size: 44px;
}
.calc.sect form > .top > .right .steps .step.complete .inner > .top {
	font-size: 0;
	margin-top: 40px;
}
.calc.sect form > .top > .right .steps .step.complete .inner > .top .logo,
.calc.sect form > .top > .right .steps .step.complete .inner > .top .info {
	display: inline-block;
	vertical-align: middle;
}
.calc.sect form > .top > .right .steps .step.complete .inner > .top .logo {
	width: 121px;
	margin-right: 30px;
}
.calc.sect form > .top > .right .steps .step.complete .inner > .top .info .caption {
	font-family: 'GothamPro', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 700;
}
.calc.sect form > .top > .right .steps .step.complete .inner > .top .info .desc {
	font-family: 'GothamPro', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 500;
}
.calc.sect form > .top > .right .steps .step.complete .inner .note {
	font-family: 'GothamPro', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.35;
	margin-top: 90px;
}
#formZakaz > div > div.right > div.steps > div.step.step1.active > div > div.items > div.item.square > div.fields > div > div:not(#sliderUI) {
	overflow: visible !important;
	/*position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    width: 420px !important;
    height: 70px  !important;
    background-color: #979797 !important;
    border-top: 17px solid #FEFBF6 !important;
    border-bottom: 17px solid #FEFBF6 !important;
    margin-right: 30px !important;
	margin-top: 70px !important;*/
}

ul.jwts_tabbernav li a {
	background-color: #9bba41 !important;
	background-image: none !important;
	color: #FFF !important;
}
ul.jwts_tabbernav li a:hover {
	color: #FFF !important;
	text-decoration: underline;
}
.span6 {
	width: 49%;
    display: inline-block;
    vertical-align: top;
}
.span6 a {
		font-size: 18px;
}
@media screen and (max-width: 992px) {
	.calc.sect form > .top > .right {
		max-width: 940px;
		min-width:auto;
	}
}

@media screen and (max-width: 660px) {
	.calc.sect form > .top > .right .steps .step > .inner {
		padding: 35px 15px 130px;
	}
	.calc.sect form > .top > .right .steps .step .intro .caption {
		font-size: 28px;
		margin-bottom: 15px;
	}
	.calc.sect form > .top > .right .steps .step .buttons {
		padding-right: 30px;
		padding-left: 15px;
	}
	.calc.sect form > .top > .right .steps .step.step2 .items .item {
		width: 22%;
	}
	.calc.sect form > .top > .right .steps .step .img {
		width: 50%;
	}
	.calc.sect form > .top > .right .steps .step .img img {
		max-width: 100%;
	}
	.calc.sect form > .top > .right .steps .step .items .item.foundation .fields .field {
		width: 40%;
	}
	.calc.sect form > .top > .right {
		width: 100%;
	}
	.calc.sect form > .top > .right .steps .step .buttons .button.prev, .calc.sect form > .top > .right .steps .step .buttons .button.next {
		width: 170px;
		margin-top: 10px;
	}
	.calc.sect form > .top > .right .steps .step .buttons {
		bottom: 30px;
	}
	.calc.sect form > .top > .right .steps .step.complete {
		background-repeat: no-repeat;
		background-image: none;
		background-position: left bottom;
		padding-right: 0;
		padding-left: 0px;
	}
}
@media screen and (max-width: 550px)  {
	.calc.sect form > .top > .right .steps .step .img {
		position: relative;
		top: 15px;
	}
	.calc.sect form > .top > .right .steps .step .items .item.square .fields .field #sliderUI {
		width: 100%;
	}
	.calc.sect form > .top > .right .steps .step .items .item.floors .fields .field {
		width: 215px;
	}
	.calc.sect form > .top > .right .steps .step .intro .caption {
		font-size: 20px;
	}
	.calc.sect form > .top > .right .steps .step .items .item .caption {
		font-size: 16px;
	}
	.calc.sect form > .top > .right .steps .step.step2 .items .item {
		width: 35%;
	}
	.calc.sect form > .top > .right .steps .step .buttons .button.prev, .calc.sect form > .top > .right .steps .step .buttons .button.next {
		height: 40px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.calc.sect form > .top > .right .steps .step .buttons .button.next {
		float: none;
	}
	.calc.sect form > .top > .right .steps .step .img {
		width: 100%;
	}
	.calc.sect form > .top > .right .steps .step .items .item .fields .field .radio {
		padding-left: 36px;
	}
	.calc.sect form > .top > .right .steps .step .items .item .fields .field .label {
		font-size: 14px;
	}
	#calc form input[type="text"] {
		font-size: 20px;
	}
	.calc.sect form > .top > .right .steps .step.last .form .button {
		line-height: initial;
		font-size: 16px;
	}
	.calc.sect form > .top > .left .current .value {
		font-size: 100px;
		line-height: 100px;
	}
}