@charset "utf-8"; /* CSS Document */ html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, form, textarea, input, dl, dt, dd {margin: 0px; padding: 0px;} html {height: 100%; } body {font: 14px/24px 'aglettericacondensedc'; color: #797d7f; min-width: 1000px; ; width: 100%; margin: 0 auto; position: relative; height: 100%; background: #fff;} input{outline: none;} img {border: none;} a {cursor: pointer; text-decoration: underline; color: #485155;} a:hover {text-decoration: none;} p {padding:0 0 20px;} h1, h2, h3, h4, h5, h6 {font: 36px 'aglettericacondensedc'; color: #485155; padding: 0 0 14px;} h1 {font-size: 36px;} h2 {font-size: 36px;} h3 {font-size: 20px} h4 {font-size: 18px;} h5 {font-size: 16px;} h6 {font-size: 15px;} ul, ol {padding:0 0 20px 30px;} ul li {list-style: disc outside; padding:5px;} ol li{padding:5px;} .header:before, .header:after, .block_pub:before, .block_pub:after, .count ul:before, .count ul:after, .time_units ul:before, .time_units ul:after, .form_block dt:before, .form_block dt:after, .str_form:before, .str_form:after {content: ""; display: table;} .header:after, .block_pub:after, .count ul:after, .time_units ul:after, .str_form:after {clear: both;} @font-face { font-family: 'aglettericacondensedc'; src: url('fonts/aglettericacondensedc-webfont.eot'); src: url('fonts/aglettericacondensedc-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aglettericacondensedc-webfont.woff') format('woff'), url('fonts/aglettericacondensedc-webfont.ttf') format('truetype'), url('fonts/aglettericacondensedc-webfont.svg#aglettericacondensedcregular') format('svg'); font-weight: normal; font-style: normal; } .wrap {position: relative; width: 100%; height: auto !important; min-height: 100%;} .page { padding: 0 0 164px; width: 100%; position: relative;} .wrap_header {background: #797a7c url(../images/header_fon.png) repeat-x; height: 199px; border-bottom: 1px solid #fff;} .header1 {background: url(../images/shadow_top_head.png) center bottom no-repeat;} .header {width: 984px; margin: 0 auto; background: url(../images/fon_head1.png) 0px 0 no-repeat; height: 171px; padding: 28px 0 0;} .head1 {float: left; width: 668px; padding: 0 0 0 10px; color: #f5f5f5; font-size: 18px;} .slogan1 {width: 100%; text-indent: -9999px; overflow: hidden; background: url(../images/text_header.png) 0 0 no-repeat; height: 109px; padding: 0 0 21px;} .slogan2 {text-align: center;} .head2 {width: 250px; float: right; padding: 12px 10px 0 0 ; text-align: right} .phone_numb {background: url(../images/phone.png) left center no-repeat; padding: 0 0 0 20px; color: #fff; text-shadow: 0 1px 1px #525356; font-size: 24px; font-weight: bold; margin: 0 0 10px; display: inline-block; height: 22px;} .phone_numb span {color: #dde2eb;} .command {text-transform: uppercase; font-size: 14px; font-weight: bold;} .command a {color: #65e2ff; text-shadow: 0 1px 1px #656668;} .wrap_block_pub {background: #e9ebea url(../images/fon_top.jpg) center top no-repeat; height: 420px; border-bottom: 1px solid #fff;} .block_pub { width: 984px; margin: 0 auto;} .pub1 {float: left; width: 440px; color: #f5f5f5; font-size: 14px; line-height: 18px; padding: 15px 0 0;} .txt {} .im_block {padding: 0 0 0 61px; } .pub2 {float: right; width: 352px; background: url(../images/fon_wind1.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; padding: 10px 15px; margin: 5px 0 0;} .block_info1 {text-align: center; font-size: 18px; color: #f5f5f5; line-height: 30px; padding: 0 0 3px;} .block_info1 span {font-size: 24px; line-height: 26px; display: inline-block; padding: 1px 0 0;} .block_info1 span span {color: #f7ff0e;} .block_count {background: url(../images/border_bot.png) repeat-x; width: 261px; margin: 0 auto; padding: 10px 0 14px;} .block_count1 {background: url(../images/border_bot.png) left bottom repeat-x; padding: 0 0 8px;} .time {color: #fff;text-align: center; padding: 0 0 8px;} .count {width: 100%; overflow: hidden; padding: 0 0 4px;} .count ul {padding: 0; width: 110%;} .count ul li {float: left; background: url(../images/count_fon.png) no-repeat; width: 37px; height: 51px; margin: 0 5px 0 0; font: 32px/51px Arial; font-weight: bold; text-align: center; color: #000; padding: 0; list-style: none; } .count ul li:nth-child(even) {margin: 0 12px 0 0;} .count ul li.even {margin: 0 12px 0 0;} .time_units {width: 100%; overflow: hidden;} .time_units ul {padding: 0; width: 110%;} .time_units ul li {float: left; font-size:14px; color: #958c8c; list-style: none; padding: 0; list-style: none; width: 79px; text-align: center; margin: 0 12px 0 0; } .form_block {} .str_form { padding: 0 0 9px;} .label {display: block; float: left; width: 95px; text-align: right; padding: 4px 8px 0 0;} .input {display: block; float: left; width: 223px; height: 33px;} .input input[type="text"] {background: url(../images/buttons.png) 0 -234px no-repeat; height: 33px; padding: 0 5px; width: 212px; font-size: 16px; color: #fff; line-height: 33px; border:none;} .label label {color: #fff; font-size: 18px;} .sub_but { padding: 13px 0 3px 47px;} .sub_but a {display: block; width: 256px; height: 56px; background: url(../images/buttons.png) no-repeat; text-decoration: none;} .sub_but a:hover {background-position: 0 -59px;} .wrap_advantages {background: #e9eaea url(../images/shadow.png) center top no-repeat; padding: 37px 0;} .advantages {width: 984px; margin: 0 auto;} .advantages h2{text-transform: uppercase; text-shadow: 0 1px 0px #434c50; text-align: center; padding: 0 0 35px;} .block_advant1 { width: 100%; overflow: hidden;} .block_advant1 h3, .block_advant2 h3{text-transform: uppercase; padding: 0 0 5px;} .block_advant1 ul, .block_advant2 ul {padding: 0;line-height: 0; font-size: 0; display: table; width: 110%; } .block_advant1 ul li, .block_advant2 ul li { display: inline-block; width: 290px; font-size: 14px; line-height: 24px; padding: 0 50px 60px 0; color: #797d7f; text-align: center; vertical-align: top;} .block_advant2 ul {text-align: center; width: 100%;} .block_advant2 ul li {padding: 0 45px 68px; width: 310px;} .block_advant2 ul li:last-child {width: 484px; padding-bottom: 7px;} .works {padding: 48px 0 0; width: 984px; margin: 0 auto;} .works h2 {text-transform: uppercase; text-align: center; padding: 0 0 54px;} .block_works {width: 100%; overflow: hidden; padding: 0 0 84px;} .block_works ul {padding: 0; width: 110%;} .block_works ul li {list-style: none; float: left; background: url(../images/circle.png) no-repeat; width: 182px; height: 177px; margin: 0 18px 10px 0; text-align: center; display: table; vertical-align: middle; color: #ffffff; font-size: 18px; padding: 0 0 5px;} .block_works ul li span {display: table-cell; height: 177px; vertical-align: middle;} .order_now {text-align: center; padding: 0 0 20px;} .order_now h3 {text-transform: uppercase;} .order_now a {display: inline-block; width: 226px; height: 56px; background: url(../images/buttons.png) 0 -119px no-repeat; } .order_now a:hover {background-position: 0 -177px;} .wrap_footer {background: #e9eaea; height: 109px; padding: 50px 0 0; margin-top: -159px; position: relative;} .footer {width: 984px; margin: 0 auto;} .call_us {text-align: center; color: #909598; line-height: 30px;} .hide_block {background: url(../images/fon_hide_block.png); position: fixed; top:0; left:0; width:100%; height: 100%;} .wrap_block_popup {position: fixed; top:50%; margin-top: -118px; left:50%; margin-left: -194px; width: 388px;} .block_popup {position: relative; border: 3px solid #cdcdcd; background: #424242; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;-webkit-box-shadow: #666 0px 3px 6px; -moz-box-shadow: #666 0px 3px 6px; box-shadow: #666 0px 3px 6px; padding: 54px 15px 20px 15px; height: 155px;} .block_popup .sub_but a { background-position: 0 -279px;} .block_popup .sub_but a:hover {background-position: 0 -337px;} .but_close {position: absolute; top:8px; right: 7px; width: 22px;} .but_close a {display: block; background: url(../images/close.png) no-repeat; width: 22px; height: 22px;} .block_error {text-align: center; color: #fff; font-size: 18px; padding: 40px 0 10px;} .ajax_loader {display: block;} .loader {text-align: center; padding: 45px 0 0;}