@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;}    
© TrueDev.org