@charset "utf-8";
/* CSS Document */
html, body, div, section, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, form, input, dl, dd, dt, textarea {margin: 0; padding: 0;}
html {height: 100%; }
body {font: 15px/normal "SegoeUIRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; width: 100%; position: relative; height: 100%; background: #121212; min-width: 800px; }
img {border: none; height: auto; max-width: 100%;}
a {cursor: pointer; text-decoration: underline; color: #fff;}
a:hover {text-decoration: none;}
p {padding: 0 0 10px;}
h1, h2, h3, h4, h5, h6 {font-family: "SegoeUILight"; color: #fff; padding: 0 0 10px; line-height: normal; font-weight: normal;}
h1 {font-size: 60px; text-transform: uppercase; line-height: 63px;}
h2 {font-size: 36px;}
h3 {font-size: 30px;}
h4 {font-size: 28px; }
h5 {font-size: 24px; }
h6 {font-size: 20px;}
ol {padding:0 0 20px 30px;}
ul {padding: 0 0 20px 0; }
ul li {list-style: disc outside; padding:5px;}
ol li{padding:5px;}
input:focus {outline: none;}
@font-face {
font-family: "SegoeUIRegular";
src: url("SegoeUIRegular.woff") format("woff");
font-style: normal;
font-weight: normal;
}
/* font-family: "SegoeUIBold"; */
@font-face {
font-family: "SegoeUIBold";
src: url("SegoeUIBold.woff") format("woff");
font-style: normal;
font-weight: normal;
}
/* font-family: "SegoeUIItalic"; */
@font-face {
font-family: "SegoeUIItalic";
src: url("SegoeUIItalic.woff") format("woff");
font-style: normal;
font-weight: normal;
}
/* font-family: "SegoeUILight"; */
@font-face {
font-family: "SegoeUILight";
src: url("SegoeUILight.woff") format("woff");
font-style: normal;
font-weight: normal;
}
/* font-family: "SegoeUISemiBold"; */
@font-face {
font-family: "SegoeUISemiBold";
src: url("SegoeUISemiBold.woff") format("woff");
font-style: normal;
font-weight: normal;
}
.item:before ,.item:after, .block_count:before, .block_count:after, .block_label:before, .block_label:after {content: ""; display: table;}
.item:after, .block_count:after, .block_label:after {clear: both;}
section {text-align: center; width: 100%; background-size: cover;}
.container {width: 600px; padding: 0 100px; margin: 0 auto; max-height: 999999px;}
.home {background: #6e7468 url(../images/fon1.jpg) top center no-repeat; background-size: cover; padding: 97px 0 67px; }
.home h1 { display: block; background: url(../images/pxl.png); margin: 0 0 27px; padding: 0; height: 60px; line-height: 60px;}
.logo_block {padding: 0 0 34px;}
.logo {float:left; width: 319px; text-align: right; padding: 0 14px 0 0;}
.logo a {display: inline-block; background: url(../images/logo.png) no-repeat; height: 84px; width: 88px; text-decoration: none;}
.logo_block h5 {display: inline-block; background: url(../images/logo.png) 0 0 no-repeat; padding: 7px 0 0 100px ; font-size: 24px; line-height: 30px; min-height: 84px; text-align: left;}
.logo_block * {vertical-align: top;}
.home h5.place {text-transform: uppercase; font-size: 24px; height: 30px;}
.work {background: #000; padding: 19px 0 15px;}
.work p {padding: 0 0 10px;}
.text { font-size: 18px; line-height: 22px;}
.examples {background:#131313 url(../images/fon2.jpg) top center no-repeat; background-size: cover; padding: 33px 0 41px;}
.examples h2 {text-transform: uppercase; line-height: 36px; padding: 0 0 5px;}
.examples h5 {padding: 0 0 30px;}
.slider { margin: 0 59px; position: relative;}
.slider img { width: 100%;}
.slider ul {padding: 0;}
.slider li {padding: 0; border: 1px solid #fff;}
.examples .bx-wrapper .bx-viewport { padding: 0; box-shadow: none; background: none; border: none; left:0; border: 1px solid #f6f6f6; border-bottom: 1px solid #fff; }
.examples .bx-wrapper .bx-controls-direction a { width: 39px; height: 202px; margin-top: -101px; background-size: cover; display: block;}
.examples .bx-wrapper .bx-controls-direction .bx-prev { left:-77px; background: url(../images/arr1.png) center top no-repeat;}
.examples .bx-wrapper .bx-controls-direction .bx-next { right: -79px; background: url(../images/arr2.png) center top no-repeat;}
.examples .bx-wrapper .bx-pager.bx-default-pager a {background: url(../images/buttons.png) no-repeat; width: 14px; height: 14px; margin: 0 3px; background-size: 14px;}
.examples .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: url(../images/buttons.png) left bottom no-repeat; background-size: 14px;}
.examples .bx-wrapper .bx-pager {bottom: -32px;}
.order_consult { width: 480px; margin: 0 auto; }
.order_consult a {display: block; width: 100%; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; -webkit-box-shadow: #000 0px 1px 0px; color: #0e0e0e; font-size: 21px; height: 55px; line-height: 55px; text-decoration: none;
-moz-box-shadow: #000 0px 1px 0px;
box-shadow: #000 0px 1px 0px;
background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f8f8f8));
background: -webkit-linear-gradient(#ffffff, #f8f8f8);
background: -moz-linear-gradient(#ffffff, #f8f8f8);
background: -ms-linear-gradient(#ffffff, #f8f8f8);
background: -o-linear-gradient(#ffffff, #f8f8f8);
background: linear-gradient(#ffffff, #f8f8f8);
}
.calcul {background: #ba864e url(../images/fon3.jpg) top center no-repeat; padding: 36px 0 65px; font-size: 18px; background-size: cover; }
.calcul h2 {font-size: 28px; font-family: "SegoeUIRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; line-height: 30px; padding: 0 0 26px; max-height: 99999px;}
.calcul h2 b {font-family: "SegoeUISemiBold"; font-weight: normal; }
.calcul .cont { margin: 0 auto; width: 580px; text-align: left;}
.calcul .item {padding: 5px 6px 7px; background: #fff url(../images/fon_inp.png) left bottom repeat-x; position: relative; margin: 0 0 5px;}
.check_block { float: left; width: 42px; padding: 1px 13px 0 0;}
.check_block input[type="checkbox"] {display: none;}
.check_block label {display:inline-block;height: 42px; width: 42px;}
.check_block input[type="checkbox"]+label:before {display:inline-block; content:""; background: url(../images/sel_box.png) no-repeat; width: 42px; height: 42px; vertical-align: middle; line-height: 42px; text-align: center; background-size: 42px;}
.check_block input[type="checkbox"]:checked + label:before {background: url(../images/sel_box.png) left bottom no-repeat;background-size: 42px; }
.item_operation { text-transform: uppercase; overflow: hidden; }
.item_operation .name_op {color: #000; font:21px "SegoeUISemiBold"; height: 30px;}
.item_operation .see_ex {font-size: 12px; color: #d26a0d; height: 17px;}
.item_operation .see_ex a {color: #e50303; text-decoration: none; text-transform: uppercase; }
.price {width: 130px; float: right; color: #ff0000; font:21px "SegoeUISemiBold"; /*height: 30px;*/ padding: 0 0 0 5px; text-align: right; }
.block_label {padding: 8px 0 10px; line-height: 21px;}
.surface {float: left; width: 200px;}
.cost {float: right; width: 148px;}
.block_count { text-transform: uppercase; padding: 0 0 35px;}
.space {width: 190px; float: left;}
.inpt_bl, .result {background: url(../images/fon_inpt.png) repeat-x; height: 51px; line-height: 51px; border: 2px solid #000; position: relative; padding: 0 5px;}
.pop { position: absolute; bottom: -40px; left:5px; height: 32px; width: 135px; font: 14px/32px "SegoeUIRegular"; background: #fbfbfb url(../images/attention.jpg) 8px center no-repeat ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 6px 0 34px; text-transform: none; border: 1px solid #3b2c23; color: #000; -webkit-box-shadow: #55301b 0px 2px 3px; -moz-box-shadow: #55301b 0px 2px 3px; box-shadow: #55301b 0px 2px 3px; -webkit-opacity:0; -moz-opacity:0; opacity: 0;}
.pop:before {display: block; content: ""; background: url(../images/triangle.png) no-repeat; position: absolute; width: 13px; height: 7px; left:20px; top:-7px;}
.inpt_bl input[type="text"], .result input[type=text] {height: 51px; line-height: 51px; width: 100%; border: none; background: none; color: #000; font: 18px "SegoeUIRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.count {width: 190px; float: left; padding: 0 0 0 9px;}
.count a {display: block; text-decoration: none; height: 51px; background: url(../images/fon_or.png) repeat-x; line-height: 51px; border: 2px solid #fff; text-align: center; }
.result {width: 134px; float: right;}
.equal {overflow: hidden; text-align: center; padding: 0; font-size: 24px; height: 51px; line-height: 51px;}
.made_order, .call_me {text-transform: uppercase; font: 24px "SegoeUIBold";}
.made_order a, .call_me a {display: block; background: #ff7700 url(../images/fon_or.png) repeat-x; border: 2px solid #fff; height: 51px; line-height: 51px; text-decoration: none; text-align: center;}
.opinion {background: #707778; padding: 23px 0 20px; }
.opinion .container {text-align: left;}
.opinion .container h2 { font-size: 30px; padding: 0 0 32px; text-align: center;}
.opinion .container p { padding: 0 0 25px; text-align:inherit; line-height: 18px; width: 100%; overflow: hidden;}
.opinion .bx-wrapper .bx-viewport { background:none; box-shadow: none; border: none; left: 0;}
.opinion .bx-wrapper .bxslider {overflow: hidden;}
.opinion .bx-wrapper .bxslider li {max-height: 999999px; text-align: start;}
.opinion .bx-wrapper .bx-pager.bx-default-pager {padding: 0; bottom: -23px;}
.opinion .bx-wrapper .bx-pager.bx-default-pager a {background: url(../images/slide_but.png) no-repeat; width: 17px; height: 17px; margin: 0 3px;}
.opinion .bx-wrapper .bx-pager.bx-default-pager a:hover, .opinion .bx-wrapper .bx-pager.bx-default-pager a.active {background: url(../images/slide_but.png) left bottom no-repeat; width: 17px; height: 17px; background-size: 17px;}
.order { background: #fff; color: #000; padding: 39px 0 48px;}
.order .container { width: 580px; margin: 0 auto;}
.order h2 {color: #000; text-decoration: underline; text-transform: uppercase; font-size: 30px; padding: 0 0 35px;}
.enter_num {text-transform: uppercase; font-size: 18px; line-height: 19px; padding: 0 0 20px;}
.enter_num b {font: 24px "SegoeUISemiBold"; font-weight: normal;}
.contact {text-align: left; border-left: 3px solid #000; padding: 0 0 0 30px; }
.order .inpt_bl {margin: 0 0 20px;}
.call_me {padding: 0 0 52px;}
.call_me a {border:1px solid #fff;}
.company {font: 36px "SegoeUILight"; line-height: 23px; padding: 0 0 8px;}
.company span {text-transform: uppercase; padding: 0 11px 0 0; }
.addr {font-size: 24px; padding: 0 0 6px; letter-spacing: 0.075em; white-space: nowrap;}
.tel {font: 24px "SegoeUILight";
counter-reset: #000;}
.tel .phone {font-family: "SegoeUIRegular"; padding: 0 4px 0 0; line-height: 22px; }
.tel .phone, .name, .direct_phone {display: inline-block;}
.tel *{vertical-align: middle;}
.direct_phone { }
.direct_phone a {display: inline-block; background: #169625; color: #fff; text-decoration: none; text-transform: uppercase; padding: 0 9px; width: 215px; height: 33px; font: 15px/33px "SegoeUIRegular"; text-align: center; }
.tel .name {width: 104px; padding: 0 5px 0 0;}
.map {position: relative; height: 385px; overflow: hidden;}
.copy_addr { position: absolute; left:50%; margin-left:-289px; bottom: 36px;}
.copy_addr a {display: block; text-transform: uppercase; color: #000; text-decoration: none; height: 48px; font:22px/48px "SegoeUILight"; background: #fff; border: 2px solid #535353; width: 575px; text-align: center; }