/* ::::: http://bytservic.ru/css/style.css ::::: */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; }
@font-face {
    font-family: "lato_black";
    src: url('font/lato-black-webfont.eot') format("eot"), url('font/lato-black-webfont.woff') format("woff"), url('font/lato-black-webfont.ttf') format("truetype"), url('font/lato-black-webfont.svg') format("svg");
}
@font-face {
    font-family: "lato_bold";
    src: url('font/lato-bold-webfont.eot') format("eot"), url('font/lato-bold-webfont.woff') format("woff"), url('font/lato-bold-webfont.ttf') format("truetype"), url('font/lato-bold-webfont.svg') format("svg");
}
@font-face {
    font-family: "lato_italic";
    src: url('font/lato-italic-webfont.eot') format("eot"), url('font/lato-italic-webfont.woff') format("woff"), url('font/lato-italic-webfont.ttf') format("truetype"), url('font/lato-italic-webfont.svg') format("svg");
}
@font-face {
    font-family: "lato_light";
    src: url('font/lato-light-webfont.eot') format("eot"), url('font/font/lato-light-webfont.woff') format("woff"), url('font/lato-light-webfont.ttf') format("truetype"), url('font/lato-light-webfont.svg') format("svg");
}
@font-face {
    font-family: "lato_mediumitalic";
    src: url('font/lato-mediumitalic-webfont.eot') format("eot"), url('font/lato-mediumitalic-webfont.woff') format("woff"), url('font/lato-mediumitalic-webfont.ttf') format("truetype"), url('font/lato-mediumitalic-webfont.svg') format("svg");
}
@font-face {
    font-family: "lato_regular";
    src: url('font/lato-regular-webfont.eot') format("eot"), url('font/lato-regular-webfont.woff') format("woff"), url('font/lato-regular-webfont.ttf') format("truetype"), url('font/lato-regular-webfont.svg') format("svg");
}
@font-face {
    font-family: "lato_medium";
    src: url('font/lato-medium-webfont.eot') format("eot"), url('font/lato-medium-webfont.woff') format("woff"), url('font/lato-medium-webfont.ttf') format("truetype"), url('font/lato-medium-webfont.svg') format("svg");
}
body { background-color: rgb(255, 255, 255); font-family: "lato_regular"; }
.wrapper { width: 100%; height: auto; margin: 0px auto; overflow: hidden; }
.wrap { width: 100%; height: 100%; max-width: 877px; margin: 0px auto; overflow: hidden; }
.header { position: fixed; width: 100%; min-height: 58px; background-color: #fac053; z-index: 99; }
.logo { width: 42px; height: 58px; display: block; background-image: url('../images/logo.png'); background-position: center center; background-repeat: no-repeat; background-size: 100% auto; margin-left: 28px; float: left; outline: medium none; }
.slog { text-align: center; font-family: "lato_light"; font-size: 14px; color: rgb(255, 255, 255); float: left; margin-top: 3px; }
.slog span { font-family: "lato_black"; font-size: 18px; line-height: 1.5; }
.link_pop { display: block; width: 200px; height: 34px; background-color: rgb(255, 144, 0); background-image: linear-gradient(to top, rgb(232, 48, 44) 0%, rgb(255, 144, 0) 100%); border-radius: 10px; text-align: center; line-height: 34px; font-size: 18px; color: rgb(255, 255, 255); float: left; margin: 12px 0 0 60px; text-decoration: none; }
.link_pop:hover { background-color: rgb(120, 204, 190); background-image: linear-gradient(to top, rgb(232, 48, 44) 0%, rgb(255, 84, 0) 100%);  cursor: pointer;}
.phone { float: right; margin-right: 10px; color: rgb(255, 255, 255); text-align: center; font-size: 14px; margin-top: 11px; }
.phone a { text-decoration: none; color: rgb(255, 255, 255); font-size: 23px; }
.s_1 { width: 100%; height: auto; min-height: 572px; background-image: url('../images/Banner.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: 58px; }
/*.s_1 .bg { height: auto; min-height: 572px; background-image: url('../images/man.png'); background-position: 22px bottom; background-repeat: no-repeat; background-size: 470px auto; }*/
.s_1 h1 { color: #fac053; font-size: 42px; text-shadow: 1px 2px 3px #3C4E4E; text-align: center; font-family: "lato_black"; margin-left: 120px; margin-top: 30px; }
.s_1 .form_wrap { width: 285px; height: 305px; background-color: rgb(255, 255, 255); float: right; margin-right: 22px; margin-top: 130px; text-align: center; }
.s_1 .form_wrap .form_head { color: rgb(0, 0, 0); font-size: 22px; font-family: "lato_bold"; padding-top: 8px; text-transform: uppercase; }
.s_1 .form_wrap .text { color: rgb(0, 0, 0); font-size: 18px; font-family: "lato_medium"; margin-top: 8px; margin-bottom: 18px; }
.s_1 .form_wrap .inp_text { width: 214px; height: 31px; background-color: rgba(0, 0, 0, 0.1); border: 1px solid white; border-radius: 8px; margin-bottom: 15px; text-indent: 11px; font-size: 14px; font-family: "lato_medium"; outline: medium none; }
.s_1 .form_wrap .inp_text[placeholder] { color: rgb(0, 0, 0); }
.s_1 .form_wrap .inp_text::-moz-placeholder { color: rgb(0, 0, 0); }
.s_1 .form_wrap .inp_text:-moz-placeholder { color: rgb(0, 0, 0); }
.s_1 .form_wrap .inp_but { width: 165px; height: 45px; border: medium none; background-color: rgb(226, 133, 0); background-image: linear-gradient(to top, rgb(226, 133, 0) 0%, rgb(255, 234, 56) 100%); border-radius: 8px; color: rgb(255, 255, 255); font-size: 14px; margin-top: 15px; cursor: pointer; }
.s_1 .form_wrap .inp_but:hover { background-color: black; background-image: linear-gradient(to top, rgb(226, 133, 0) 0%, rgb(255, 168, 56) 100%); }
.s_2 { width: 100%; height: auto; min-height: 180px; background-image: url('../images/orange.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.s_2 .item { width: 33.3%; height: auto; float: left; }
.s_2 .item .icon { width: 100%; height: 86px; background-position: center bottom; background-repeat: no-repeat; background-size: auto 60px; }
.s_2 .item .ic_1 { background-image: url('../images/18.png'); }
.s_2 .item .ic_2 { background-image: url('../images/17.png'); }
.s_2 .item .ic_3 { background-image: url('../images/2.png'); }
.s_2 .item p { color: rgb(59, 59, 59); font-size: 18px; font-family: "lato_medium"; text-align: center; margin-top: 20px; }
.s_2 .item p span { font-size: 22px; line-height: 1.2; text-transform: uppercase; }
.s_3 { width: 100%; height: auto; min-height: 311px; overflow: hidden; }
.s_3 .item { width: 33.3%; height: auto; float: left; margin-top: 30px; display: block; }
.s_3 .item .icon { width: 100%; height: 205px; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; display: block; }
.s_3 .item .ic_1 { background-image: url('../images/2-2.png'); }
.s_3 .item .ic_2 { background-image: url('../images/1.png'); }
.s_3 .item .ic_3 { background-image: url('../images/3.png'); }
.s_3 .item .ic_4 { background-image: url('../images/4.png'); }
.s_3 .item .ic_5 { background-image: url('../images/6.png'); }
.s_3 .item .ic_6 { background-image: url('../images/5.png'); }
.s_3 .item .title { color: rgb(0, 0, 0); font-size: 18px; text-align: center; margin-top: 20px; font-family: "lato_black"; text-decoration: none; display: block; }
.s_3 .item .text { color: rgb(0, 0, 0); font-size: 16px; text-align: center; margin-top: 20px; }
/*.s_3 .item .link_pop {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16); width: 170px; height: 40px; background-color: rgb(255, 162, 0); background-image: linear-gradient(to top, rgb(226, 0, 0) 0%, rgb(255, 56, 56) 100%); border-radius: 20px; display: block; margin: 20px auto; line-height: 40px; text-align: center; color: rgb(255, 255, 255); cursor: pointer; }
.s_3 .item .link_pop:hover { background-image: linear-gradient(to top, rgb(226, 0, 0) 0%, rgb(221, 0, 0) 100%); }*/
.s_4 { width: 100%; height: auto; min-height: 878px; }
.s_4 .bg { height: auto; min-height: 878px; background-image: url('../images/man.jpg'); background-position: 23px bottom; background-repeat: no-repeat; background-size: 416px auto; }
.s_4 h2 { text-align: center; color: rgb(70, 70, 70); font-family: "lato_light"; margin-top: 38px; margin-bottom: 38px; font-size: 27px; text-transform: uppercase; }
.s_4 .item { width: auto; height: 90px; margin-left: 465px; margin-bottom: 38px; }
.s_4 .item .icon { width: 98px; height: 90px; float: left; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.s_4 .item .ic_1 { background-image: url('../images/icon_10.png'); }
.s_4 .item .ic_2 { background-image: url('../images/icon_11.png'); }
.s_4 .item .ic_3 { background-image: url('../images/icon_12.png'); }
.s_4 .item .ic_4 { background-image: url('../images/icon_13.png'); }
.s_4 .item .ic_5 { background-image: url('../images/icon_14.png'); }
.s_4 .item .ic_6 { background-image: url('../images/icon_15.png'); }
.s_4 .text_wrap { height: 90px; width: auto; display: table; }
.rev .text > a {color: #fac053;text-decoration: none;}
.bottom-call {
    display: block;
    overflow: hidden;
    margin-top: 20px;
}

.bottom-call .link_pop {
    float: none;
    margin: 0 auto;
}
.s_4 .item p { color: rgb(70, 70, 70); font-size: 18px; text-align: center; display: table-cell; vertical-align: middle; padding-left: 23px; }
.s_5 { width: 100%; height: auto; min-height: 240px; background-image: url('../images/orange-2.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.s_5 h3 { text-align: center; color: rgb(255, 255, 255); font-family: "lato_black"; margin-top: 45px; margin-bottom: 45px; font-size: 18px; text-transform: uppercase; text-shadow: 1px 1px 2px #3c4e4e;}
.s_5 .form_wrap { width: auto; max-width: 690px; height: auto; margin: 0px auto; }
.s_5 .form_wrap .inp_text { width: 213px; height: 30px; background-color: rgba(0, 0, 0, 0.5); border: 1px solid white; border-radius: 8px; text-indent: 11px; font-size: 13px; font-family: "lato_medium"; outline: medium none; margin-right: 30px; color: rgb(255, 255, 255); }
.s_5 .form_wrap .inp_text[placeholder] { color: rgb(255, 255, 255); }
.s_5 .form_wrap .inp_text::-moz-placeholder { color: rgb(255, 255, 255); }
.s_5 .form_wrap .inp_text:-moz-placeholder { color: rgb(255, 255, 255); }
.s_5 .form_wrap .inp_but { width: 165px; height: 45px; background-color: rgb(255, 144, 0);
    background-image: linear-gradient(to top, rgb(232, 48, 44) 0%, rgb(255, 144, 0) 100%); border-radius: 8px; border: medium none; color: rgb(255, 255, 255); font-size: 18px; margin-top: 15px; cursor: pointer; }
.s_5 .form_wrap .inp_but:hover { background-color: black; background-image: linear-gradient(to top, rgb(232, 48, 44) 0%, rgb(255, 84, 0) 100%); }
.s_6 { width: 100%; height: auto; min-height: 472px; }
.s_6 h2 { text-align: center; color: rgb(70, 70, 70); font-family: "lato_light"; margin-top: 37px; margin-bottom: 37px; font-size: 27px; text-transform: uppercase; }
.s_6 .item { width: 33.3%; height: auto; float: left; }
.s_6 .item .rev {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16); width: 215px; height: 465px;  border-radius: 2px;padding:5px 0; margin: 0px auto 30px; position: relative; text-align: center; }
.s_6 .item .rev img { width: 100px; height: 100px; display: block; margin: 15px auto 22px; }
.s_6 .item .rev .text { color: rgb(70, 70, 70); font-family: "lato_light"; font-size: 16px; padding: 0px 8px; }
.s_6 .item .rev .name { color: rgb(70, 70, 70); font-family: "lato_italic"; font-size: 16px; display: block; position: absolute; bottom: 7px; text-align: center; width: 100%; text-transform: uppercase; }
.s_6 .item .rev .date { color: rgb(70, 70, 70); font-size: 13px; display: block; position: absolute; bottom: 29px; text-align: center; width: 100%; }
.s_9 { width: 100%; height: auto; min-height: 512px; background-image: url('../images/s_8.jpg'); background-position: left center; background-repeat: no-repeat; }
.s_9 .form_wrap { width: 450px; height: 375px; background-color: rgb(255, 255, 255); margin: 0px auto; text-align: center; position: relative; top: 75px; }
.s_9 .form_wrap p { color: rgb(0, 0, 0); font-size: 22px; font-family: "lato_medium"; padding-top: 15px; text-transform: uppercase; margin-bottom: 37px; }
.s_9 .form_wrap .inp_text { width: 264px; height: 41px; background-color: rgba(0, 0, 0, 0.5); border: 1px solid white; border-radius: 8px; margin-bottom: 30px; text-indent: 11px; font-size: 14px; font-family: "lato_medium"; outline: medium none; color: rgb(255, 255, 255); }
.s_9 .form_wrap .inp_text[placeholder] { color: rgb(255, 255, 255); }
.s_9 .form_wrap .inp_text::-moz-placeholder { color: rgb(255, 255, 255); }
.s_9 .form_wrap .inp_text:-moz-placeholder { color: rgb(255, 255, 255); }
.s_9 .form_wrap .inp_but { width: 178px; height: 59px; background: rgb(232, 168, 44) linear-gradient(to top, rgb(232, 168, 44) 0%, rgb(255, 216, 0) 100%) repeat scroll 0% 0%; border: 9px solid rgb(212, 212, 212); border-radius: 15px; color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; margin: 26px 37px 36px; }
.s_9 .form_wrap .inp_but:hover { background-image: linear-gradient(to top, rgb(232, 168, 44) 0%, rgb(255, 174, 0) 100%); }
.footer { width: 100%; height: auto; min-height: 75px; background-color: #fac053; }

.popup, .popup-result{ width: 410px; height: 265px; padding-top: 40px; background-color: rgba(0, 0, 0, 0.58); border-radius: 10px; position: fixed; top: 50%; left: 50%; margin-left: -205px; margin-top: -125px; text-align: center; display: none; }
.popup-result p{color:#fff;font-size:20px;}
.popup .inp_text { width: 276px; height: 46px; background-color: white; border-radius: 10px; margin-bottom: 10px; text-indent: 15px; font-size: 18px; font-family: "lato_bold"; outline: medium none; color: rgb(0, 0, 0); border: medium none; }
.popup .inp_text[placeholder] { color: rgb(0, 0, 0); }
.popup .inp_text::-moz-placeholder { color: rgb(0, 0, 0); }
.popup .inp_text:-moz-placeholder { color: rgb(0, 0, 0); }
.popup .inp_but { width: 220px; height: 61px; background-color: rgb(226, 133, 0); background-image: linear-gradient(to top, rgb(226, 133, 0) 0%, rgb(255, 234, 56) 100%); border-radius: 8px; color: rgb(255, 255, 255); font-size: 18px; margin-top: 10px; cursor: pointer; border: medium none; }
.popup .inp_but:hover { background-image: linear-gradient(to top, rgb(232, 168, 44) 0%, rgb(255, 174, 0) 100%); }
.popup_doc{
    width: 90%;
    height:	90%;
    left: 5%;
    margin-left: 0;
    margin-top: 0;
    top: 5%;
    padding-top: 40px;
    background-color: #fff;
    text-align: center;
    display: none;
    border-radius: 10px;
    position: fixed;
    font-size: 18px;
    font-family: "lato_bold";
    outline: medium none;
    text-indent: 15px;
    z-index: 1;
}
.close, .close_doc { width: 30px; height: 30px; background-image: url('../images/close.png'); position: absolute; right: 5px; top: 5px; cursor: pointer; }
.close:hover, .close_doc :hover{ opacity: 0.8; }
@media screen and (max-width: 795px) {
    .logo { display: none; }
    .slog { display: none; }
    .link_pop { float: none; clear: both; margin: 15px auto 0px; }
    .phone { float: none; clear: both; padding-bottom: 10px; margin-right: 0px; }
    .s_1 h1 { margin-top: 50px; }
    .s_4 .bg { background: transparent none repeat scroll 0% 0%; }
    .s_4 .item { width: 450px; height: 120px; margin: 50px auto 0px; }
    .s_5 { padding-bottom: 30px; }
    .s_5 .form_wrap { width: 320px; height: auto; margin: 0px auto; text-align: center; }
    .s_5 .form_wrap .inp_text { margin: 0px 0px 20px; }
    .s_6 .item { width: 100%; margin-bottom: 20px; }
    .s_3 .item { width: 100%; }
}
@media screen and (max-width: 640px) {
    .s_1 { padding-bottom: 40px; }
    .s_1 .bg { background: transparent none repeat scroll 0% 0%; }
    .s_1 h1 { margin-left: 0px; }
    .s_1 .form_wrap { float: none; margin: 60px auto 0px; }
    .s_2 { padding-bottom: 40px; }
    .s_2 .item { width: 100%; }
    .s_4 .item { height: auto; }
    .s_4 .item .icon { width: 100%; }
    .s_4 .text_wrap { width: 100%; }
}
@media screen and (max-width: 520px) {
    .logo { float: none; margin: 0px auto; }
    .slog { float: none; margin-right: 0px; margin-left: 0px; width: 100%; text-align: center; }
    .link_pop { float: none; clear: both; margin: 15px auto 0px; }
    .phone { margin-top: 10px; }
    .s_3 .item { width: 100%; }
    .s_9 .form_wrap { width: 300px; }
    .s_9 .form_wrap .inp_text { width: 280px; }
    .s_9 .form_wrap .inp_but { margin: 10px 0px; }

}
@media screen and (max-width: 480px) {

    .logo { float: none; margin: 10px auto; }
    .slog { float: none; margin-left: 0px; margin-right: 0px; }
    .s_1 .form_wrap { width: 300px; height: auto; padding-bottom: 21px; }
    .s_4 .item { height: auto; width: auto; }
    .s_4 .item .icon { float: none; margin: 0px auto; }
    .s_4 .text_wrap { height: 120px; width: auto; display: block; }
    .s_4 .item p { width: 100%; display: inline-block; padding-left: 0px; margin-top: 20px; }
    .popup { width: 300px; margin-left: -150px; }

    .s_6 .item .rev {
        height: auto;
    }

    .s_6 .item .rev .name, .s_6 .item .rev .date {
        position: static;
        margin-top: 10px;
    }
}
.body-up{
    color:#fff;
    font-size:22px;
    margin-bottom:10px;
}
.personalData > span{
    color: #909baf;
    font-size: 9px;
    line-height: 20px;
    vertical-align: top;
}
.personalData > span > a{
    vertical-align: top;
}
.personalData > span.f14{font-size:14px;}
.white{color:#fff;}
#messenger {
    color: #e22f39;
    font-size: 12px;
    display: block;
}
.errorCheck{border:1px solid #e22f39;padding:5px 0;}