@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: 16px/normal  "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; width: 100%;  position: relative; height: 100%; background: #0a9098; min-width: 1000px; }

img {border: none; height: auto; max-width: 100%;}
a {cursor: pointer; text-decoration: underline; color: #000;}
a:hover {text-decoration: none;}
p {padding: 0 0 20px;}
h1, h2, h3, h4, h5, h6 {font-family: 'kelson_sans_rubold';   color: #1c1c1c; padding: 0 0 10px; line-height: normal; font-weight: normal;}
h1 {font-size: 34px; font-family: 'kelson_sans_ruregular'; padding: 0 0 30px;}
h2 {font-size: 36px; text-align: center; padding: 0 0 50px; color: #fff;}
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, textarea:focus {outline: none;}

@font-face {
    font-family: 'kelson_sans_rubold';
    src: url('../fonts/Kelson Sans Bold RU-webfont.eot');
    src: url('../fonts/Kelson Sans Bold RU-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Kelson Sans Bold RU-webfont.woff') format('woff'),
    url('../fonts/Kelson Sans Bold RU-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kelson_sans_ruregular';
    src: url('../fonts/Kelson Sans Regular RU-webfont.eot');
    src: url('../fonts/Kelson Sans Regular RU-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Kelson Sans Regular RU-webfont.woff') format('woff'),
    url('../fonts/Kelson Sans Regular RU-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'myriadpro-cond';
    src: url('../fonts/myriadpro-cond.eot');
    src: url('../fonts/myriadpro-cond.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriadpro-cond.woff') format('woff'),
    url('../fonts/myriadpro-cond.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*@font-face {
    font-family: 'myriadpro_reg';
    src: url('../fonts/myriadpro_reg.eot');
    src: url('../fonts/myriadpro_reg.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriadpro_reg.woff') format('woff'),
    url('../fonts/myriadpro_reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}*/

.wrap_head:before, .wrap_head:after, .menu ul:before, .menu ul:after, .page1 .container:before, .page1 .container:after, .example:before, .example:after, .block_exmpl:before, .block_exmpl:after, .item_doc:before, .item_doc:after,.block_slide:before, .block_slide:after, .bxslider:before, .bxslider:after, footer:before, footer:after,.content_page:before, .content_page:after {content: ""; display: table;}
.wrap_head:after, .menu ul:after, .page1 .container:after, .example:after, .block_exmpl:after, .item_doc:after, .block_slide:after, .bxslider:after, footer:after, .content_page:after {clear: both;}
footer {width: 962px; margin: 0 auto; padding: 13px 0 10px;}
header {background: #0a9099; position: fixed; top:0; left:0; height: 64px; width: 100%; z-index: 1010;}
.wrap_head {width: 962px; margin: 0 auto; padding: 13px 0 10px;}
    .logo {float: left; width: 320px; padding: 0 20px 0 2px;}
        .logo a {font: 30px/normal 'kelson_sans_rubold'; text-decoration: none; color: #fff;}
    .order_call {float: right; width: 179px; padding: 0 1px 0 12px;}
        .order_call a {display: block; background: #e3e3e3 url(../images/but3.png) repeat-x; height: 37px; font: 15px/37px 'kelson_sans_ruregular'; color: #00565b; text-shadow: 0px 1px 1px #fff;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: #666 0px 2px 2px; -moz-box-shadow: #666 0px 2px 2px; box-shadow: #666 0px 2px 2px; text-transform: uppercase; text-decoration: none; width: 179px; text-align: center; margin: 1px 1px 0;  }
    .order_call a:hover {background: #71bb73 url(../images/but3.png) left -37px repeat-x; border: 1px solid #acf0a3; text-shadow: 0px 1px 1px #277010; color: #fff; text-decoration: none; margin: 0;}
    .contact {float: right; width: 250px; padding: 0 0 0 20px; color: #fff; font: 13px 'Roboto Condensed', sans-serif; text-align: right;}
        .phone {font-size: 24px; line-height: 24px;}
        .phone span{font-size: 18px;}
        .adr {line-height: 15px;}
.menu {-webkit-border-radius:5px;  -moz-border-radius:5px; border-radius:  5px;  -webkit-box-shadow: #666 0px 2px 2px;  -moz-box-shadow: #666 0px 2px 2px;
    box-shadow: #666 0px 2px 2px;  background: #fff url(../images/menu_fon.png)repeat-x; width: 960px; position: absolute; top:86px; left:50%;  z-index: 1000; margin-left: -480px; text-align: center; font-size: 0; line-height: 0;}
.fix {position: fixed; top:60px; /*-webkit-border-radius: 0 0 5px 5px;  -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;*/}
.menu ul {padding: 1px 0;display: inline-block;}
.menu li {float: left; background: url(../images/border_menu.png) left center no-repeat; list-style: none; padding: 0 0 0 2px; }
.menu li:first-child {background: none; padding: 0;}
.menu li a {display: block; height: 44px; padding: 0 20px; color: #1c1c1c; font: 20px/46px 'myriadpro-cond', sans-serif; text-transform: uppercase; text-decoration: none; }
.menu li a:hover, .menu .active a {background: #4fc1c8 url(../images/menu_hover.png) repeat-x;  color: #fff;text-shadow: 0px 1px 1px #032e31; }
.menu li, .menu a:focus, .menu a, .menu li:focus {outline: none;}

section {position: relative;}
.container {width: 960px; margin: 0 auto; padding: 0; position: relative}
.page1 {padding: 45px 0 0; background: url(../images/fon1.jpg) center top no-repeat; background-size: cover; border-top: 64px solid #0a9098;}
    .page1 .container {width: 100%;/* margin: 0 auto;*/ padding: 65px 0 45px 0; background: url(../images/fon_page1.png) center top repeat-y;}
    .content_page {width: 960px; margin: 0 auto;}
        .block1 {float:left; width: 610px; padding: 12px 0 0;}
            .block1 h1 {text-transform: uppercase;  text-shadow: 0px 1px 1px #fff; line-height: 36px; }
            .block1 h1 span {font: 52px 'kelson_sans_rubold'; color: #0a474b; line-height: 52px;}
                .list_facility { font: 17px/normal'Roboto Condensed', sans-serif; padding: 0 0 0 6px}
                    .list_facility ul {padding: 0;}
                        .list_facility ul li {background: url(../images/ok_1.png) left 0 no-repeat; list-style: none; padding: 10px 0 0 50px; min-height: 27px; margin: 0 0 17px; letter-spacing: -0.05em}

        .block2 {float:right; width: 330px; position: relative;}
        .block2 h2 {background: #0a9098;-webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; display: block; color: #fff; font: 19px/normal "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-align: center; padding: 10px 10px 9px;}
        .block2 h2 span {font-weight: 500; text-transform: uppercase; font-size: 24px; line-height: 26px;}
        .block2 form {padding: 18px 16px 0; background: #64d6e2;}
        .inpt {background: #f1f1f1 url(../images/fon_input.png) repeat-x; border: 1px solid #f7f7f7; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #f1f1f1; height: 42px; padding: 2px 14px 0; -webkit-box-shadow: #666 0px 1px 1px; -moz-box-shadow: #666 0px 1px 1px; box-shadow: #666 0px 1px 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin:  0 0 12px}
        .inpt input[type="text"] {background: none; border: none; height:42px;  font: 17px/42px 'Roboto'; color: #a1adb9;}
        .inpt.err {border: 1px solid #eb2525;}
            .inpt.err input[type="text"] {color: #f4a8a8;}
            .sub {position: relative; z-index: 10; padding: 4px 0 0;}
            .sub a {text-transform: uppercase; display: block; height: 40px; font: 22px/40px 'kelson_sans_rubold'; border: 1px solid #ff7272; background: #eb2c2c url(../images/but1.png) repeat-x; margin: 0 -21px; -webkit-box-shadow: #666 0px 1px 0px; -moz-box-shadow: #666 0px 1px 0px; box-shadow: #666 0px 1px 0px; text-align: center; color:#fff; text-decoration: none; text-shadow: 0 1px 1px #9f0707; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
            .sub a:hover {background: #71bb73 url(../images/but1.png) left bottom repeat-x; border: 1px solid #acf0a3; text-shadow: 0 1px 1px #0c2f05; }
            .info {font: 10px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; color: #fff; text-align: center; background: #0a9098; padding: 14px 20px 15px;-webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; position: relative; z-index: 0; }


    .page2 {padding: 45px 0 70px;}
    .page2 h2 { color: #fff; padding: 0 0 56px;}
    .advantage {padding: 0 0 20px;}
    .advantage ul {padding: 0; font-size: 0; line-height: 0; display: table;}
    .advantage li {list-style: none; display: inline-block; padding: 0; font: 17px/normal "Roboto"; font-weight: 500; color: #fff; width: 240px; text-align: center; vertical-align: top;}
    .im {padding: 0 0 20px;}
    .im_info {}
    .page3 { background: #fff; padding:  60px 0 ;}
    .page3 .container {width: 1000px; }
        .page3 h2 {color: #0a9098;}
        .example { background: #f4f4f4; padding: 11px 20px 13px; margin: 0 0 26px;}
        .example h3 {display:block; float: left; width: 360px; padding: 0 20px 0 0; font-family: "Roboto"; font-weight: 300;  }
        .place {overflow: hidden; text-align: right; color:#585858; font: 12px/normal "Roboto"; font-weight: 300; padding: 6px 0 0; }
            .city {position: relative; padding: 8px 16px 0 23px; display: inline-block;}
            .city:before {content:""; display: block; position:absolute; left:0px; top:0px; background: url(../images/indic.png) no-repeat; width: 13px; height: 20px;}
            .time {position: relative; padding: 8px 0 0 25px; display: inline-block; }
            .time:before {content: ""; display: block; background: url(../images/icon1.png) no-repeat; width: 16px; height: 16px; position: absolute; top:4px; left:0}
            .block_exmpl { background: url(../images/fon_rb.png) right top repeat-y; padding: 0 0 0 20px; margin: 0 20px 0 0; position: relative;}
                .bl1 {float:left; width: 548px; font:14px "Roboto";  font-weight: 300; padding: 0 0 330px;}
                    .bl1 h4 {font: 18px "Roboto"; font-weight: 500; padding: 0 0 8px;}

                .bl2 {float: right; width: 380px; padding: 0 0 85px;}
                .bl2 h4 {font: 24px "Roboto"; font-weight: 500; color: #fff; display: block; padding: 16px 33px 14px; background: #0a9098; margin: 0 0 16px; }
                .bl2 ul {font-size: 13px;font-weight: 300; line-height: normal; padding: 0 20px 20px 13px;}
                .bl2 ul li {list-style: none; background: url(../images/icon2.png) left top no-repeat; display: block; padding: 0px 0 10px 25px; min-height:16px; }
                .block_img {position: absolute; width: 548px; left: 20px; bottom: 0;}
                .block_img {line-height: 0;}
                .block_img img {max-height: 320px; max-width: 548px;}
                .but {position: absolute; bottom: 20px; right: 16px; width: 348px;}
                .but a {display: block; font:21px/47px 'kelson_sans_ruregular'; color: #121212; text-shadow: 0 1px 1px #fff; text-align: center; text-transform: uppercase; text-decoration: none; background: #fbfbfb url(../images/but4.png) repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  -webkit-box-shadow: #666 0px 1px 1px; -moz-box-shadow: #666 0px 1px 1px; box-shadow: #666 0px 1px 1px; margin: 1px;}
                .but a:hover {background: #71bb73 url(../images/but4.png) left bottom repeat-x; border: 1px solid #acf0a3; margin: 0; color: #fff; text-shadow: 0 1px 1px #195207;}

    .page4 {border-top: 1px solid #b2b2b2; background: #ebebeb url(../images/fon_page.png);padding: 50px 0 50px;}
    .page4 .container {width: 960px;}
    .page4 h2 {color: #0a9098; padding:  0 0 32px;}
    .list_doc {padding: 0 0 50px; position: relative;}
    .jq-selectbox {width: 100%;}
.jq-selectbox__select {background: #FFFfff url(../images/fon_select.png) repeat-x; border:none; border-bottom: 1px solid #bbb; height: 42px;
    font: 17px/42px 'Roboto'; text-shadow: none; color: #000; padding-left: 15px; box-shadow: none;}
.opened .jq-selectbox__select { background: #fff;}
 .jq-selectbox__select:hover {background: #fff; background-position: 0 0; outline: none;}
.jq-selectbox.focused .jq-selectbox__select, .jq-selectbox.jqselect .jq-selectbox__select {border: none; border-bottom: 1px solid #bbb;}
.jq-selectbox__trigger-arrow {-webkit-opacity:1; -moz-opacity:1; opacity: 1; top:20px;}
.jq-selectbox li {font: 17px/28px 'Roboto'; padding: 0 15px 0;}
    .jq-selectbox li:hover, .jq-selectbox li.selected {background: #0a9098;}
    .jq-selectbox__trigger {border: none;/*border-bottom: 1px solid #bbb;*/}
        .jq-selectbox__dropdown {-webkit-border-radius:0 0 4px 4px ; -moz-border-radius:0 0 4px 4px ; border-radius:0 0 4px 4px ; /*-webkit-box-shadow: #666 0px 1px 1px; -moz-box-shadow: #666 0px 1px 1px; box-shadow: #666 0px 1px 1px;*/ box-shadow:none; border:none; border-bottom:1px solid #bcbcbc; }
        .dropup .jq-selectbox__dropdown {-webkit-border-radius: 4px 4px 0 0 ; -moz-border-radius: 4px 4px 0 0 ; border-radius: 4px 4px 0 0 ; border:none; border-top:1px solid #bcbcbc;}
        .opened.dropdown .jq-selectbox__dropdown {top: 40px !important;}
        .opened.dropup .jq-selectbox__dropdown {bottom: 40px !important;}
        .opened .jq-selectbox__select {border: none; box-shadow: none;}
            .opened.dropdown li:last-child:hover, .opened.dropdown li:last-child.selected {-webkit-border-radius:0 0 4px 4px ; -moz-border-radius:0 0 4px 4px ; border-radius:0 0 4px 4px ;}
        .opened.dropup li:first-child:hover, .opened.dropdown .jq-selectbox li:first-child.selected {-webkit-border-radius: 4px 4px 0 0 !important; -moz-border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important ;}

        .jq-selectbox .placeholder {color: #000;}
    .doc {font-size: 17px; font-weight: 300;}
    .doc p {padding: 0 0 16px;}
    .page4 h5 {font: 17px "Roboto"; font-weight: 500; padding: 0 0 30px;}
    .item_doc {padding: 0 0 20px 22px; position: relative;}
    .doc1, .doc2 {float: left; width: 379px; padding: 0 20px 0 0;}
     .doc2 {width: 500px;}
    .doc1 ul, .doc2 ul {}
    .doc1 li, .doc2 li {list-style: none; background: url(../images/icon3.png)  no-repeat; padding: 9px 0 0 38px; display: block; min-height: 18px; margin: 0 0 15px; font-size: 17px; font-weight: 300; }

    .page5 {background: #fff; padding: 30px 0 20px; border-bottom: 1px solid #b2b2b2;}
        .page5 h2 {color: #0a9098;}
             .scheme { background: url(../images/shem.png) center top no-repeat; padding: 211px 0 10px;}
             .scheme ul {line-height: 0; font-size: 0; display: table; padding: 6px 0 0 50px;}
             .scheme li {list-style: none; display: inline-block; font: 17px/19px "Roboto"; font-weight: 300; padding: 0 9px; width: 200px; text-align: center; vertical-align: top;}

    .page6 {border-top: 1px solid #3fb1b8; padding: 50px 0 40px;}
    .page6 .container {width: 1000px;}
        .page6 h2 {color: #fff; padding: 0 0 56px}
        .sertificates {padding: 0 0 20px; text-align: center;}
        .sertificates ul {line-height: 0; font-size: 0; display: table; width: 100%;}
        .sertificates li {list-style: none; font-size: 16px; line-height: normal; display: inline-block; padding: 0 19px 10px;}
            .sertificates li img {}
    .page7 {padding:  45px 0 60px; background: #fff;}
    .page7 h2 {padding: 0 0 58px; color: #0a9098;}
    .block_slide { padding: 0 30px 0 10px;}
        .bl_letter {float: left; padding: 4px 28px 0 0;}
        .bl_letter {max-width: 284px; position: relative; }
        .text_letter { overflow: hidden; font-weight: 300;}
        .text_letter h5 {font:24px/normal "Roboto"; font-weight: 300; padding: 0 0 32px; }
        .bx-wrapper .bx-viewport  {box-shadow: none;}
        .bx-wrapper .bx-pager.bx-default-pager a {background: #e5e5e5;}
        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0a9098;}
        .block_slide li {padding: 0;}
.bx-wrapper .bx-pager { padding: 40px 0 0;}
.block_slide .bx-wrapper .bx-pager {width: 284px;}
            .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:-50px;}
            .bx-wrapper .bx-pager.bx-default-pager a {width: 14px; height: 14px;-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 0 3px; }

        .page8 {position: relative;}
        .contact_us {position: absolute; left:50%; margin-left: -480px; width: 475px; padding: 22px 30px 40px; top:96px; /*background: url(../images/fon_pxl2.png);*/ background: rgba( 255, 255, 255, 0.75);-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: #666 0px 0px 8px;
            -moz-box-shadow: #666 0px 0px 8px;
            box-shadow: #666 0px 0px 8px; font: 15px 'Roboto Condensed', sans-serif;}
        .company {font: 24px 'Roboto Condensed', sans-serif; padding: 0 0 20px; letter-spacing: -0.05em;}
        .addres {padding:  0 0 2px;}
        .tel {padding: 0 0 0px;}
        .mail {padding: 0 0 5px;}
        .mail a {color: #1971cc;}
footer { padding-top: 17px;}
.menu_popup {position: fixed; top:50%; margin-top: -104px; left:50%; margin-left: -165px; z-index: 2000; display: none; }
.menu_popup .block2 {float: none;}
.menu_popup .block2 h2 {padding-left: 5px; padding-right: 5px;}
.menu_popup .block2 h2 span {font-size: 21px;}
.item_doc_parent {position: relative;}
.hover_block {position:fixed; width: 100%; height: 100%; background: url(../images/hover_block.png); z-index:1990; top:0;display: none; }
.close {position: absolute; right: -10px; top:-10px;}
    .close a {display: block; background: url(../images/close.png) no-repeat; width:8px; height: 8px; }
/*
.pp_social {display: none;}
.pp_gallery {display: none !important;}*/
@media (max-device-width: 1200px) {
    h1, h2, h3, h4,h5, h6, div, a, li {max-height: 32000px;}
    h1, .example h3, .bl1 h4, .block_exmpl p, .bl2 h4, .doc p, .doc1 li, .doc2 li, .text_letter h5, .text_letter p  {text-align: start;}
    .menu li a {padding: 0 18px;}
    .jq-selectbox li {font-size: 12px; height: 20px; line-height: 20px;}
}