@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; }