/* presets */
.btn a {display: inline-block; zoom: 1; *display: inline; font: bold 16px "Roboto Condensed"; text-decoration: none; text-align: center; border-radius: 40px; height: 42px; font: bold 16px/40px "Roboto Condensed";}
.btn.lg a {border: 1px solid #E37B00; width: 215px; color: #212121;}
.btn.lg a:hover {background: #FF9700; color: #fff; border-color: #FF9700;}
.btn.lg a:active {background: #BA2221; color: #fff; border-color: #BA2221;}

.btn.xlg a {border: 1px solid #E37B00; width: 292px; color: #212121;}
.btn.xlg a:hover {background: #FF9700; color: #fff; border-color: #FF9700;}
.btn.xlg a:active {background: #BA2221; color: #fff; border-color: #BA2221;}

.btn.xlg.invers a {background: #E88900; border: 1px solid #B92120; width: 292px; color: #fff;}
.btn.xlg.invers a:hover {background: #FF9700; color: #fff; border-color: #FF9700;}
.btn.xlg.invers a:active {background: #BA2221; color: #fff; border-color: #BA2221;}

.btn.md a {border: 1px solid #B92120; width: 198px; color: #fff; background: #E88900;}
.btn.md a:hover {background: #FF9700; color: #fff; border-color: #FF9700;}
.btn.md a:active {background: #BA2221; color: #fff; border-color: #BA2221;}

.btn.md.invers a {border: 1px solid #fff; width: 198px; color: #fff; background: none;}
.btn.md.invers a:hover {background: #FF9700; color: #fff; border-color: #FF9700;}
.btn.md.invers a:active {background: #BA2221; color: #fff; border-color: #BA2221;}

.btn.sm a {border: 1px solid #E37B00; width: 162px; color: #212121;}
.btn.sm a:hover {background: #FF9700; color: #fff; border-color: #FF9700;}
.btn.sm a:active {background: #BA2221; color: #fff; border-color: #BA2221;}

/*.btn.sm.invers a {background: #353430; border: 1px solid #B92120; width: 162px; color: #fff;}
.btn.sm.invers a:hover {background: #FF9700; color: #fff; border-color: #FF9700;}
.btn.sm.invers a:active {background: #BA2221; color: #fff; border-color: #BA2221;}*/

.btn.sm.invers a {background: #E88900; border: 1px solid #B92120; width: 162px; color: #fff;}
.btn.sm.invers a:hover {background: #FF9700; color: #fff; border-color: #FF9700;}
.btn.sm.invers a:active {background: #BA2221; color: #fff; border-color: #BA2221;}

/*.btn.sm.invers a {background: #E88900; border: 1px solid #B92120; width: 162px; color: #fff;}
.btn.sm.invers a:hover {background: #FF9700; color: #fff; border-color: #FF9700;}
.btn.sm.invers a:active {background: #BA2221; color: #fff; border-color: #BA2221;}*/

.btn.sm.invers.open-order a { width: 120px; margin-top:6px; }

.btn input[type=submit] {display: inline-block; zoom: 1; *display: inline; font: bold 16px "Roboto Condensed"; text-align: center; border-radius: 40px; height: 42px; font: bold 16px/40px "Roboto Condensed"; background: #E88900; border: 1px solid #B92120; width: 250px; color: #fff;}
.btn input[type=submit]:hover {background: #FF9700; color: #fff; border-color: #FF9700;}
.btn input[type=submit]:active {background: #BA2221; color: #fff; border-color: #BA2221; padding: 0; margin: 0;}

.fa-ruble { color:#333 ! important; font-weight: 300;}

.shadowbox { box-shadow: 0 0 5px rgba(0,0,0,0.5); }

/* positioning */

#container { padding-top:110px;}
#header {width:100%; height: 60px; position: fixed; top:0; z-index: 200; }
#header > .centered {position: static;}
#header .logo {margin-right: 20px; position: relative; z-index: 100;}

/* STYLES */

/*header*/
#header { background: url(/images/header-bg.jpg) no-repeat center center; }
#header .phone{font: bold 24px/60px "Roboto Condensed"; color: #fff; margin-bottom: 0; padding-left: 30px; background: url(/images/phone-icon.png) no-repeat left center;}
#header .phone span, #header .phone a{color: #fff;}

/*navigation*/
.navigation {height: 60px;}
.navigation dl dt {float: left; height: 60px; margin-right: 12px;}
/*.navigation dl dt:hover a + .lv2 {display: block; }*/
.navigation .lv2 {position: absolute; top: 60px; left: 0; height: 50px; background: #fff; border-bottom: 1px solid #ccc; width: 100%; }
.navigation .lv2 dl { margin-left: 79px;}
.navigation .lv2 dl dt {margin-left: 5px; float: left; height: 50px;}
.navigation .lv2 dl dt a {font: bold 16px Roboto Condensed; display: inline-block; zoom: 1; *display: inline; padding-top: 12px; padding-bottom: 10px;/* margin-top: 5px;*/}
.navigation .lv2 dl dt a.selenga {padding-top: 45px; background: url(/images/selenga.jpg) no-repeat center center; text-decoration: none;}
.navigation .lv2 dl dt a.angara {padding-top: 45px; background: url(/images/angara.jpg) no-repeat center center; text-decoration: none;}
.navigation .lv2 dl dt a.lena {padding-top: 45px; background: url(/images/lena.jpg) no-repeat center center; text-decoration: none;}
.navigation .lv2 dl dt a.enisey {padding-top: 45px; background: url(/images/enisey_n.png) no-repeat center center; text-decoration: none;}
.navigation .lv2 dl dt a.baykal {padding-top: 45px; background: url(/images/baykal.png) no-repeat center center; text-decoration: none;}
.navigation .lv2 dl dt a.premium {padding-top: 45px; background: url(/images/premium_new.png) no-repeat center center; text-decoration: none;}
.navigation .lv2 dl dt a.dom-banya-sibiryak {padding-top: 45px; background: url(/images/banya_dom.png) no-repeat center center; text-decoration: none;}
.navigation .lv2 dl dt a.sibiryak-panorama {padding-top: 45px; background: url(/images/panorama.png) no-repeat center center; text-decoration: none;}
.navigation .lv2 dl dt a.barn-banya {padding-top: 45px; background: url(/images/barn-banya.jpg) no-repeat center center; text-decoration: none;}
.navigation .lv2 dl dt a.mobilehouse {padding-top: 45px; background: url(/images/barnhouse.jpg) no-repeat center center; text-decoration: none;}
/*.navigation .lv2 dl dt a span{
	text-decoration: underline;
}*/
.navigation .lv2 dl dt a i{
	display: block;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #505050;
    font-size: 14px;
}
.navigation .lv2 .btn {position: absolute; right: 0; top: 6px;}
.navigation .lv2 .btn a {height: 36px; font: bold 16px/34px Roboto Condensed;}
.navigation > dl > dt > a {display: block; font: normal 16px/60px Roboto Condensed; color: #fff; padding: 0 13px; text-decoration: none;}
.navigation > dl > dt:hover {/*background: #fff; box-shadow: inset 0px 3px 5px #ccc;*/ }
.navigation > dl > dt:hover > a {color: #ff0; /*text-decoration: none;*/}
.navigation > dl > dt.active {/*background: #fff; color: #000; text-decoration: none; box-shadow: inset 0px 3px 5px #ccc;*/ }
.navigation > dl > dt.active > a {color: #ff0;/*color: #000; text-decoration: none;*/}

/*footer*/
#footer {height: 60px; background: url(/images/header-bg.jpg) no-repeat;}
#footer .logo {margin-top: -20px; margin-right: 10px;}
#footer .title {width: 245px; font: normal 13px/1.2 "Open Sans",sans-serif; color: #fff; margin-top: 15px; margin-right: 28px;}
#footer .phone {font: bold 24px/60px "Roboto Condensed"; color: #fff; margin-bottom: 0; padding-left: 30px; background: url(/images/phone-icon.png) no-repeat left center;}
#footer .social-networks { line-height: 60px; margin-left:30px; }

/*promo-slider*/
.promo                                                      { margin-bottom: 50px; }
.promo p                                                    { line-height: 1.2;}

.promo .bxslider                                            {}
/*mainpage slider controls*/
.promo .bx-controls .bx-controls-direction a                { display: block;width: 100px;height: 100%;background: rgba(0, 0, 0, 0.27);position: absolute;top: 0;z-index: 20;}
.promo .bx-controls                                         { position: absolute; left:0; bottom: 0; width:100%; height: 607px;}
.promo .bx-controls .bx-controls-direction a.bx-prev:hover  { opacity: 1; }
.promo .bx-controls .bx-controls-direction a.bx-prev        { left: 0px;background: url(/images/promo-carousel-navi.png) no-repeat;background-color: rgba(0,0,0,0.40);background-position: 75px center;opacity: 0;transition:opacity .5s;}
.promo .bx-controls .bx-controls-direction a.bx-next:hover  { opacity: 1; }
.promo .bx-controls .bx-controls-direction a.bx-next        { left: auto;right: 0px;margin-right:0;background: url(/images/promo-carousel-navi.png) no-repeat ;background-color: rgba(0,0,0,0.40);background-position: -20px center;opacity: 0;transition:opacity .5s;}
.promo .bx-wrapper                                          { min-width: 1000px; }

.cap { position: absolute; bottom:250px; width: 400px; padding:15px 25px; background-color: rgba(255,255,255,0); }
.cap.active { z-index:11; background-color: rgba(255,255,255,0.75); }

/* promo-term */
.promo-term {}
.promo-term .centered {position: relative; height: 100%;}
.promo-term .info {width: 460px; height: 192px; background: rgba(255,255,255,0.75); position: absolute; bottom:50px; }
.promo-term .info .wrapper {padding: 20px 25px;}
.promo-term .info .big {font-size: 24px;}
.promo-term .info p {color: #212121;}


/*bx-pager slider */
#bx-pager { position: relative;}
#bx-pager .bx-wrapper {margin-bottom:0;}
#bx-pager ul { padding:0; margin:0;}
#bx-pager ul li {margin-bottom:0;}
#bx-pager ul img{width:100%;border:1px solid #d0d0d0;opacity:0.5;filter:alpha(opacity=50);}
#bx-pager ul img:hover{opacity:0.9;filter:alpha(opacity=100);}
#bx-pager ul .active img{opacity:1;filter:alpha(opacity=100);}
#bx-pager .bx-controls a{position: absolute;top: 0;width:30px;height:100%;background:black;background:rgba(0,0,0,0.4);left:0;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;}
#bx-pager .bx-controls a.bx-next{right:0;left:auto;}
#bx-pager .bx-controls a span{display:block;width:20px;height:34px;background:url(/images/promo-carousel-navi.png) left top no-repeat;left:50%;top:50%;margin-left:-8px;margin-top:-14px;position: absolute;}
#bx-pager .bx-controls a.bx-prev span{background-position:0px center;}
#bx-pager .bx-controls a.bx-next span{background-position:-30px center;}
#bx-pager .bx-controls a:hover{background:rgba(0,0,0,0.8);}


/*catalog/bathhouse, bxslider*/
.about-term dl dt {margin-bottom: 0;}
.about-term .gallery { margin-top:10px;}
.about-term .gallery a { display: inline-block; zoom: 1; *display: inline; position: relative; vertical-align: top;}
.about-term ul { list-style: none; padding-left:0; padding-top: 0;}
/*.about-term .features{margin-bottom: 12px;}*/
/* .about-term .features ul li {list-style: none; margin: 0 0 10px 0; padding: 0 0 5px 30px; background: url(/images/tic.png) no-repeat left 5px;} */
.about-term .features ul li {list-style: none; margin: 0 0 10px 0; padding: 0 0 5px 30px; position: relative;  }
 
.about-term .features ul li::before {
	content: "";
	position: absolute;
	top: 3px;
    left: 7px;
	width: 10px;
	height: 10px;
	border: 1px solid #FF9700;  
	 background: #FF9700;
}
.about-term .features ul li:last-child {margin-bottom: 0;}
.about-term .features ul {padding: 0; margin: 0;}
.about-term .small {font-size: 24px;}

.features .border { min-height: 180px; padding:20px; padding-bottom:0;}

/* bathhouse arrangement */
.ekko-lightbox-nav-overlay a:empty {
  width: 40%;
}
.modal-loading { line-height: 560px; text-align: center;}


.catalog dt {height: 190px; box-shadow:0px 1px 3px rgba(0,0,0,0.3); background-color: #fff;}
.catalog .c1 {background-image: url(/images/c1.jpg); background-position: right bottom; background-repeat: no-repeat; }
.catalog .c2 {background-image: url(/images/c2.jpg); background-position: right bottom; background-repeat: no-repeat; }
.catalog .c3 {background-image: url(/images/c3.jpg); background-position: right bottom; background-repeat: no-repeat; }
.catalog .c4 {background-image: url(/images/c4.jpg); background-position: right bottom; background-repeat: no-repeat; }
.catalog .c5 {background-image: url(/images/c5.jpg); background-position: right bottom; background-repeat: no-repeat; }
.catalog .wrapper {padding: 16px; position: relative; height: 158px;}
.catalog .title a {font: bold 24px "Roboto Condensed";}
.catalog .title {margin-top: 5px; margin-bottom: 5px;}
.catalog p {font: normal 18px "Open Sans",sans-serif; margin-bottom: 0;}
.catalog .size {font: normal 14px "Open Sans",sans-serif; color: #666; margin-bottom: 5px;}
.catalog .bottom {position: absolute; bottom: 10px; left: 16px;}

.catalog-items { margin-left:-10px;}

.catalog-item { display: inline-block; width:300px; height: 190px; box-shadow:0px 1px 3px rgba(0,0,0,0.3); margin: 0 0 10px 10px; }
.catalog-item.big { width:460px; }
.catalog-item .wrapper {padding: 16px; position: relative; height: 158px;}
.catalog-item .title a {font: bold 24px "Roboto Condensed";}
.catalog-item .title {margin-top: 5px; margin-bottom: 5px;}
.catalog-item p {font: normal 18px "Open Sans",sans-serif; margin-bottom: 0;}
.catalog-item .size {font: normal 14px "Open Sans",sans-serif; color: #666; margin-bottom: 5px;}
.catalog-item .bottom {position: absolute; bottom: 10px; left: 16px;}



.advantages {}
.advantages dl dt {width: 366px; padding-left: 60px; margin-bottom: 18px; background: url(/images/advantages-icon.png) no-repeat;}
.advantages dl .a1 {background-position: -340px 0px;}
.advantages dl .a2 {background-position: -269px -70px;}
.advantages dl .a3 {background-position: -201px -137px;}
.advantages dl .a4 {background-position: -137px -202px;}
.advantages dl .a5 {background-position: -68px -272px;}
.advantages dl .a6 {background: url(/images/camera.png) no-repeat;}
.advantages p {margin-bottom: 0;}
.advantages .siber {position: absolute; top: 30px; right: 20px; background: url(/images/logo_white_bg_small.png) no-repeat; width: 80px; height: 80px;}

.item-tech  {position: relative; text-align: right;}
.item-tech .text {width: 155px; background: rgba(255,255,255,0.8); position: absolute; top: 0; left: 0; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; text-align: left;}
.item-tech .text p {line-height: 1.2;}
.item-tech.it3 img {margin-top: -168px; margin-left: 87px;}
.item-tech.it3 .text {left: 80px; width: 175px;}

.technology .btn {position: absolute; right: 80px; bottom: 12px;}

.appl {background: url(/images/appl.jpg) no-repeat top center; height: 369px;}

/*ask question*/
#ask-question-modal input[type=text], #ask-question-modal input[type=email], #ask-question-modal textarea { background: #F6F6F6; -webkit-transition: .3s background linear;-moz-transition: .3s background linear;-ms-transition: .3s background linear;-o-transition: .3s background linear; transition: .3s background linear; }
#ask-question-modal input[type=text].error, #ask-question-modal input[type=email].error, #ask-question-modal textarea.error {border-color: #ff0000; background: #F9EEF4;}


.head-catalog {height: 325px;}


/* warranties */
.warranties dl dt { width: 366px; padding-left: 60px; margin-bottom: 18px; background: url(/images/company-icons.png) no-repeat; }
.warranties dl .w1 {background-position: -300px 3px;}
.warranties dl .w2 {background-position: -240px -57px;}
.warranties dl .w3 {background-position: -180px -117px;}
.warranties dl .w4 {background-position:  0 -298px;}
.warranties dl .w5 {background-position: -60px -238px;}
.warranties dl .w6 {background-position: -120px -177px;}

/**/
.plan .img {position: relative; display: inline-block; zoom: 1; *display: inline;}
.plan .top-tip {position: absolute; width: 16px; height: 16px; border-radius: 20px; background: #fff;}
.plan .point1 {top: 100px; right: 190px;}
.plan .point2 {top: 200px; right: 210px;}
.plan .point3 {top: 150px; left: 210px;}
.plan .top-tip[data-tips]:hover::before {left: 2px;}
.plan .top-tip[data-tips]:hover::after, .top-tip[data-tips]:hover::before {left: -5px;}
.plan .fheight {height: 300px; position: relative; margin-bottom: 20px;}
.plan .fheight img {position: absolute; bottom: 0; left: 0;}

.spec table tr td {vertical-align: top; color: #1F1F1F; padding: 10px 10px 10px 0; border-bottom: 1px solid #ccc; font: normal 14px/1.4 "Open Sans",sans-serif;}
.spec table tr:last-child td {border-bottom: none;}
.spec table tr td.col1 {color: #666; width: 220px;}
.spec .bg-white {box-shadow:0px 1px 3px rgba(0,0,0,0.16);}
.spec .bg-white img {margin-bottom: 10px;}
.spec ul li, .spec ol li, .spec p { color:#1f1f1f; }

.appl-inner {background: url(/images/order-bg.jpg) no-repeat top center; height: 270px;}
.appl-inner .bg-white {height: 200px;}
.appl-inner .text {width: 380px;}

#content input[type="checkbox"] {display:none;}
#content input[type="checkbox"] + label {font: bold 24px "Roboto Condensed"; color: #0059b2; cursor: pointer;}
#content input[type="checkbox"] + label span { border-bottom: 1px solid #0059b2; display: inline-block; line-height: 1;}
#content input[type="checkbox"] + label::before {content: ""; display: inline-block; height: 20px; width: 20px; margin: 0 5px 0 0; background-image: url(/images/checkbox.jpg); background-repeat: no-repeat; vertical-align: middle; }
#content input[type="checkbox"] + label::before {background-position: 0 0;}
#content input[type="checkbox"]:checked + label::before {background-position: 0 -30px;}

#content .catalog input[type="radio"] {display:none;}
#content .catalog input[type="radio"] + label {font: bold 24px "Roboto Condensed"; color: #0059b2; cursor: pointer;}
#content .catalog input[type="radio"] + label span { border-bottom: 1px solid #0059b2; display: inline-block; line-height: 1;}
#content .catalog input[type="radio"] + label::before {content: ""; display: inline-block; height: 20px; width: 20px; margin: 0 5px 0 0; background-image: url(/images/checkbox.jpg); background-repeat: no-repeat; vertical-align: middle; }
#content .catalog input[type="radio"] + label::before {background-position: 0 0;}
#content .catalog input[type="radio"]:checked + label::before {background-position: 0 -30px;}

.color a {display: inline-block; zoom: 1; *display: inline; width: 30px; height: 30px; vertical-align: top; margin-right: 5px; background: #ccc; margin-bottom: 10px; border-radius: 4px; position: relative;}
.color a:hover span {position: absolute; top: -4px; left: -4px; border: 1px solid #999; width: 36px; height: 36px; border-radius: 5px;}
.color a.active span {position: absolute; top: -4px; left: -4px; border: 1px solid #999; width: 36px; height: 36px; border-radius: 5px;}
.color .color1 {background: #E9D097;}
.color .color2 {background: #EAD9AD;}
.color .color3 {background: #FFF34F;}
.color .color4 {background: #9D0B0E;}
.color .color5 {background: #850E24;}
.color .color6 {background: #510104;}
.color .color7 {background: #841013;}
.color .color8 {background: #023974;}
.color .color9 {background: #005387;}
.color .color10 {background: #008584;}
.color .color11 {background: #578CAC;}
.color .color12 {background: #1C7349;}
.color .color13 {background: #00543D;}
.color .color14 {background: #A8D7AD;}
.color .color15 {background: #018949;}
.color .color16 {background: #9D9EA2;}
.color .color17 {background: #5A6A69;}
.color .color18 {background: #314550;}
.color .color19 {background: #A3301B;}
.color .color20 {background: #260B04;}
.color .color21 {background: #DAE0D4;}
.color .color22 {background: #EEE;}
.color .color23 {background: #020202;}
.color .color24 {background: #A7A8AC;}
.color .color25 {background: #1C3925;}
.color .color26 {background: #372E25;}

.color.inner .color1 {background: #3B271B;}
.color.inner .color2 {background: #632614;}
.color.inner .color3 {background: #AE6E00;}

#content input[type="radio"] {display:none;}
#content input[type="radio"] + label {font: normal 14px "Roboto Condensed"; color: #212121; cursor: pointer; height: 32px;}
#content input[type="radio"] + label::before {content: ""; display: inline-block; height: 32px; width: 32px; margin: 0 10px 0 0; background-image: url(/images/radio.jpg); background-repeat: no-repeat; vertical-align: middle; height: 32px;}
#content input[type="radio"] + label::before {background-position: 0 0;}
#content input[type="radio"]:checked + label {color:#333;}
#content input[type="radio"]:checked + label span {border-bottom:0;}
#content input[type="radio"]:checked + label::before {background-position: 0 -52px;}

.more-options .left dt {margin-bottom: 15px;}
.more-options .right dl {margin-left: -20px;}
.more-options .right dt {float: left; width: 150px; margin-left: 20px; margin-bottom: 15px;}

.order-info {background: url(/images/order-bg.jpg) no-repeat top center; height: 680px; background-size: cover;}
.order-info .form {height: 409px;}
.order-info .desc {}
.order-info .info-order {height: 170px; font-size:small;}

.order-info .form .wrapper {padding: 20px 25px;}
.order-info .form input[type=text] {width: 238px; height: 34px; border: 1px solid #ccc; padding: 0 5px; background: #F6F6F6;-webkit-transition: .3s background linear;-moz-transition: .3s background linear;-ms-transition: .3s background linear;-o-transition: .3s background linear; transition: .3s background linear;}
.order-info .form input[type=text]:focus {background: #fff;}
.order-info .form input[type=text].error {border-color: #ff0000; background: #F9EEF4; }
.order-info .form .helper {margin-bottom: 5px;}
.order-info .col {width: 280px;}
.order-info .col1 {color: #666;}
.order-info {}
#facade-color-label { font-style: italic; color:#888; }
#preview-image { position: relative; }
#preview-image img { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
#preview-image img.opaque { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1); }
.order-info .desc table { font-size: small }
#card-image { margin-top:-50px;}
#card-windowpos-imgs { padding-bottom: 145px;}
#card-windowpos-imgs img, #card-ladderpos-imgs img { position:absolute; left: 30px; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
#card-windowpos-imgs img.opaque, #card-ladderpos-imgs img.opaque { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1); }
#card-ladderpos-imgs { padding-bottom: 160px; }
#card-ladderpos-imgs img { }
#order-form .right { position: relative; }


.popup .modal-dialog {width: 460px; *margin: 20px auto 0 auto;}
.popup .er {font: normal 13px PT Sans; color: #C84623; display: none;}
.popup input[type=text], .popup input[type=email] {width: 198px; height: 32px; border: 1px solid #CCC; padding: 0 5px; font: normal 16px/32px "Open Sans",sans-serif;}
.popup input[type=text]:focus, .popup input[type=email]:focus {border-color: #F2CD23; outline: none;}
.popup input[type=text].error, .popup input[type=email].error {border-color: #FF0000;}
.popup textarea {width: 398px; height: 138px; border: 1px solid #ccc; resize: none; padding: 5px;}
.popup textarea:focus {border-color: #F2CD23;}
.popup .modal-body {padding: 20px;}
/*.popup .close { position: absolute; top: -13px; right: -10px;  color:#E88900;  display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.popup .close i { font-size:130%; top: 0; transform: rotate(45deg); background-color: white; border-radius:50%; }*/
.popup .close:hover {background-position: 0 -50px;}

.popup .modal-body:hover .close { opacity: 1; }
.popup .close { width:30px; height:30px; position:absolute;top:-0.75rem;right:-0.75rem;background:#E88900;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:white;font-size:1.25rem;line-height:1rem;border:2px solid white;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);box-shadow:0 1px 2px rgba(0,0,0,0.5);text-align:center;transition:opacity .1s;z-index:10 }
.popup .close:hover { -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.9); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.9); box-shadow:0 1px 2px rgba(0,0,0,0.9); }
.popup .close i { display: inline-block; font-size:14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.popup label {font: normal 14px "Open Sans",sans-serif; cursor: pointer;}

/**/


.panel-default > .panel-heading {background-color: transparent; border: none;}
.panel-group .panel {border: none; box-shadow: none;}
.panel-heading {padding: 0; margin-bottom: 20px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top: none; padding-top: 0;}
.panel-title > a {font: normal 18px/1.4 "Open Sans",sans-serif; color: #0059B2; text-decoration: none; border-bottom: 1px dotted #0059B2;}
.panel-title > a:hover {color: #B9271F; border-color: #B9271F;}

.data-table td { border:1px solid #888;}





a.download { text-decoration: none; border-bottom:1px dotted #0059B2; }
a.download:hover { text-decoration: none; border-bottom:1px dotted #B9271F; }


/* Доделки  (стили которые были выше в css с классом map удалить!!!) */
.map .border-right {
    position: relative;
    overflow: hidden;
    font-family: 'Roboto Condensed';
    font-size: 24px;
    font-weight: normal;
  }
  .border-right:after {
    content: '';
    position: absolute;
    width: 100%;
    border-top: 1px solid #DDDDDD;   
    margin-top: .7em;
    margin-left: .4em;
  }

.map .border-right a {position: absolute; top: 5px; right: 0; display: inline-block; zoom: 1; *display: inline; background: #fff; font: normal 16px 'Roboto Condensed'; z-index: 10; padding-left: 20px; text-decoration: none;}
.map .border-right a span {border-bottom: 1px dotted #005FB7;}
.map .border-right a:hover span {border-color: #FF9700;}
.map .list .name {font: bold 16px 'Roboto Condensed';}
.map .list .icon {background: url(/images/map-icon.png) no-repeat; padding-left: 25px;}
.map .list .icon.address {background-position: -74px 5px;}
.map .list .icon.phone {background-position: -38px -35px;}
.map .list .icon.metro {background-position: 0 -72px;}

.insert-map .map .name {font: bold 16px 'Roboto Condensed';}
.insert-map .map .icon {background: url(/images/map-icon.png) no-repeat; padding-left: 25px;}
.insert-map .map .icon.address {background-position: -74px 5px;}
.insert-map .map .icon.phone {background-position: -38px -35px;}
.insert-map .map .icon.metro {background-position: 0 -72px;}

#our-geography .insert-map .map{display: block;}

#map { height: 410px;}

#choose-office-modal .modal-dialog {width: 580px;}
#choose-office-modal dl dt {margin-bottom: 10px; width: 240px;}
#choose-office-modal dl dt a {font-size: 16px; text-decoration: none;}
#choose-office-modal dl dt a.active {color: #1F1F1F;}

#content input[type="radio"] + label::before {background-position: 0 0;}

/* платные услуги */
.service-pay .cost {color: #666666;}
.service-pay label {cursor: pointer;font: normal 14px "Roboto Condensed";}
/*картинки в кружке*/
.service-pay .round 				{ display:block; border: 1px solid #ccc; border-radius: 50%; width: 120px; height: 120px; margin-bottom: 20px; text-align: center; display: table;}
.service-pay dt.active .round 		{border-color: #E88600;}
.service-pay .round b 				{display: table-cell;vertical-align: middle;}
.service-pay .r1.round b 			{background: url(/images/shower.png) no-repeat center 38px;}
.service-pay dt.active .r1.round b 	{background-position: center -50px;}
.service-pay .r2.round b 			{background: url(/images/board.png) no-repeat center 38px;}
.service-pay dt.active .r2.round b 	{background-position: center -45px;}
.service-pay .r3.round b 			{background: url(/images/hot-board.png) no-repeat center 0px;}
.service-pay dt.active .r3.round b 	{background-position: center -141px;}
.service-pay .r3.round b 			{vertical-align: top;}
/*радио и надписи*/
.service-pay .title {display:block; min-width: 150px;}
.service-pay .title:before {float: left;}
.service-pay .title:before {content: ""; display: inline-block; height: 32px; width: 32px; margin: 0 10px 0 0; background-image: url(/images/radio.jpg); background-repeat: no-repeat; vertical-align: middle; height: 32px;}
.service-pay input[type=radio]:checked+.title:before {background-position: 0 -52px;}

/*чекбокс и надписи*/
.service-pay .title {display:block; min-width: 150px;}
.service-pay .title:before {float: left;}
.service-pay .title:before {content: ""; display: inline-block; height: 32px; width: 32px; margin: 0 10px 0 0; background-image: url(/images/radio.jpg); background-repeat: no-repeat; vertical-align: middle; height: 32px;}
.service-pay input[type=checkbox]:checked+.title:before {background-position: 0 -52px;}

/*hover*/
.service-pay label:hover .round { border-color:#F90; }
.service-pay label:hover .r1.round b {background-position: center -50px;}
.service-pay label:hover .r2.round b {background-position: center -45px;}
.service-pay label:hover .r3.round b {background-position: center -141px;}
.service-pay label:hover .title,
.service-pay label:hover .title .cost { color:#F90; }


/**/
#header { position: fixed; width: 100%; }
#header .navigation .lv2 .location {position: absolute; right: 0; top: 15px;}
#header .navigation .lv2 .location .link {font:bold 14px Roboto Condensed; text-transform: uppercase; padding-left: 30px; background: url(/images/location-icon.png) no-repeat; padding-top: 5px; padding-bottom: 5px; position: relative;}
#header .navigation .lv2 .location .link i {background: url(/images/point-down.png) no-repeat; display: inline-block; zoom: 1; *display: inline; width: 12px; height: 8px; margin-left: 10px; vertical-align: middle;}

.modal { text-align: center; }
@media screen and (min-width: 768px) {
    .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }


/**/

#reviews {
	font-family: 'Open Sans', sans-serif;
	background-color: #eeeeee;
    padding: 38px 0 100px;
	width: 100%;
}
#reviews h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 25px;
}
#reviews .item:after {
	content: '';
	display: table;
	clear: both;
}
#reviews .item .video {
	width: 460px;
	height: 260px;
	overflow:hidden;
	float: left;
}
#reviews .item .video img{
	width: 460px !important;
	height: auto !important;
}
#reviews .item .video iframe{
	width: 460px !important;
	height: 260px !important;
}
#reviews .item .review {
	float: right;
	width: 460px;
	height: 260px;
	position: relative;
}
#reviews .item .date {
	font-size: 14px;
	color: #666666;
	margin-bottom: 16px;
}
#reviews .item .author {
	margin-bottom: 16px;
}
#reviews .item strong {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}
#reviews .item .text {
	font-size: 14px;
	color: #505050;
}
#reviews .item .link {
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 24px;
}
#reviews .item .link a{
	color: #0059B2;
	text-decoration: none;
	border-bottom: 1px solid #0059B2;
	-webkit-transition: border-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out;
	-ms-transition: border-color 0.3s ease-out;
	-o-transition: border-color 0.3s ease-out;
	transition: border-color 0.3s ease-out;
}
#reviews .item .link a:hover{
	border-color: transparent;
}
#reviews .item .link span{
	font-size: 18px;
}
/* New style start */
#BX_YMAP_officesmap {background: grey;}
#our-geography p{width: 390px;}
#our-geography .og-link {
	position: relative;
	display: inline-block;
	margin-right: 30px;
}

#our-geography .og-linkm {
	position: relative;
	display: inline-block;
	margin-right: 30px;
}

/*#our-geography .og-link.active {padding-bottom: 70px;}
#our-geography .og-linkm.active {padding-bottom: 130px;}*/

#our-geography .og-linkm.active h3 a, #our-geography .og-link.active h3 a{
	border: 0;
	color: #B9271F;
}
#our-geography h3 a{
	font-size: 0.87em;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#our-geography h3 a:hover{border: 0;}
#our-geography .og-links{margin-bottom: 15px;}
#our-geography .map {
	display: none;
	/*position: absolute;
	left: 0px;
	bottom: 0px;*/
}
/*#our-geography .og-link.active .map, #our-geography .og-linkm.active .map {display: block;}*/

#our-geography .insert-map .map{position: relative; display: block;}

#our-geography .centered{padding: 0;}
#our-geography .cols > dl > dt {margin-bottom: 0;}
#our-geography  .address {background-position: -74px 1px;}
#our-geography p:last-child {margin-bottom: 0;}
/* New style end */

/* Plan Tabs Start */
.plan dl.tabs {}
.plan dl.tabs dt {
	float:left;
	position:relative;
	color: #0059B2;
	cursor:pointer;
	margin-right: 15px;
}
.plan dl.tabs dt h3{
	color: #0059B2;
	border-bottom: 1px dotted #0059B2;
}
.plan dl.tabs dt:hover h3 {
	color: #a70c09;
	border-color: transparent;
}
.plan dl.tabs dd {
	display:none;
	float:right;
	margin: 60px 0 0 -100%;
	position:relative;
	width:100%;
	z-index:2;
}
.plan dl.tabs dt.active h3 {
	color: #a70c09;
	border-color: transparent;
}
.plan dl.tabs dd.active {
	display:block;
}
/* Plan Tabs End */

.bathModySel {
	width: 118px !important;
	border: none;
	background-color: #fff;
	cursor: pointer;
	margin: -2px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.bathModySelArrow {
	position: absolute;
	top: 18%;
	left: 34%;
	border-color: #111 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	margin-left: -4px;
	margin-top: -2px;
	width: 0;
}
.photo_link_vk{
	text-align: center;
	margin-top: 10px;
}
.photo_link_vk a{
	margin-left: 10px;
}

.promo .promo-form{
	position: absolute;
    bottom: 50px;
    width: 300px;
    padding: 15px 25px;
    background-color: rgba(255,255,255,0.75);
    z-index: 199;
}

.promo-form input[type=text]{
	width: 238px;
    height: 34px;
    border: 1px solid #ccc;
    padding: 0 5px;
    background: #F6F6F6;
    -webkit-transition: .3s background linear;
    -moz-transition: .3s background linear;
    -ms-transition: .3s background linear;
    -o-transition: .3s background linear;
    transition: .3s background linear;
}

.promo-form input[type=text].error{
	border: 1px solid #f00;
}

.promo-form .helper{
	margin-bottom: 5px;
}

.order-consult{
	position: absolute;
    bottom: 30px;
    z-index: 999;
}

@media (max-width: 767px) {
    #content #order-form .oh #preview-image.img-container {
        height: 220px;
        width: calc(100% - 20px);
    }

    #content #order-form .oh #preview-image.img-container img {
        width: 100%;
    }

    .catalog-items .catalog-item .title {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
    }

    .catalog-items .catalog-item .title .bathModySelArrow {
        position: static;
        margin: 0;
        margin-left: 5px;
    }
}