/*
    Created on : 14.07.2017, 14:53:45
    Author     : VMM<vladimirov.m.m@alex-its.uz>
*/
@font-face { font-family: 'Roboto'; src: url('../../fonts/Roboto/RobotoRegular/RobotoRegular.woff') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('../../fonts/Roboto/RobotoRegular/RobotoRegular.woff') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('../../fonts/Roboto/RobotoBold/RobotoBold.woff') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('../../fonts/Roboto/RobotoBold/RobotoBold.woff') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('../../fonts/Roboto/RobotoLight/RobotoLight.woff') format('truetype'); font-weight: 300; font-style: normal; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
h1, h2, h3, h4, h5, h6{ font-weight: 300; }
.xdebug-var-dump{ position: relative; z-index: 99999; }
pre{ position: relative; z-index: 99999; }

.container-fluid.nop,
.col-sm-12.nop{ padding-left: 0; padding-right: 0; }
.nop.lp{ padding-left: 0; }
.nop.rp{  padding-right: 0; }
.row.nop{ margin-left: 0; margin-right: 0; }
.vftvi_show{ display: none; }
.vftvi_hide{ display: block; }
.vmid{ clear: both; float: none; width: 100%; height: 100%; }
.vmid > .p, .vmid > .in{ display: inline-block; vertical-align: middle; }
.vmid > .p{ height: 100%; width: 1px; }
.vmid > .in{ width: 100%; margin-left: -5px; margin-left: -0.5vw; }
.mid .ls, .mid .cc{ display: inline-block; vertical-align: middle; }
.mid .ls{ height: 100%; width: 1px; }
.mid .cc{ width: 100%; margin-left: -5px; margin-left: -0.5vw; }

.pgn{
    margin-top: -12px; margin-top: -1vw;
    padding-left: 70px; padding-left: 5.83vw;
}
.pgn, .pgn ul{ display: block; clear: both; float: none; }
.pgn ul{ list-style: none; padding: 0; margin: 0; }
.pgn ul li{ display: inline-block; vertical-align: top; }
.pgn ul li, .pgn ul li a{
    color: #fff; text-transform: uppercase;
    font-size: 10px; font-size: 0.83vw; line-height: 1;
}
.pgn ul li:after{
    display: inline-block; vertical-align: top;
    clear: both; float: none;
    padding: 0 0 0 7px; padding-left: 0.4vw;
    content: "-";
}
.pgn ul li:last-child:after{ display: none; }
.seemap .pgn ul li,
.seemap .pgn ul li a{ color: #7d6445; font-weight: bold; }

.sp_radio input,
.sp_check input{ display: none; }
.sp_radio label,
.sp_check label{ cursor: pointer; }
.sp_radio  label .ico,
.sp_check label .ico{
    display: inline-block; vertical-align: middle;
    width: 18px; height: 18px;
    width: 1.5vw; height: 1.5vw;
    margin-right: 10px; margin-right: 0.7vw;
    border: 1px solid #000;
    border-radius: 100%;
}
.sp_radio  label .ico:after,
.sp_check label .ico:after{
    content: ' '; display: block;
    width: 10px; height: 10px;
    width: 0.8vw; height: 0.8vw;
    margin: 3px;
    margin: 0.3vw;
    background: #7d6445;
    border-radius: 100%;
    opacity: 0;
    transition:opacity 0.3s;-moz-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -o-transition:opacity 0.3s;
}
.sp_radio label.active .ico:after,
.sp_check label.active .ico:after{ opacity: 1; }

@media(max-width: 1100px){
    .pgn{ margin-top: 0;  padding: 15px; }
    .pgn ul li, .pgn ul li a{ font-size: 12px; }
    .pgn ul li:after{ padding: 0 2px 0 6px; }
    blockquote{ font-size: 14px; }

    .sp_radio  label .ico,
    .sp_check label .ico{
        width: 18px; height: 18px;
        margin-right: 10px;
        border: 1px solid #000;
        border-radius: 100%;
    }
    .sp_radio  label .ico:after,
    .sp_check label .ico:after{
        width: 10px; height: 10px;
        margin: 3px;
    }
}

select.nonest{
    -webkit-appearance: none;
     -moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: '';
     -ms-appearance: none;
     appearance: none;
     background: url('../../images/bg/st_select.png') no-repeat right center;
     padding-right: 22px; padding-right: 1.83vw;
}
select.nonest option{ display: block; font-size: 14px; font-size: 1.1vw; }

.alert{
    position: fixed; z-index: 99;
    top: 30px; top: 2.5vw; left: 5%;
    width: 90%;
}
.alert span{ display: block; }
.alert .close:after{ content: "\e014"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; }


.s_p .in{ position: relative; }
.p_form .in{ position: relative; }
.s_p .preloader{ display: none; }
.s_p .preloader,
.p_form .preloader,
.s_p .preloader .bg,
.p_form .preloader .bg,
.s_p .preloader .ico,
.p_form .preloader .ico{
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
}
.s_p .preloader,
.p_form .preloader{ display: none; }
.s_p .preloader .bg,
.p_form .preloader .bg{ z-index: 1; }
.s_p .preloader .ico,
.p_form .preloader .ico{
    z-index: 2;
    background: url( ../../images/preloader.svg ) no-repeat center center;
    background-size: 15% auto;
}

.s_p.load .preloader,
.p_form.load .preloader{ display: block; }
.p_form.load form { opacity: 0.2; }
.p_form .success_message{
    text-align: center;
}
.p_form legend, .p_form legend h1{
    color: #fff; font-weight: bold; text-align: center;
    border-width: 0;
}
.p_form legend{
    display: inline-block;
    margin-bottom: 20px; margin-bottom: 1.66vw;
}
.p_form legend h1{
    font-size: 24px; font-size: 2vw;
    display: inline-block;
    text-transform: uppercase;
}
.p_form legend h1:after{
    content: " ";
    display: block; width: 80%; margin: 0 auto;
    margin-top: 15px; margin-top: 1.25vw;
    height: 2px; height: 0.2vw;
    background: #fff;
}

.p_form *{ font-size: 14px; font-size: 1.1vw;}
.p_form select,
.p_form button,
.p_form input{
    height: 32px; height: 2.8vw;
    border-radius: 4px; border-radius: 0.3vw;
}

.p_form .form-group{ margin-bottom: 15px; margin-bottom: 1.25vw; }
.p_form .form-group .rp{ font-weight: lighter; position: relative; }
.p_form .has-feedback .form-control{ padding-right: 42px; padding-right: 3.5vw; }
.p_form .form-group.has-feedback .form-control-feedback{
    display: none;
    width: 32px; width: 2.8vw;
    line-height: 32px; line-height: 2.8vw;
    height: auto;
}
.p_form .form-group.has-feedback.has-success select.nonest,
.p_form .form-group.has-feedback.has-error select.nonest{ background: none; }
.p_form .form-group.has-feedback.has-success .form-control-feedback.success{ display: block; }
.p_form .form-group.has-feedback.has-error .form-control-feedback.error{ display: block; }
.p_form .form-group.has-feedback .form-control-feedback-message{
    display: none;
    position: absolute;
    right: 0; top: 37px; top: 3vw;
    z-index: 3;
    padding: 5px 15px; padding: 0.4vw 1.25vw;
    border-radius: 4px; border-radius: 0.33vw;
    box-shadow: 0 0 4px red; color: #212121;
}
.p_form .form-group.has-feedback.focus .form-control-feedback-message{ display: block; }
.p_form .form-group.has-feedback .form-control-feedback-message,
.p_form .form-group.has-feedback .form-control-feedback-message .st:after{
    box-shadow: 0 0 4px #ddd;
    border: 1px solid #ddd; border-width: 0.1vw;
    background: #fff;
}
.p_form .form-group.has-feedback.has-success .form-control-feedback-message,
.p_form .form-group.has-feedback.has-success .form-control-feedback-message .st:after{
    box-shadow: 0 0 4px #d6e9c6;
    border: 1px solid #3c763d; border-width: 0.1vw;
    background: #dff0d8;
    color: #3c763d;
}
.p_form .form-group.has-feedback.has-error .form-control-feedback-message,
.p_form .form-group.has-feedback.has-error .form-control-feedback-message .st:after{
    box-shadow: 0 0 4px #ebccd1;
    border: 1px solid #a94442; border-width: 0.1vw;
    background: #f2dede;
    color: #a94442;
}
.p_form .form-group.has-feedback .form-control-feedback-message .st{
    position: absolute;
    right: 5px; top: -10px; right: 0.4vw; top: -0.83vw;
    width: 20px; height: 10px;  width: 1.66vw; height: 0.83vw;
    overflow: hidden;
}
.p_form .form-group.has-feedback .form-control-feedback-message .st:after{
    content: ' ';
    display: block;
    clear: both; float: none;
    width: 10px; height: 10px; width: 0.83vw; height: 0.83vw;
    margin: 5px; margin: 0.4vw;
    transform: rotate(45deg);
    border-radius: 0;
}
.p_form .form-group.has-feedback .help-block.small{ font-size: 80%; line-height: 1.2; }
.p_form .form-group.has-feedback .p{ position: relative;  }

/* Навигация по страницам */
.pagination{
    clear: both; float: none;
    display: block;
    text-align: left;
}
.pagination a,
.pagination strong{
    display: inline-block;
    padding: 0 6px; margin: 0 1px;
    line-height: 20px;
}
.pagination a{
    color: #2f2c2c;
    background: transparent;
}
.pagination a:hover,
.pagination strong{ color: #7d6445; text-decoration: none; }

.tab-content{ clear: both; float: none; }
.tab-content .tab-hd{ margin: 15px 0; margin: 1vw 0; }
.tab-content .tab-hd .tab-hd-item{
    display: inline-block; vertical-align: top;
    padding: 5px 10px; margin: 0 1px;
    padding: 0.3vw 0.7vw; margin: 0 0.1vw;
    font-size: 16px; font-size: 1.1vw; font-weight: normal; text-transform: uppercase; color: #393C3E;
    border-bottom: 1px solid #393C3E; border-bottom-width: 0.1vw;
    text-decoration: none;
    transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;
}
.tab-content .tab-hd .tab-hd-item:first-child{ padding-left: 0; }
.tab-content .tab-hd .tab-hd-item:last-child{ padding-right: 0; }
.tab-content .tab-hd .tab-hd-item.active{
    font-weight: bold;
    color: #7B6546;
    border-color: #7B6546;
}
.tab-content .tab-bd,
.tab-content .tab-bd .tab-bd-item{ clear: both; float: none;  }
.tab-content .tab-bd .tab-bd-item{ display: none; }
.tab-content .tab-bd .tab-bd-item.active{ display: block; }

/* соц.опрос */
.polls_vote_show .o{ display: none; clear: both; float: none; }
.polls_vote_show.hv .o.have{ display: block; }
.polls_vote_show.rs .o.result{ display: block; }
.polls_vote_show .o .q{
    margin-bottom: 30px; margin-bottom: 2.1vw;
    font-size: 18px; font-size: 1.2vw;
    font-weight: lighter;
}
.polls_vote_show .o .a_l,
.polls_vote_show .o .a_l .a_i{ clear: both; float: none;  }
.polls_vote_show .o .a_l .a_i{ margin: 15px 0; margin: 1vw 0; }
.polls_vote_show .o.have .a_l .a_i input,
.polls_vote_show .o.have .a_l .a_i label{
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    margin: 0;
    cursor: pointer;
}
.polls_vote_show .o.have .a_l .a_i label{
    font-weight: normal; text-transform: uppercase;
    font-size: 12px; font-size: 0.8vw;
    margin-top: -2px; margin-left: 5px;
    margin-top: -0.1vw; margin-left: 0.3vw;
}
.polls_vote_show .o.have .a_l .a_i.fjs input{ display: none; }
.polls_vote_show .o.have .a_l .a_i.fjs *{ display: inline-block; vertical-align: middle; }
.polls_vote_show .o.have .a_l .a_i.fjs label .ico{
    display: inline-block;
    width: 15px; height: 15px;
    width: 1vw; height: 1vw;
    border-radius: 100%;
    border: 1px solid #fff; border-width: 0.1vw;
}
.polls_vote_show .o.have .a_l .a_i.fjs label .ico:after{
    display: block;
    content: ' ';
    width: 7px; height: 7px; margin: 3px;
    width: 0.5vw; height: 0.5vw; margin: 0.15vw;
    border-radius: 100%;
    background: #fff;
    opacity: 0;
    transition:opacity 0.3s;-moz-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -o-transition:opacity 0.3s;
}
.polls_vote_show .o.have .a_l .a_i.fjs label.active .ico:after{ opacity: 1; }
.polls_vote_show .o.have .a_l .a_i.fjs label .text{ margin-left: 10px; margin-left: 0.7vw; }
.polls_vote_show .o.result .a_l .a_i .ans{
    font-weight: normal; text-transform: uppercase;
    font-size: 12px; font-size: 0.8vw;
    margin-bottom: 5px; margin-bottom: 0.3vw;
}
.polls_vote_show .o.result .a_l .a_i .pg_r{
    display: block;
    clear: both; float: none;
    line-height: 1;
}
.polls_vote_show .o.result .a_l .a_i .pg_r:after{ content: ' '; display: block; clear: both; float: none; }
.polls_vote_show .o.result .a_l .a_i .pg_r .pg{
    float: left;
    padding-right: 50px; padding-right: 3.5vw;
    width: 100%;
    height: 25px; height: 1.7vw;
    border-bottom: 1px solid #fff;
}
.polls_vote_show .o.result .a_l .a_i .pg_r .pg .beg{
    height: 100%;
    width: 0%;
    min-width: 20px; min-width: 1.4vw;
    background: #fff;
    opacity: 0.6;
    transition:width 1s;-moz-transition:width 1s; -webkit-transition:width 1s; -o-transition:width 1s;
    transition-timing-function: ease-out;
}
.polls_vote_show .o.result .a_l .a_i .pg_r .voices{
    float: left;
    width: 50px; margin-left: -50px;
    width: 3.5vw; margin-left: -3.5vw;
    text-align: right; font-weight: bold;
}
.polls_vote_show .b{
    display: block; clear: both; float: none;
    margin-top: 20px; margin-top: 1.4vw;
}
.polls_vote_show .b .btn-default{
    padding: 12px 30px; padding: 0.8vw 2.1vw;
    margin: 15px 30px 15px 0; margin: 1vw 2.1vw 1vw 0;

    box-shadow: none;
    border: 1px solid transparent;
    background: none; background-color: #7d6445; background-color: rgba(125,100,69,0.8);
    color: #fff; text-transform: uppercase; font-weight: normal;
    font-size: 12px; font-size: 0.8vw;
    transition:background 0.3s;-moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
.polls_vote_show .b .btn-default:hover{
    background-color: #fff;
    color: #393C3E;
}
.polls_vote_show .b .btn-link{ color: #fff; font-size: 12px; font-size: 0.8vw; text-transform: uppercase; font-weight: bold; white-space: nowrap; }

#voce_ico_reader{
    position: absolute; z-index: 99;
    width: 40px; height: 40px;
    width: 2.8vw; height: 2.8vw;
    margin-top: -20px; margin-top: -1.4vw;
    cursor: pointer;
}
#voce_ico_reader svg{
    width: 100%; height: auto;
    background: #fff;
    border-radius: 100%;
}
#voce_ico_reader svg,
#voce_ico_reader svg path{
    fill:#212121;
    transition:fill 0.3s;-moz-transition:fill 0.3s; -webkit-transition:fill 0.3s; -o-transition:fill 0.3s;
}
#voce_ico_reader:hover svg,
#voce_ico_reader:hover svg path{
    fill:#7F6A4C;
}

/* spoiler */
div.spoiler {
    padding: 5px;
    line-height: 1.6;
}
div.spoiler div.spoiler-title{
    display: inline-block;
    color: #000000;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
div.spoiler div.spoiler-title:after{
    content: ' ';
    display: block;

    clear: both;
    float: none;
    border-bottom: 1px dotted #212121;
}
div.spoiler div.spoiler-title div.spoiler-toggle { display: none; }
div.spoiler div.spoiler-title div.hide-icon {
    /*background: url('../../assets/ckeditor_4/plugins/spoiler_1.0/spoiler/images/minus.png') no-repeat scroll left center transparent;*/
}
div.spoiler div.spoiler-title div.show-icon {
    /*background: url('../../assets/ckeditor_4/plugins/spoiler_1.0/spoiler/images/plus.png') no-repeat scroll left center transparent;*/
}
div.spoiler div.spoiler-content {
    display: none;
    font-size: 12px; font-size: 0.9vw;
    border: 1px solid #bbbbbb;
    border-radius: 4px; border-radius: 0.3vw;
    background: none repeat scroll 0 0 #F5F5F5;
    padding: 14px; padding: 1vw 2vw;
    margin-top: 10px;
}
div.spoiler div.spoiler-content.active{ display: block; }
@media(max-width: 1100px){
    .mid .cc{ margin-left: -5px;  }

    .p_form *{ font-size: 14px; }
    .p_form legend{
        display: inline-block;
        margin-bottom: 20px;
    }
    .p_form legend h1{ font-size: 24px; }
    .p_form legend h1:after{ margin-top: 15px; height: 2px; }

    .p_form select,
    .p_form button,
    .p_form input{
        height: 32px;
        border-radius: 4px;
    }

    .p_form .form-group{ margin-bottom: 15px; }
    .p_form .form-group .rp{ font-weight: lighter; position: relative; }
    .p_form .has-feedback .form-control{ padding-right: 42px;}
    .p_form .form-group.has-feedback .form-control-feedback{ width: 32px;  line-height: 32px; }
    .p_form .form-group.has-feedback .form-control-feedback-message{
        top: 37px;
        padding: 5px 15px;
        border-radius: 4px;
    }
    .p_form .form-group.has-feedback .form-control-feedback-message .st{
        right: 5px; top: -10px;
        width: 20px; height: 10px;
    }
    .p_form .form-group.has-feedback .form-control-feedback-message .st:after{
        width: 10px; height: 10px;
        margin: 5px;
    }
    .p_form .form-group.has-feedback .help-block.small{ font-size: 80%; line-height: 1.2; }

    .tab-content .tab-hd{ margin: 15px 0; }
    .tab-content .tab-hd .tab-hd-item{
        padding: 5px 10px;
        font-size: 16px;
        border-bottom-width: 1px;
    }

    .polls_vote_show .o .q{ margin-bottom: 30px; font-size: 18px; }
    .polls_vote_show .o .a_l .a_i{ margin: 15px 0;}
    .polls_vote_show .o.have .a_l .a_i label{
        font-size: 12px;
        margin-top: -2px; margin-left: 5px;
    }
    .polls_vote_show .o.have .a_l .a_i.fjs label .ico{
        width: 15px; height: 15px;
        border-width: 1px;
    }
    .polls_vote_show .o.have .a_l .a_i.fjs label .ico:after{ width: 7px; height: 7px; margin: 3px; }
    .polls_vote_show .o.have .a_l .a_i.fjs label .text{ margin-left: 10px; }
    .polls_vote_show .o.result .a_l .a_i .ans{ font-size: 12px; margin-bottom: 5px; }
    .polls_vote_show .o.result .a_l .a_i .pg_r .pg{
        padding-right: 50px;
        height: 25px;
        border-bottom-width: 1px;
    }
    .polls_vote_show .o.result .a_l .a_i .pg_r .pg .beg{ min-width: 20px; }
    .polls_vote_show .o.result .a_l .a_i .pg_r .voices{ width: 50px; margin-left: -50px; }
    .polls_vote_show .b{ margin-top: 20px; }
    .polls_vote_show .b .btn-default{
        padding: 12px 30px;
        margin: 15px 30px 15px 0;
        border-width: 1px;
        font-size: 12px;
    }
    .polls_vote_show .b .btn-link{ font-size: 12px; }

    #voce_ico_reader{ width: 40px; height: 40px; margin-top: -20px; }

    /* spoiler */
    div.spoiler div.spoiler-content {
        font-size: 12px;
        border: 1px solid #bbbbbb;
        border-radius: 4px;
        padding: 14px;
    }

    select.nonest{ padding-right: 22px; }
    select.nonest option{ font-size: 14px; }
}
@media(max-width: 768px){
    div.spoiler div.spoiler-content table,
    div.spoiler div.spoiler-content tr,
    div.spoiler div.spoiler-content td{
        display: block;
    }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Основной каркас
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html{ height: 100%; }
body{ min-height: 100%; }
html, body{
    background: #212121;
    font-family: Roboto; font-weight: normal; color: #fff;
    font-size: 14px; font-size: 1.1vw;
    overflow-x: hidden;
}
#header, #footer{ background: #393C3E; color: #fff; }
.wrapper {
    width: 100%;
    min-width: 280px;
    min-height: 100%; height: auto !important;
}
.wrapper .in_wrapper{
    clear: both; float: none;
    padding-bottom: 90px; padding-bottom: 7vw;
}
#header{
    height: auto;
    padding: 0 15px;
}
#header .print_ln{ display: none; }
.w_middle .in_w_middle{ padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }

@media(max-width:1100px){
    html, body{ font-size: 14px; }
    .wrapper .in_wrapper{ padding-bottom: 40px; }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#under_footer{
    background-color: #7d6445;
    padding-left: 70px; padding-left: 5.83vw;
}
@media(max-width:1100px){ #under_footer{ padding-left: 0;} }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Футор
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer{
    position: relative; z-index: 2;
    min-width: 280px; height: 90px;
    margin: -90px auto 0;
    overflow: hidden;
    padding: 20px 20px 20px 70px;
    font-size: 10px; line-height: 1.4;

    height: 7vw;
    margin-top: -7vw;
    padding: 1.57vw 1.57vw 1.57vw 5.5vw;
    font-size: 0.78vw;
}

#footer .lp{ text-align: left; }
#footer .rp{ text-align: right; }
#footer .rp img{ height: 15px; height: 1.18vw; }
#footer .rp .s{
    display: inline-block;
    vertical-align: middle;
    height: 50px; height: 3.91vw;
}
#footer .rp .c{ position: relative; display: inline-block; vertical-align: middle; }
.v_spead{
    position: absolute;
    right: 0;
    bottom: -12px; bottom: -1vw;
    font-size: 7px; font-size: 0.56vw;
    line-height: 1;

}
@media(max-width:1100px){
    #footer{
        height: 40px;
        margin-top: -40px;
        padding: 10px 0;
        font-size: 10px; line-height: 20px;
    }
    #footer .rp img{ height: 20px; }
    #footer .rp .s{ display: none; }
    #footer .rp .c{ display: block; }
    #footer .no_mob{ display: none;  }
    .v_spead{
        font-size: 7px; bottom: -6px;
    }
}
@media(max-width: 768px){
    #footer .lp{ display: block; float: left; }
    #footer .rp{ display: block; float: right; }
    #footer .rp span{ display: none; }
}
@media(max-width: 380px){
    #footer .rp span{ display: none; }
}
@media(max-width: 310px){
    #footer .rp{ display: none; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ шапка
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header{
    position: fixed;
    left: 0; top: 0;
    width: 100%;
    z-index: 12;
    height: 50px; height: 4vw;
}
#header a{ color: #fff; }
#header:after, #header .ln:after{ clear: both; float: none; content: ' '; display: block; }
#header .ln{ clear: both; float: none; }
#header .ln .lp{ float: left; }
#header .ln .rp{ float: right; }
#header .company_logo{
    position: absolute;
    left: 30px; left: 2.5vw;
}
#header .company_logo img{ height: 80px; height: 6.2vw; }

#toogle_left_panel{ display: none; }
#toogle_left_panel{
    display: none;
    float: left;
    height: 30px;
    margin: 10px 10px 10px 15px; padding: 0;
    border: 1px solid #A5A5A5;
    box-shadow: none;
    background: transparent;
}
#toogle_left_panel .in{
    display: block;
    margin: 3px 7px;
}
#toogle_left_panel .in .i{
    display: block;
    clear: both; float: none;
    width: 3px; height: 3px;
    border-radius: 100%;
    background: #A5A5A5;
    margin: 4px 0;
}
#toogle_left_panel:hover{ background: #A5A5A5; }
#toogle_left_panel:hover .in .i{ background: #393C3E; }

#top_menu{
    display: block; float: left;
    padding-left: 150px; padding-left: 11.5vw;
    font-size: 12px; font-size: 1vw;
}
#top_menu ul, #top_menu ul li, #top_menu ul li a{ display: inline-block; vertical-align: middle; }
#top_menu ul, #top_menu ul li{ list-style: none; padding: 0; margin: 0; }
#top_menu ul{ padding: 12px 0; padding: 0.8vw 0; }
#top_menu ul li a{
    padding: 0px 5px; padding: 0.35vw; color: #A5A5A5;
    text-transform: uppercase;
}
#top_menu ul li a span{
    display: inline-block;
    padding: 2px 0; padding: 0.1vw;
    border-bottom: 1px solid transparent; border-bottom: 0.05vw solid transparent;
    transition:border 0.2s;-moz-transition:border 0.2s; -webkit-transition:border 0.2s; -o-transition:border 0.2s;
}
#top_menu ul li.active span,
#top_menu ul li:hover span{
    border-bottom-color: #fff;
    color: #fff;
}

#top_search{
    display: block; float: left;
    position: relative;
    overflow: hidden;
    width: 20px; width: 1.5vw;
    transition:width 0.3s;-moz-transition:width 0.3s; -webkit-transition:width 0.3s; -o-transition:width 0.3s;
    height: 4vw;
}
#top_search .in{
    padding: 8px 0 8px 20px;
    padding: 0.6vw 0 0.6vw 1.5vw;
}
#top_search .open,
#top_search .search{
    display: block;
    position: absolute; z-index: 2; top: 8px; top: 0.9vw;
    padding: 8px 0; padding: 0.5vw 0;
    cursor: pointer;
}
#top_search input{
    padding-right: 30px; padding-right: 2.25vw; opacity: 0;
    height: 2.8vw; font-size: 1vw; border-radius: 0.3vw;
    transition:opacity 0.3s;-moz-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -o-transition:opacity 0.3s;
}
#top_search .open{
    background: transparent; border-width: 0;
    right: 0; top: 10px; top: 0.9vw;
}
#top_search .search{
    display: none;
    right: 8px; right: 0.6vw;
    color: #A5A5A5;
    text-decoration: none;
}
#top_search.active{ width: 250px; width: 21vw; }
#top_search.active input{ opacity: 1;  }
#top_search.active .open{ display: none; }
#top_search.active .search{ display: block; }

#top_search_ajax{
    display: none;
    position: absolute;
    left: 55%;
    width: 30%;
    top: 55px; top:4vw;
    background: #fff;
    border: 1px solid transparent;
    text-align: left; font-size: 12px; font-size: 0.9vw;
    background: #3a3c3e;
    background-color: rgba(58,60,62,0.9);
}
#top_search_ajax,
#top_search_ajax a{ color: #fff; }
#top_search_ajax .close{
    display: block;
    position: absolute;
    right: 7px; top: 4px;
    right: 0.5vw; top: 0.3vw;
    width: 32px; height: 32px;
    width: 2.2vw; height: 2.2vw;
    z-index: 3;
    background: url(../../images/ico/close-white.png) no-repeat center center;
    background-size: 50% auto;
    color: #fff;
    font-weight: bold; font-size: 20px; font-size: 1.4vw;
    opacity: 1;
}
#top_search_ajax ul{
    display: block;
    clear: both; float: none;
    list-style: none;
    margin: 0; padding: 0;
}
#top_search_ajax ul li{ padding: 0; margin: 0; }
#top_search_ajax ul li:last-child{ border-width: 0; }
#top_search_ajax h5,
#top_search_ajax ul li h6{
    border: 1px solid transparent;
    border-width: 1px 0; border-width: 0.1vw 0;
    text-transform: uppercase;
    padding: 10px 20px;
    padding: 0.8vw 1.4vw;
    margin: 0;
}
#top_search_ajax h5{
    font-size: 14px; font-size: 1vw;
    font-weight: lighter;
    background: #414345;
}
#top_search_ajax ul ul{ position: relative; }
#top_search_ajax ul li h6{
    font-size: 12px; font-size: 0.9vw;
    font-weight: normal;
    padding-bottom: 0;
}
#top_search_ajax ul li h6:after{
    content: ' '; clear: both; float: none;
    display: block;
    margin: 10px 0; margin: 0.8vw 0;
    height: 1px; height: 0.1vw;
    background: #a3a3a3;
}
#top_search_ajax ul li:first-child h6{ border-width: 0 0 1px; }
#top_search_ajax ul li li{
    padding-left: 20px; padding-right: 20px;
    padding-left: 1.4vw; padding-right: 1.4vw;
}
#top_search_ajax ul li li .more{
    display: block; text-align: left;
    position: absolute;
    top: -55px; right: 20px;
    top: -3.1vw; right: 1.4vw;
    overflow: hidden;
    width: 30px; height: 20px;
    width: 2.1vw; height: 1.4vw;
}
#top_search_ajax .result_item,
#top_search_ajax .result_item:after{ display: block; clear: both; float: none; }
#top_search_ajax .result_item:after{ content: ' '; }
#top_search_ajax .result_item{ margin: 5px 0; margin: 0.3vw 0; }
#top_search_ajax .result_item .imka{
    float: left;
    width: 50px; height: 50px;
    width: 3.5vw; height: 3.2vw;
    background: #fff;
}
#top_search_ajax .result_item .imka img{ width: 100%; height: 100%; }
#top_search_ajax .no-results{
    padding: 20px 10px; padding: 1.4vw 0.7;
    text-align: center;
}
#top_search_ajax .result_item .con{
    display: block;
    margin-left: 60px; margin-left: 4.2vw;
    margin-bottom: 10px; margin-bottom: 0.7vw;
    height: 40px; height: 2.8vw;
    overflow: hidden; text-overflow: ellipsis;
}
#top_search_ajax #top_search_ajax_pages{ padding-bottom: 20px; padding-bottom: 1.4vw; }
#top_search_ajax.load .result_block{ opacity: 0.1; }

#top_lang_switch{
    font-size: 1.2vw;
    display: inline-block; vertical-align: middle;
    padding: 8px 0; padding: 0.6vw 0;
}
#top_lang_switch select{
    position: relative; top: -0.05vw;
    height: 2.8vw;
    font-size: 1.2vw;
    padding: 0 20px 0 5px; padding: 0 1.8vw 0 0.5vw;
    background-image: url(../../images/bg/st_select_white.png); background-size: auto 15%;
    border-width: 0;
    color: #fff; text-transform: uppercase;
    cursor: pointer;
}
#top_lang_switch option{
    font-size: 1.2vw;
    color: #fff;
    background: #212121;
}

#map_site_view,
#toogle_site_view,
#toogle_site_reader{ display: inline-block; vertical-align: top; }
#map_site_view,
.i_switcher{  margin: 5px; margin: 1.2vw 0.5vw; }
#map_site_view,
.i_switcher *{ cursor: pointer; }
.i_switcher .turn_on{ display: inline-block; }
.i_switcher .turn_off{ display: none; }
.i_switcher.active .turn_on{ display: none; }
.i_switcher.active .turn_off{ display: inline-block; }

@media(max-width: 1100px){
    #header{ height: 50px; }
    #header .company_logo{ position: static; display: block; float: left; }
    #header .company_logo img{ height: 50px; }
    #top_menu{ display: none; }
    #toogle_left_panel{ display: block; }

    #top_search{
        width: 20px; height: 50px;
        position: absolute; z-index: 2;
        left: 115px;
        transition:left,width 0.3s;-moz-transition:left,width 0.3s; -webkit-transition:left,width 0.3s; -o-transition:left,width 0.3s;
    }
    #top_search .in{ padding: 10px 0 10px 20px }
    #top_search .open,
    #top_search .search{ top: 8px; padding: 8px 0; }
    #top_search input{
        padding-right: 30px;
        height: 30px;
        font-size: 14px;
        border-radius: 4px;
    }
    #top_search .open{ right: 0; top: 10px;  }
    #top_search .search{
        display: none;
        right: 8px;
        color: #A5A5A5;
        text-decoration: none;
    }
    #top_search.active{ left: 68px; width: 200px; }
    #top_search.active input{ opacity: 1;  }
    #top_search.active .open{ display: none; }
    #top_search.active .search{ display: block; }

    #top_lang_switch{ font-size: 14px; padding: 10px 0; }
    #top_lang_switch select{
        height: 30px;
        padding: 0 20px 0 5px;
        font-size: 14px;
    }
    #top_lang_switch option{ font-size: 14px; }
    #map_site_view,
    #toogle_site_reader{ display: none; }
    .i_switcher{ margin: 15px 5px;  }

    #top_search_ajax{
        left: 80px; top: 55px; width: 300px;
        font-size: 12px;
    }
    #top_search_ajax .close{
        right: 7px; top: 4px;
        width: 32px; height: 32px;
        font-size: 20px;
    }
    #top_search_ajax h5,
    #top_search_ajax ul li h6{
        border-width: 1px 0;
        text-transform: uppercase;
        padding: 10px 20px;
    }
    #top_search_ajax h5{ font-size: 14px;  }
    #top_search_ajax ul li h6{ font-size: 12px; }
    #top_search_ajax ul li h6:after{ margin: 10px 0; height: 1px; }
    #top_search_ajax ul li:first-child h6{ border-width: 0 0 1px; }
    #top_search_ajax ul li li{ padding-left: 20px; padding-right: 20px; }
    #top_search_ajax ul li li .more{
        top: -50px; right: 20px;
        width: 30px;
        height: 14px;
    }
    #top_search_ajax .result_item{ height: 50px; margin: 5px 0; }
    #top_search_ajax .result_item .imka{ width: 50px; height: 50px; }
    #top_search_ajax .result_item .imka img{ width: 100%; height: 100%; }
    #top_search_ajax .no-results{ padding: 20px 10px; }
    #top_search_ajax .result_item .con{
        display: block;
        margin: 0 0 0 60px;
        padding: 5px 0 0px 0;
        height: 35px;
    }
    #top_search_ajax #top_search_ajax_pages{ padding-bottom: 20px; }
}
@media(max-width:420px){
    #top_search_ajax{ left: 0; top: 55px; width: 100%; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ боковая панель
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#left_sidebar{
    position: fixed; z-index: 11;
    top: 0; left: 0;
    height: 100%;
}
#left_sidebar .s{
    position: absolute; top: 0; left: 0; z-index: 2;
    width: 100%; height: 8.3vw;
}
#left_sidebar .in_1,
#left_sidebar .in_2{
    position: absolute; top: 0; left: 0;
    height: 100%;
    color: #fff;
}
#left_sidebar .in_1{
    z-index: 1;
    overflow: hidden;
}
#left_sidebar .in_2{
    overflow-x: hidden; overflow-y: scroll;
    width: 150px; width: 12.5vw;
}
#left_sidebar .in_3{ padding: 100px 0; padding: 8.3vw 0; }

#left_menu ul{ display: none; }
#left_menu ul.level_1,
#left_menu ul.level_1 > li{
    list-style: none;
    padding: 0; margin: 0;
    display: block;
    width: 100%;
}
#left_menu ul.level_1 > li > a{
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 10px 5px; padding: 0.8vw 0.4vw;
    text-decoration: none; text-align: center;
    transition:background 0.3s;-moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
#left_menu ul.level_1 > li > a span{
    display: block;
    margin-top: 0;
    text-decoration: none; text-align: center; font-size: 8px; font-size: 0.6vw; line-height: 1.2;
}
#left_menu ul.level_1 > li.active > a,
#left_menu ul.level_1 > li:hover > a,
#left_menu ul.level_1 > li.hover > a{ background-color: #404345; }
#left_menu ul.level_1 > li.active > a i,
#left_menu ul.level_1 > li:hover > a i,
#left_menu ul.level_1 > li.hover > a i{ color: #746549; }


#left_sidebar .ft{
    position: absolute; left: 0; bottom: 0; z-index: 2;
    padding-top: 10px; padding-top: 0.83vw;
}
#left_sidebar .ft ul,
#left_sidebar .ft ul li{
    display: block; clear: both; float: none;
    padding: 0; margin: 0;
}
#left_sidebar .ft ul li{ margin: 2px 0; margin: 0.15vw 0; }
#left_sidebar .ft ul li a{
    display: block;
    background: #404345;
    padding: 7px 0; padding: 0.58vw 0;
    color: #A5A5A5; text-align: center;
}
#left_sidebar i.svg{
    display: block;
    width: 40%;
    margin: 0 auto;
    overflow: hidden;
}
#left_sidebar .ft i.svg{ width: 30%; }
#left_sidebar i.svg svg{ width: 100%; height: auto; }

#left_sidebar,
#left_sidebar .in_1,
#left_sidebar .in_3,
#left_sidebar .ft{ width: 70px; width: 5.83vw; }
#left_sidebar .s,
#left_sidebar, #left_sidebar .ft{ background: #393C3E; }

#left_menu ul.level_1 > li > a,
#left_sidebar .ft ul li a{ color: #A5A5A5; }
#left_sidebar i.svg svg{ fill: #A5A5A5; }
#left_sidebar li.active i.svg svg,
#left_sidebar li.hover i.svg svg,
#left_sidebar li:hover i.svg svg{ fill: #746549; }

#left_menu ul.level_1 > li > a i,
#left_sidebar .ft ul li a i{ font-size: 20px; font-size: 1.6vw; }
#left_sidebar .for_mob{ display: none; }

.popup,
.popup .bg,
.popup .in,
.left_panel_menu_sub,
.left_panel_menu_sub .bg,
.left_panel_menu_sub .in{
    display: block; float: none; clear: both;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
}

.popup,
.left_panel_menu_sub{ z-index: 9; }
.popup .bg,
.left_panel_menu_sub .bg{
    z-index: 1;
    background: #484b4d;
    opacity: 0.8;
}

.popup .in,
.left_panel_menu_sub .in{
    z-index: 2;
    padding: 90px 120px 70px; padding: 7.5vw 10vw 5.83vw;
    overflow-x: hidden; overflow-y: auto;
}

.popup .close,
.left_panel_menu_sub .close{
    position: absolute; z-index: 3;
    display: block;

    width: 32px; height: 32px;
    width: 2.2vw; height: 2.2vw;
    background: url(../../images/ico/close-white.png) no-repeat center center;
    background-size: 50% auto;
    color: #fff; font-weight: bold; font-size: 20px;
    opacity: 1;
}
.popup .close{
    right: 37px; top: 73px;
    right: 2.6vw; top: 1.2vw;
}
.left_panel_menu_sub .close{
    right: 37px; top: 73px;
    right: 2.6vw; top: 5.2vw;
}
.left_panel_menu_sub .in a{ color: #fff; }
.left_panel_menu_sub .in ul{
    list-style: none;
    padding: 0; margin: 0;
}
.left_panel_menu_sub .in ul,
.left_panel_menu_sub .in ul li,
.left_panel_menu_sub .in ul li a{ display: block; }
.left_panel_menu_sub .in ul.level_2 > li > a{
    display: block;
    margin-bottom: 20px; margin-bottom: 1.6vw;
    font-size: 28px; font-size: 2.3vw; font-weight: 300; text-decoration: none;
}
.left_panel_menu_sub .in ul.level_3{
    margin: 0 -30px; margin: 0 -2.5vw;
    text-transform: uppercase;
}
.left_panel_menu_sub .in ul.level_3:after{ display: block; content: ' '; float: none; clear: both; }
.left_panel_menu_sub .in ul.level_3 > li{
    float: left; width: 33%;
    padding: 0 30px; padding: 0 2.5vw;
    margin: 15px 0; margin: 1.25vw 0;
}
.left_panel_menu_sub .in ul.level_3 > li > a{
    padding-bottom: 15px; margin-bottom: 15px; padding-bottom: 1.25vw; margin-bottom: 1.25vw;
    border-bottom: 2px solid #fff; border-bottom-width: 0.15vw;
}
.left_panel_menu_sub .in ul.level_3 > li > a span{
    display: inline-block; vertical-align: middle;
    margin-top: 5px; margin-bottom: 0.41vw;
    padding-left: 15px; padding-left: 1.25vw;
    font-weight: bold;
}
.left_panel_menu_sub .in ul.level_3 > li > a i{
    display: inline-block; vertical-align: middle;
    font-size: 28px; font-size: 2.33vw;
}
.left_panel_menu_sub .in ul.level_3 > li > a i.svg{
    width: 40px; height: 40px;
    width: 2.8vw; height: 2.8vw;
}
.left_panel_menu_sub .in ul.level_3 > li > a i.svg svg{ width: 100%; height: 100%; }
.left_panel_menu_sub .in ul.level_3 > li > a i.svg svg *{ fill: #fff; }
.left_panel_menu_sub .in ul.level_3 > li ul{
    list-style: none;
    padding: 0; margin: 0;
}
.left_panel_menu_sub .in ul.level_3 > li ul li{
    margin: 10px 0; margin: 0.83vw 0;
    font-size: 10px; font-size: 0.83vw;
}
.left_panel_menu_sub ul.level_4 > li.active a span{ text-decoration: underline; }

@media(min-width:1100px){
    .left_panel_menu_sub .parent n_0_0_1,
    .left_panel_menu_sub .parent.n_0_0_2{
        min-height: 270px; min-height: 18vw;
    }
    .left_panel_menu_sub .parent.n_1_0_2 ,
    .left_panel_menu_sub .parent.n_1_0_2{
        min-height: 200px;
        min-height: 18vw;
    }
}

@media(min-width:1100px){
}

.popup{ display: none; }
.popup.active{ display: block; }
.popup .close{ display: block; }
.popup{ z-index: 13; }
.popup .in:after{ content: ' '; display: block; float: none; clear: both; }

@media(max-width:1100px){
    #left_sidebar{
        left: -250px;
        transition:left 0.3s;-moz-transition:left 0.3s; -webkit-transition:left 0.3s; -o-transition:left 0.3s;
    }
    #left_sidebar.active{
        left: 0;
    }
    #left_sidebar .for_mob{ display: block; }
    #left_sidebar .s{ height: 60px; }
    #left_sidebar .in_2{ width: 350px;  }
    #left_sidebar .in_3{ padding: 60px 0 100px; }


    #left_sidebar .ft i.svg,
    #left_sidebar i.svg{
        display: inline-block; vertical-align: middle;
        width: 20px;
    }
    #left_sidebar i.svg svg{ fill: #fff; }

    #left_menu{
        text-align: left;
    }
    #left_menu ul.level_1 > li > a{
        padding: 10px 15px;
        text-align: left;
        color: #fff;
    }

    #left_menu ul.level_1 > li > a span{
        display: inline-block;
        font-size: 13px; line-height: 25px;
        width: 170px;
        overflow: hidden; text-overflow: ellipsis;
        white-space: nowrap; vertical-align: middle;
        text-align: left;
    }
    #left_menu ul.level_1 > li > a i{ margin-right: 10px; }
    #left_menu ul.level_1 > li:hover > a, #left_menu ul.level_1 > li.hover > a{ background-color: #2e3032; }
    #left_menu ul li.parent a{
        background-image: url(../../images/bg/mn_parent.png);
        background-position: right center;
        background-repeat: no-repeat;
    }
    #left_menu ul.level_1 > li:hover > a i, #left_menu ul.level_1 > li.hover > a i{ color: #fff; }

    #left_sidebar .ft{ padding-top: 0; overflow: hidden; }
    #left_sidebar .ft .for_mob{ display: inline; }
    #left_sidebar .ft ul li{
        position: relative;
        float: left; clear: none;
        margin: 2px 0;
        width: 50%;
    }
    #left_sidebar .ft ul li:first-child{ left: -1px; }
    #left_sidebar .ft ul li:last-child{right: -1px;}
    #left_sidebar .ft ul:after{ clear: both; float: none; content: ' '; display: block; }
    #left_sidebar .ft ul li a{ padding: 10px 0; font-size: 10px;}
    #left_sidebar .ft ul li a i{ margin-right: 5px; }

    #left_sidebar,
    #left_sidebar .in_1,
    #left_sidebar .in_3,
    #left_sidebar .ft{ width: 250px;  }

    #left_menu ul.level_1 > li > a i,
    #left_sidebar .ft ul li a i{ font-size: 14px; }

    .left_panel_menu_sub{ z-index: 13; }
    .popup .bg,
    .left_panel_menu_sub .bg{
        z-index: 1;
        background: #484b4d;
        opacity: 1;
    }
    .popup .close,
    .left_panel_menu_sub .close{ width: 32px; height: 32px; }
    .popup .close{ right: 10px; top: 10px; }
    .left_panel_menu_sub .close{ right: 27px; top: 12px; }
    .left_panel_menu_sub .in{ padding: 12px 60px 20px 30px; }
    .left_panel_menu_sub .in ul.level_2 > li > a{
        margin-bottom: 20px;
        font-size: 22px;
    }
    .left_panel_menu_sub .in ul.level_3{ margin: 0 -30px; }
    .left_panel_menu_sub .in ul.level_3 > li{
        clear: both; float: none; width: 100%;
        padding: 0 30px;
        margin: 15px 0;
    }
    .left_panel_menu_sub .in ul.level_3 > li > a{
        padding-bottom: 15px; margin-bottom: 15px;
        border-bottom: 1px solid #fff;
    }
    .left_panel_menu_sub .in ul.level_3 > li > a span{
        margin-top: 5px;
        padding-left: 10px;
    }
    .left_panel_menu_sub .in ul.level_3 > li > a{
        font-size: 12px;
    }
    .left_panel_menu_sub .in ul.level_3 > li > a i{
        font-size: 22px;
    }
    .left_panel_menu_sub .in ul.level_3 > li ul li{
        margin: 10px 0;
        font-size: 10px;
    }
    .left_panel_menu_sub .in ul.level_3 > li > a i.svg{ width: 22px; height: 22px; }
    .popup .in{
        z-index: 2;
        padding: 15px;
        overflow-x: hidden; overflow-y: auto;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Курс валют
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#w_exchange_rate{
    clear: both; float: none;
    padding: 30px 0; padding: 2.1vw;
    text-transform: uppercase;
}
#w_exchange_rate h4{
    font-weight: bold; font-size: 16px; font-size: 1.1vw;
    margin-bottom: 20px; margin-bottom: 1.4vw;
}
#w_exchange_rate .cb h4{ margin-bottom: 40px; margin-bottom: 2.8vw; }
#w_exchange_rate .ls *{font-weight: bold; font-size: 14px; font-size: 1vw; }
#w_exchange_rate .ls, #w_exchange_rate .hi{ margin: 5px 0; margin: 0.3vw; }
#w_exchange_rate .ls,
#w_exchange_rate .hi,
#w_exchange_rate .ls:after,
#w_exchange_rate .hi:after{ clear: both; float: none; display: block; }
#w_exchange_rate .ls:after,
#w_exchange_rate .hi:after{ content: ' ';}
#w_exchange_rate .na,
#w_exchange_rate .pr,
#w_exchange_rate .po{
    width: 33%; float: left;
    min-height: 10px;
}
#w_exchange_rate .hi { font-size: 12px; font-size: 0.8vw; color: #c8c8c7; }

@media(max-width: 1100px){
    #w_exchange_rate{ padding: 30px 15px; }
    #w_exchange_rate .col-sm-6{
        width: auto; clear: both; float: none;
        max-width: 320px;
        margin-bottom: 40px;
    }
    #w_exchange_rate .cb h4,
    #w_exchange_rate h4{
        font-size: 18px;
        margin-bottom: 20px;
    }
    #w_exchange_rate .ls *{ font-size: 14px;}
    #w_exchange_rate .ls, #w_exchange_rate .hi{ margin: 5px 0; }
    #w_exchange_rate .hi { font-size: 12px; }
}
@media(max-width: 767px){
    #w_exchange_rate .col-sm-6.cb{ margin-bottom: 0; }
}
@media(max-width: 360px){
    #w_exchange_rate{ padding: 30px 0; }
    #w_exchange_rate .cb h4,
    #w_exchange_rate h4{
        font-size: 14px;
        margin-bottom: 20px;
    }
    #w_exchange_rate .ls *{ font-size: 12px;}
    #w_exchange_rate .ls, #w_exchange_rate .hi{ margin: 5px 0; }
    #w_exchange_rate .hi { font-size: 10px; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ подписаться и поиск
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.w_uf{
    margin-left: auto;
    width: 350px; width: 25vw;
    clear: both; float: none;
    margin-top: 30px; margin-top: 2.1vw;
}
.w_uf:after{ content: ' '; clear: both; float: none; display: block; }
.w_uf h4{
    font-weight: bold; font-size: 14px; font-size: 1vw;
    margin-bottom: 15px; margin-bottom: 1vw;
    text-transform: uppercase;
}
.w_uf .cont input,
.w_uf .cont button{
    border-radius: 7px; border-radius: 0.5vw;
    border: 1px solid transparent;
    height: 32px; height: 2.2vw;
    font-size: 12px; line-height: 18px;
    font-size: 0.8vw; line-height: 1.2vw;
    padding: 6px 10px; padding: 0.4vw 0.7vw;
    box-shadow: none;
}
.w_uf .cont input{ width: 60%; color: #191C1E; }
.w_uf .cont button{
    background: #36393c;
    text-transform: uppercase;
    margin-left: 4%;
    color: #fff;
    padding-left: 15px; padding-left: 1vw;
    padding-right: 15px; padding-right: 1vw;
    transition:background,color 0.3s;-moz-transition:background,color 0.3s; -webkit-transition:background,color 0.3s; -o-transition:background,color 0.3s;
}
.w_uf .cont button:hover{
    background: #fff;
    color: #36393c;
}
#w_news_subscription{ margin-top: 40px; margin-top: 2.8vw; }

.w_uf .cont .ico{
    display: none;vertical-align: middle;
    height: 32px; width: 36px;
    height: 2.2vw; width: 2.5vw;
    margin-left: -36px; margin-left: -2.5vw;
    font-size: 14px; line-height: 28px;
    font-size: 1vw; line-height: 2vw;
    text-align: center;
    float: none; clear: both;
}
.w_uf .cont .ico.success{ color: #3c763d; }
.w_uf .cont .ico.error{ color: #a94442; }

.w_uf .mess,
.w_uf .mess *{ display: none; }
.w_uf.success .mess{ display: block; }
.w_uf.error .mess, .w_uf.success .mess{ display: block; }
.w_uf .cont.success .ico.success{ display: inline-block; }
.w_uf .cont.error .ico.error{ display: inline-block; }
.w_uf.success .s{ display: inline; }
.w_uf.error .mess .e{ display: inline; }
.w_uf.error .cont, .w_uf.success .cont{ display: none; }

@media(max-width: 1100px){
    .w_uf{ width: 350px; margin-top: 30px; }
    .w_uf h4{ font-size: 14px; margin-bottom: 15px; }
    .w_uf .cont input,
    .w_uf .cont button{
        height: 32px;  padding: 6px 10px;
        border-radius: 7px;
        font-size: 12px; line-height: 18px;
    }
    .w_uf .cont button{ padding-left: 15px;  padding-right: 15px; }
    #w_news_subscription{ margin-top: 40px; }
    .w_uf .cont .ico{
        height: 32px; width: 36px;
        margin-left: -36px;
        font-size: 14px; line-height: 28px;
    }
}
@media(max-width: 767px){
    .w_uf{
        margin-left: 0; margin-top: 0; margin-bottom: 20px;
        padding: 0 15px;
        width: 400px;
    }
    .w_uf h4{ font-size: 14px; margin-bottom: 15px; }
    .w_uf .cont input,
    .w_uf .cont button{
        border-radius: 7px;
        height: 32px;
        font-size: 12px; line-height: 18px;
        padding: 6px 10px;
    }
    .w_uf .cont button{ padding-left: 15px; padding-right: 15px; }
    #w_news_subscription{ margin-top: 0; }
    #w_search{ margin-bottom: 60px; }
}
@media(max-width: 420px){
    .w_uf{ width: auto; }
    .w_uf .cont input{
        float: left;
        width: 100%;
        border-radius: 4px;
        padding-right: 120px;
    }
    .w_uf .cont button{
        position: absolute;
        border-radius: 0 4px 4px 0;
        width: 100px;
        font-size: 10px; line-height: 20px;
        margin-left: -100px;
    }
}
@media(max-width: 360px){
    .w_uf{ padding: 0; }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Кнопки интернет банкинг и персональный кабинет
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#top_right_buttons{
    position: absolute; z-index: 3;
    right: 15px; right: 1.25vw;
    top: 60px; top: 5vw;
}
#top_right_buttons .btn.btn-default{
    position: relative;
    display: block;
    width: 100%;
    margin: 15px 0; margin: 1.25vw 0;
    padding: 10px; padding: 0.83vw;
    background: transparent;
    border-width: 0;
    box-shadow: none;
    color: #fff; text-shadow: none;
}
#top_right_buttons .btn .bg{
    position: absolute; z-index: 1;
    top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0.6;
}
#top_right_buttons .btn:hover .bg{ opacity: 1; }
#top_right_buttons .btn .in{ position: relative; z-index: 2; }
#top_right_buttons .btn.btn-default,
#top_right_buttons .btn.btn-default .bg,
#top_right_buttons .btn.btn-default .in{ border-radius: 4px; border-radius: 0.33vw; }
#top_right_buttons .btn.btn-default .in:after{ display: block; float: none; clear: both; }
#top_right_buttons .btn.btn-default .in i{
    display: block; float: left;
    text-align: center;
    width: 20px; width: 1.66vw;
    font-size: 14px; font-size: 1.2vw;
}
#top_right_buttons .btn.btn-default .in span{
    display: block;
    margin-left: 30px; margin-left: 2.5vw;
    text-align: center;
    text-transform: uppercase; font-size: 12px; font-size: 1vw;
}
#internet_banking_button .bg{ background-color: #393C3E; }
#personal_cabinet_button .bg{ background-color: #746549; }
@media(max-width:1100px){
    #top_right_buttons{ right: 15px; top: 60px; }
    #top_right_buttons .btn.btn-default{ margin: 15px 0; padding: 10px; }
    #top_right_buttons .btn.btn-default,
    #top_right_buttons .btn.btn-default .bg,
    #top_right_buttons .btn.btn-default .in{ border-radius: 4px;}
    #top_right_buttons .btn.btn-default .in i{ float: none; width: 20px; font-size: 14px; }
    #top_right_buttons .btn.btn-default .in span{ display: none; margin-left: 30px; font-size: 12px; }
}
@media(max-width:1100px) and ( orientation: landscape ){
    #top_right_buttons{ width: 100px; }
    #top_right_buttons .btn.btn-default{ display: inline-block; width: 40px; }
    #top_right_buttons .btn.btn-default{ margin: 10px 0 0;}
    #top_right_buttons .btn.btn-default:first-child{ margin-right: 10px;}
}
@media(max-width:1100px) and ( orientation: portrait ){
    #top_right_buttons .btn.btn-default:first-child{ margin-top: 5px;}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Контентная часть
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main_container{ padding: 70px 0 0 70px; padding: 5.83vw 0 0 5.83vw; }
main{
    /*display: none;*/
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Слайдер
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#position_top_slider .in,
#position_top_slider .s{ height: 100vh; min-height: auto; max-height: auto; }
#position_top_slider .s{ margin-top: -70px; margin-top: -5.83vw; }
#position_top_slider .in{ position: absolute; left: 0; top: 0; width: 100%; z-index: 1; }
#position_top_slider .in .cn{
    position: absolute; z-index: 1;
    width: 100%; height: 100%;
    overflow: hidden;
    padding: 50px 0 0 70px; padding: 4vw 0 0 5.83vw;
}
#position_top_slider .in .ft{
    overflow: hidden;
    position: absolute; bottom: 0; left: 0; z-index: 2;
    height: 50px; height: 4vw; width: 100%;
    padding-left: 70px; padding-left: 5.83vw;
    background-color: #393C3E;
    opacity: 0.8;
}
#position_top_slider .in .ft *{ vertical-align: top; }
#position_top_slider .in .ft .container-fluid{ padding-left: 24px; padding-right: 24px; padding-left: 2vw; padding-right: 2vw; }
#position_top_slider .in .ft .row{ margin-left: -24px; margin-right: -24px; }
#position_top_slider .in .ft .col{
    padding-top: 18px; padding-top: 1.2vw;
    padding-left: 24px; padding-right: 24px; padding-left: 2vw; padding-right: 2vw;
    line-height: 24px; line-height: 2vw;
    text-transform: uppercase;
}
#position_top_slider .in .ft .col.lp{ float: left; }
#position_top_slider .in .ft .col.rp{ float: right; }
#position_top_slider .in .ft .col.filial select.nonest{
    vertical-align: top;
    margin-right: 1vw;
    padding-left: 1vw; padding-right: 1.8vw;
    background-color: #fff; background-size: auto 20%;
    color: #393C3E;
    font-size: 12px; font-size: 1vw;
}
#position_top_slider .in .ft .col.filial select.nonest,
#position_top_slider .in .ft .col.filial button{
    border-width: 0; border-radius: 4px; border-radius: 0.4vw;
    height: 24px; height: 2vw;
    line-height: 2vw; font-weight: normal;
}
#position_top_slider .in .ft .col.filial button{
    padding: 1px 12px; padding: 0 1vw 0;
    background: #7B6546;
    box-shadow: none;
    text-transform: uppercase; color: #fff; font-size: 10px; font-size: 0.8vw; text-shadow: none; font-weight: bold;
    transition:background,color 0.3s;-moz-transition:background,color 0.3s; -webkit-transition:background,color 0.3s; -o-transition:background,color 0.3s;
}
#position_top_slider .in .ft .col.filial button:hover{
    background: #fff;
    color: #7B6546;
}
#position_top_slider .in .ft .col.filial label,
#position_top_slider .in .ft .col.phones .i{
    display: inline;
    font-size: 0.8vw; padding-right: 0.5vw; vertical-align: top; font-weight: bold;
}
#position_top_slider .in .ft .col.phones{ text-align: right; }
#position_top_slider .in .ft .col.phones .i{ margin-right: 3vw; }
#position_top_slider .in .ft .col.phones .i .t{ margin-right: 0.5vw; }
#position_top_slider .in .ft .col.phones .i .n{
    position: relative; top: -0.1vw;
    color: #fff; font-size: 1.3vw;
}

#position_top_slider .sliers_items,
#position_top_slider .sliers_items .item,
#position_top_slider .sliers_items .item .im,
#position_top_slider .sliers_items .item .tx{
    display: block;
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
}
#position_top_slider .sliers_items,
#position_top_slider .sliers_items .item{ overflow: hidden; }
#position_top_slider .sliers_items .item{ z-index: 1;
    background-color: #212121;
    opacity: 0.2;
    transition:opacity 0.3s;-moz-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -o-transition:opacity 0.3s;
}
#position_top_slider .sliers_items .item.active{ z-index: 2; opacity: 1; }
#position_top_slider .sliers_items .item .im{
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#position_top_slider .sliers_items .item .tx{ z-index: 2; padding: 50px 0 0 70px; padding: 4vw 0 0 5.83vw; }
#position_top_slider .sliers_items .item .tx .cc{
    text-align: center;
    margin-top: -70px; margin-top: -5.83vw;
}
#position_top_slider .sliers_items .item .tx .cc .l_hd{ display: inline-block; }
#position_top_slider .sliers_items .item .tx .cc .l_hd span{
    font-size: 32px; font-size: 2.2vw;
    font-weight: bold; text-transform: uppercase;
}
#position_top_slider .sliers_items .item .tx .cc .l_hd span:after{
    content: ' ';
    display: block; clear: both; float: none;
    width: 80%; margin: auto;
    padding-bottom: 15px; margin-bottom: 15px;
    padding-bottom: 1.1vw; margin-bottom: 1.1vw;
    border-bottom: 1px solid #fff;
}
#position_top_slider .sliers_items .item .tx .cc .l_tx{ font-size: 16px; font-size: 1.2vw; }
#position_top_slider .sliers_items .item .tx .cc .l_mr{
    position: relative;
    margin: 25px 0 20px; padding: 0px 25px;
    margin: 1.7vw 0 1.4vw; padding: 0px 1.7vw;
    height: 36px; height: 2.5vw;
    line-height: 34px; line-height: 2.4vw;

    background: transparent;
    border-width: 0; box-shadow: none;
    color: #fff; text-shadow: none;
}
#position_top_slider .sliers_items .item .tx .cc .l_mr .b_bg{
    position: absolute; z-index: 1;
    top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0.2;
    border-radius: 4px; border-radius: 0.33vw;
    background: #fff;
    transition:background 0.3s;-moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
#position_top_slider .sliers_items .item .tx .cc .l_mr:hover .b_bg{ opacity: 0.1; }
#position_top_slider .sliers_items .item .tx .cc .l_mr .b_in{
    text-transform: uppercase;
    font-size: 10px; font-size: 0.7vw; line-height: 100%; vertical-align: middle;
}

#position_top_slider .p_load{
    display: none;
    position: absolute; z-index: 3;
    right: 20px; right: 1.4vw; bottom: 70px; bottom: 5.83vw;
}
#position_top_slider .loading .p_load{ display: block; }
#position_top_slider .p_load .pl_im,
#position_top_slider .p_load .pl_tx{
    display: inline-block; vertical-align: middle;
    font-size: 12px;
}
#position_top_slider .p_load .pl_im{
    width: 24px; height: 24px;
    margin-right: 5px;
}
#position_top_slider .p_load .pl_im svg{
    width: 100%; height: 100%;
}
#position_top_slider .p_load .pl_im svg path{ fill: #fff; }

#position_top_slider .points{
    position: absolute; z-index: 2;
    bottom: 75px; bottom: 6vw; left: 0;
    display: block;
    width: 100%;
    padding-left: 70px; padding-left: 5.83vw;
    text-align: center;
}
#position_top_slider .points .point{
    display: inline-block;
    width: 10px; height: 10px;
    width: 0.7vw; height: 0.7vw;
    border-radius: 100%; border: 1px solid #fff;
    margin: 0 3px; margin: 0.2vw;
    background: transparent;
    cursor: pointer;
    transition:background 0.3s;-moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
#position_top_slider .points .point:hover,
#position_top_slider .points .point.active{ background: rgba(255,255,255,0.2); }

#position_top_slider .st .back,
#position_top_slider .st .next{
    position: absolute; top: 50%; z-index: 4;
    margin-top: -25px; margin-top: -1.75vw;
    width: 50px; height: 50px;
    width: 3.5vw; height: 3.5vw;
    line-height: 0;font-size: 0;
    background-repeat: no-repeat; background-position: center center; background-size: auto 100%;
    cursor: pointer;
    opacity: 0.6;
    transition:opacity 0.3s;-moz-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -o-transition:opacity 0.3s;
}
#position_top_slider .st .back:hover,
#position_top_slider .st .next:hover{ opacity: 1; }
#position_top_slider .st .back{
    left: 85px; left: 6.83vw;
    background-image: url(../../images/ico/st-left-white.png);

}
#position_top_slider .st .next{
    right: 15px; right: 1vw;
    background-image: url(../../images/ico/st-right-white.png);
}

@media( orientation: landscape ){
    #position_top_slider .in,
    #position_top_slider .s{ height: 100vh; min-height: 48vw; max-height: auto; }
}
@media( orientation: portrait ){
    #position_top_slider .in,
    #position_top_slider .s{ height: 100vh; min-height: auto; max-height: 180vw;  }
    #position_top_slider .sliers_items .item .im{ background-size: auto 100%; }
}
@media(max-width:1100px){
    #position_top_slider .in .cn,
    #main_container{ padding: 50px 0 0; }

    #position_top_slider .s{ margin-top: -50px; }
    #position_top_slider .in .ft{ height: 50px; padding-left: 0; }
    #position_top_slider .in .ft .container-fluid{ padding-left: 15px; padding-right: 15px; }
    #position_top_slider .in .ft .row{ margin-left: -15px; margin-right: -15px; }
    #position_top_slider .in .ft .col{
        padding-top: 12px; padding-left: 24px; padding-right: 24px;
        line-height: 24px;
    }
    #position_top_slider .in .ft .col.filial select.nonest{
        margin-right: 12px;
        padding-left: 12px; padding-right: 20px;
        font-size: 12px;
    }
    #position_top_slider .in .ft .col.filial select.nonest,
    #position_top_slider .in .ft .col.filial button{
        border-radius: 4px;
        height: 24px;
        line-height: 24px;
    }
    #position_top_slider .in .ft .col.filial button{
        padding: 1px 12px;
        font-size: 10px;
    }

    #position_top_slider .in .ft .col.filial label,
    #position_top_slider .in .ft .col.phones .i{ font-size: 10px; padding-right: 6px; }
    #position_top_slider .in .ft .col.phones .i{ margin-right: 36px; }
    #position_top_slider .in .ft .col.phones .i .t{ margin-right: 6px; }
    #position_top_slider .in .ft .col.phones .i .n{ top: -2px; font-size: 12px; }

    #position_top_slider .sliers_items .item .tx{ padding: 50px 80px; }
    #position_top_slider .sliers_items .item .tx .cc{ margin-top: -25px; }
    #position_top_slider .sliers_items .item .tx .cc .l_hd span{ font-size: 28px; }
    #position_top_slider .sliers_items .item .tx .cc .l_hd span:after{ padding-bottom: 15px; margin-bottom: 15px; }
    #position_top_slider .sliers_items .item .tx .cc .l_tx{ font-size: 16px; }
    #position_top_slider .sliers_items .item .tx .cc .l_mr{
        position: relative;
        margin: 25px 0 20px; padding: 0px 25px;
        height: 36px;
        line-height: 34px;
    }
    #position_top_slider .sliers_items .item .tx .cc .l_mr .b_bg{ border-radius: 4px; }
    #position_top_slider .sliers_items .item .tx .cc .l_mr .b_in{ font-size: 10px; }
    #position_top_slider .p_load{ right: 20px; bottom: 70px; }

    #position_top_slider .points{ bottom: 70px; padding-left: 0; }
    #position_top_slider .points .point{
        width: 10px; height: 10px;
        margin: 0 3px;
    }
    #position_top_slider .st .back,
    #position_top_slider .st .next{ width: 50px; height: 50px; margin-top: -25px; }
    #position_top_slider .st .back{ left: 15px;  }
    #position_top_slider .st .next{ right: 15px;  }
}
@media(max-width:1000px){
    #position_top_slider .in .ft .col.lp{ display: none;}
    #position_top_slider .in .ft .col.rp{ clear: both; float: none; }
    #position_top_slider .in .ft .col.phones{ text-align: left; }
}
@media( orientation: landscape ) and (max-width:990px){
    #position_top_slider .in, #position_top_slider .s{ min-height: 55vw; }
    #position_top_slider .sliers_items .item .tx{ padding: 50px 15px; }
    #position_top_slider .sliers_items .item .tx .cc .l_hd span{ font-size: 20px; }
    #position_top_slider .sliers_items .item .tx .cc .l_hd span:after{ padding-bottom: 15px; margin-bottom: 15px; }
    #position_top_slider .sliers_items .item .tx .cc .l_tx{ max-width: 80%; margin: 0 auto; }
    #position_top_slider .sliers_items .item .tx .cc .l_tx br{ display: none; }
    #position_top_slider .sliers_items .item .tx .cc .l_tx{ font-size: 14px; }
    #position_top_slider .sliers_items .item .tx .cc .l_mr{
        position: relative;
        margin: 25px 0 20px; padding: 0px 25px;
        height: 36px;
        line-height: 34px;
    }
    #position_top_slider .sliers_items .item .tx .cc .l_mr .b_bg{ border-radius: 4px; }
    #position_top_slider .sliers_items .item .tx .cc .l_mr .b_in{ font-size: 10px; }
}
@media(max-width:600px){
    #position_top_slider .in .ft .col{ line-height: 1.6; padding-top: 10px; }
    #position_top_slider .in .ft .col.phones .i{ margin-right: 10px; display: block; margin: 0;  }
    #position_top_slider .in .ft .col.phones .i .n{ position: static; font-size: 10px; }
    #position_top_slider .st .back,
    #position_top_slider .st .next{ display: none; }
    #position_top_slider .sliers_items .item .tx{ padding: 50px 15px; }
}
@media( orientation: portrait ) and (max-width:600px){
    #position_top_slider .sliers_items .item .tx .cc .l_hd span{ font-size: 6vw; }
    #position_top_slider .sliers_items .item .tx .cc .l_tx{ font-size: 4vw; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Авторизация
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.p_form.p_authorization{ width: 320px; width: 26.6vw; margin: 0 auto; padding: 0 15px 150px; padding: 0 1.25vw 10.7vw; }
.p_form.p_authorization label{ display: none; }
.p_form.p_authorization .ft{
    display: block; clear: both; float: none;
    text-align: left;
}
.p_form.p_authorization .ft .l{ width: auto; float: none; clear: both; display: block; }
.p_form.p_authorization .ft button{
    width: 100%;
    background: #A2A4A5; border-color: #A2A4A5;
    box-shadow: none;
    text-transform: uppercase; color: #fff; font-size: 12px; font-size: 1vw;
    margin: 10px 0; margin: 0.83vw 0;
}
.p_form.p_authorization .ft button:hover{ background: #393C3E; border-color: #393C3E; color: #fff; }
.p_form.p_authorization .ft .l.a{
    display: block;
}
.p_form.p_authorization .ft .l a{
    display: block; width: 50%; float: left;
    text-align: center; color: #fff;
}

@media(max-width: 1100px){
    .p_form.p_authorization{ width: auto; max-width: 350px; padding: 0 15px 150px; }
    .p_form.p_authorization label{ display: block; }
    .p_form.p_authorization .ft button{ font-size: 12px; margin: 10px 0;  }
    .p_form.p_authorization .ft .l a{ margin: 3px 0; }
}
@media(max-width: 360px){
    .p_form.p_authorization .ft .l a{ text-align: left; width: auto; float: none; }
    .p_form.p_authorization{ padding-bottom: 40px; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Плитка на главноя
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.style_plit,
#after_slider_menu{ clear: both; float: none; }
.style_plit ul,
#after_slider_menu ul{
    display: block;
    padding: 0; margin: 0;
    clear: both; float: none;
    background: #7B6546;
}
.style_plit ul:after,
#after_slider_menu ul:after{ content: ' '; display: block; clear: both; float: none; }
.style_plit ul li,
#after_slider_menu ul li{
    display: block;
    float: left; width: 25%;
    box-shadow: 0 0 0 rgba(0,0,0,0.5);
    transition:box-shadow,transform 0.1s;-moz-transition:box-shadow,transform 0.1s; -webkit-transition:box-shadow,transform 0.1s; -o-transition:box-shadow,transform 0.1s;
}
.style_plit ul li:hover,
#after_slider_menu ul li:hover{
    position: relative; z-index: 2;
    box-shadow: 0 0 6px rgba(0,0,0,0.4);
    transform: scale(1.02,1.02);
}
.style_plit ul li:nth-child(3n),
#after_slider_menu ul li:nth-child(3n){ background: #7B6546; }
.style_plit ul li:nth-child(3n+1),
#after_slider_menu ul li:nth-child(3n+1){ background: #8B7556; }
.style_plit ul li:nth-child(3n+2),
#after_slider_menu ul li:nth-child(3n+2){ background: #846B4B; }
.style_plit ul li a,
#after_slider_menu ul li a{
    display: block;
    color: #fff; fill: #fff;
    padding: 50px 20px; padding: 3.5vw 6%;
    text-decoration: none;

}

.style_plit ul li span,
#after_slider_menu ul li span{
    display: block;
    height: 52px; height: 3.7vw;
    overflow: hidden; text-overflow: ellipsis;
}
.style_plit ul li .svg,
#after_slider_menu ul li .svg{
    display: block;
    width: 30px; width: 10%;
    margin: 10px 0; margin: 0.7vw 0;
}
.style_plit ul li .svg svg,
#after_slider_menu ul li .svg svg{
    width: 100%; height: auto;
}

@media(max-width: 1100px){
    .style_plit ul li,
    #after_slider_menu ul li{ width: 50%; }
    .style_plit ul li a,
    #after_slider_menu ul li a{ padding: 50px 100px; }
    .style_plit ul li span,
    #after_slider_menu ul li span{
        height: 60px;
        text-align: center;
    }
    .style_plit ul li .svg,
    #after_slider_menu ul li .svg{
        display: block;
        width: 20%;
        margin: 10px auto 10px;
    }
    .style_plit ul li .svg svg,
    #after_slider_menu ul li .svg svg{ width: 100%; height: auto; }
}
@media(max-width: 750px){
    .style_plit ul li a,
    #after_slider_menu ul li a{ padding: 50px; }
}
@media(max-width: 560px){
    .style_plit ul li,
    #after_slider_menu ul li{
        clear: both; float: none; width: 100%;
        padding: 0 15px;
    }
    .style_plit ul li a,
    #after_slider_menu ul li a{
        display: block;
        padding: 20px 0;
        margin: 0 auto;
        text-align: center;
    }
    .style_plit ul li a i,
    .style_plit ul li a .svg,
    .style_plit ul li a span,
    #after_slider_menu ul li a i,
    #after_slider_menu ul li a .svg,
    #after_slider_menu ul li a span{ display: inline-block; vertical-align: middle; }
    .style_plit ul li a .svg,
    #after_slider_menu ul li a .svg{ width: 50px; }
    .style_plit ul li a span,
    #after_slider_menu ul li a span{
        width: 240px; height: auto;
        margin-left: 20px;
        text-align: left;
    }
}
@media(max-width: 360px){
    .style_plit ul li,
    #after_slider_menu ul li{ padding-left: 30px; }
    .style_plit ul li a,
    #after_slider_menu ul li a{ text-align: left; }
    .style_plit ul li a .svg,
    #after_slider_menu ul li a .svg{ width: 13%; }
    .style_plit ul li a span,
    #after_slider_menu ul li a span{
        width: 75%; height: auto;
        text-align: left;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ О банке на главной
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main_about_bank{
    clear: both; float: none;
    background: #fff;
    color: #393C3E;
    min-height: 500px; min-height: 35.7vw;
}
#main_about_bank .cont{ clear: both; float: none; }
#main_about_bank .imka{ display: none; background: #fff; }
#main_about_bank.w_im{ position: relative; }
#main_about_bank.w_im .imka{
    display: block;
    position: absolute;
    width: 50%; height: 100%;
    overflow: hidden;
    min-height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#main_about_bank.w_im .cont{
    display: block;
    width: 50%; margin-left: 50%;
    clear: none;
}
#main_about_bank.w_im .imka img{ width: 100%; min-height: 100%; }
#main_about_bank.w_im:after{ clear: both; float: none; display: block; content: ' ';  }

#main_about_bank .cont{ padding: 15px 30px 50px; padding: 1vw 2.1vw 3.5vw; }
#main_about_bank .cont h2{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px; font-size: 1.2vw;
    margin-bottom: 30px; margin-bottom: 2.1vw;
}
#main_about_bank .cont .tab-bd h3{
    font-weight: bold; text-transform: uppercase;
    font-size: 16px; font-size: 1.1vw;
    margin: 30px 0; margin: 2.1vw 0;
}
#main_about_bank .list_otz,
#main_about_bank .list_otz .item_otz{
    clear: both; float: none;
    margin: 30px 0 0; margin: 2.1vw 0 0;
}
#main_about_bank .list_otz:after{ content: ' '; display: block;  clear: both; float: none; }
#main_about_bank .list_otz .item_otz .im,
#main_about_bank .list_otz .item_otz .bd{ display: inline-block; vertical-align: middle; }
#main_about_bank .list_otz .item_otz .im{ width: 10%; }
#main_about_bank .list_otz .item_otz .im img{ width: 100%; }
#main_about_bank .list_otz .item_otz .bd{ width: 80%; margin-left: 30px; margin-left: 2.1vw }
#main_about_bank .list_otz .item_otz .bd .nm{ font-weight: bold; }#main_about_bank .list_otz .item_otz .bd .tx{ font-size: 12px; font-size: 0.8vw; }

#tb-missiya .b{ display: block; clear: both; float: none; }
#tb-missiya .btn-default{
    padding: 12px 30px; padding: 0.8vw 2.1vw;
    margin: 15px 0; margin: 1vw 0;
    box-shadow: none;
    border: 1px solid #393C3E;
    background: none; background-color: #393C3E;
    color: #fff; text-transform: uppercase; font-weight: normal;
    font-size: 12px; font-size: 0.8vw;
    transition:background 0.3s;-moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
#tb-missiya .b .btn-default:hover{
    background-color: #fff;
    color: #393C3E;
}

@media(max-width: 1100px){
    #main_about_bank{ min-height: 500px;  }
    #main_about_bank .cont{ padding: 15px 30px 50px; }
    #main_about_bank .cont h2{ font-size: 18px; margin-bottom: 30px;  }
    #main_about_bank .cont .tab-bd h3{ font-size: 16px; margin: 30px 0; }
    #main_about_bank .list_otz,
    #main_about_bank .list_otz .item_otz{ margin: 30px 0 0;  }
    #main_about_bank .list_otz .item_otz .bd{ margin-left: 30px; }
    #main_about_bank .list_otz .item_otz .bd .tx{ font-size: 12px; }
    #tb-missiya .b .btn-default{
        padding: 12px 30px;
        margin: 15px 0;
        font-size: 12px;
    }

}
@media( max-width: 990px ){
    #main_about_bank .list_otz .item_otz .im{ width: 50px; height: 50px; }
    #main_about_bank .list_otz .item_otz .bd{ width: calc(100% - 120px); margin-left: 30px; }
}
@media( max-width: 780px ){
    #main_about_bank.w_im{ position: relative; }
    #main_about_bank.w_im .imka{
        position: static;
        width: 100%; height: 63vw;
        overflow: hidden;
        min-height: auto;
        background-size: 100% auto;
    }
    #main_about_bank.w_im .cont{ width: auto; margin-left: 0; padding-bottom: 0; }
}
@media( max-width: 420px ){
    #main_about_bank .list_otz .item_otz .im,
    #main_about_bank .list_otz .item_otz .bd{ vertical-align: top; }
    #main_about_bank .list_otz .item_otz .im{ width: 20px; height: 20px; }
    #main_about_bank .list_otz .item_otz .bd{ width: calc(100% - 70px); margin-left: 10px; }
    #main_about_bank .list_otz .item_otz .bd .tx{
        display: block;
        padding-top: 15px;
        margin-left: -35px;
    }
}
@media( max-width: 360px ){
    #main_about_bank .cont{ padding-left: 15px; padding-right: 15px; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Список новостей
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#w_news_main{
    clear: both; float: none;
    min-height: 400px; min-height: 28.5vw;
    padding: 30px 10%; padding: 2.1vw 10%;
    background: #fff;
    color: #393C3E;
}
#w_news_main .cont h2{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px; font-size: 1.2vw;
    margin-bottom: 30px; margin-bottom: 2.1vw;
}
#w_news_main .b{
    display: block; clear: both; float: none;
    margin-top: 50px; margin-top: 3.5vw;
}
#w_news_main .b .btn-default{
    padding: 12px 30px; padding: 0.8vw 2.1vw;
    margin: 15px 0; margin: 1vw 0;
    box-shadow: none;
    border: 1px solid #393C3E;
    background: none; background-color: #393C3E;
    color: #fff; text-transform: uppercase; font-weight: normal;
    font-size: 12px; font-size: 0.8vw;
    transition:background 0.3s;-moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
#w_news_main .b .btn-default:hover{
    background-color: #fff;
    color: #393C3E;
}
#w_news_main .article,
#w_news_main .article:after{ clear: both; float: none; }
#w_news_main .article:after{ display: block; content: ' ';  }
#w_news_main .article{ margin: 25px 0; margin: 1.7vw 0; }
#w_news_main .article .date,
#w_news_main .article .name{ float: left; }
#w_news_main .article .date{
    width: 50px; height: 50px;
    width: 3.5vw; height: 3.5vw;
    background: #393C3E;
    color: #fff; text-align: center; line-height: 1;
}
#w_news_main .article .date .day{
    display: block;
    font-size: 18px; font-size: 1.2vw; line-height: 0.8;
    padding-top: 10px; padding-top: 0.7vw;
}
#w_news_main .article .date .month_year{
    display: block;
    word-spacing: -1px; letter-spacing: 0;
}
#w_news_main .article .date .month_year *{
    display: inline;
    font-size: 10px; font-size: 0.7vw;
    line-height: 1;
}
#w_news_main .article .name{
    margin-top: 10px; margin-top: 0.7vw;
    margin-left: 20px; margin-left: 1.4vw;
    color: #191C1E;
    font-size: 12px; font-size: 0.8vw;
    text-transform: uppercase;
    max-width: calc(100% - 5vw);
}
#w_news_main .article .name a{ color: #191C1E; }

@media(max-width: 1100px){
    #w_news_main{ min-height: 400px;  padding: 30px; }
    #w_news_main .cont h2{
        font-size: 18px;
        margin-bottom: 30px;
    }
    #w_news_main .b{ margin-top: 50px;  }
    #w_news_main .b .btn-default{ padding: 12px 30px; margin: 15px 0; font-size: 12px; }
    #w_news_main .article{ margin: 25px 0; }
    #w_news_main .article .date{ width: 50px; height: 50px; }
    #w_news_main .article .date .day{ font-size: 18px; padding-top: 10px; }
    #w_news_main .article .date .month_year *{ font-size: 10px; }
    #w_news_main .article .name{
        margin-top: 10px; margin-left: 20px;
        font-size: 12px;
        width: calc(100% - 80px);
    }
    #w_news_main .tab-content .tab-hd .tab-hd-item{ font-size: 12px; }
}
@media(max-width:860px){
    #w_news_main .tab-content .tab-hd .tab-hd-item{ font-size: 14px; }
    #w_news_main .tab-content .tab-hd :nth-child(4n){ content: ' '; display: block; clear: both; float: none; }
    #w_news_main .tab-content .tab-hd :nth-child(4n+1){ padding-left: 0; }
    #w_news_main .tab-content .tab-hd :nth-child(4n+3){ padding-right: 0; }
}
@media(max-width:560px){
    #w_news_main .tab-content .tab-hd .tab-hd-item{ font-size: 12px; }
    #w_news_main .tab-content .tab-hd a{ padding-left: 0; padding-right: 0; }
    #w_news_main .tab-content .tab-hd .sp{ content: ' '; display: block; clear: both; float: none; }
    #w_news_main .article .name{ margin-top: 3px; }
}
@media(max-width:420px){
    #w_news_main .article .date{
        display: block; clear: both; float: none;
        margin-bottom: 3px;
        width: auto; height: auto ;
        background: transparent;
        color: #191C1E; text-align: left; line-height: 1; font-weight: bold;
    }
    #w_news_main .article .date .day{
        display: inline;
        font-size: 12px; line-height: 1;
        padding-top: 10px;
    }
    #w_news_main .article .date .month_year{
        display: inline;
        word-spacing: 0; letter-spacing: 0;
    }
    #w_news_main .article .date .month_year *{
        display: inline;
        font-size: 10px;
        line-height: 1;
    }
    #w_news_main .article .name{
        margin-top: 0; margin-left: 0;
        font-size: 12px;
        width: auto;
    }
}
@media( max-width: 360px ){
    #w_news_main{ padding: 15px;  }
    #w_news_main .b{ margin-top: 15px; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ соц опрос и статистика обращения на главной
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#w_main_tr_soc_sur{
    clear: both; float: none;
    min-height: 400px; min-height: 28.5vw;
    padding: 30px 10%; padding: 2.1vw 10%;
    margin: 0 -80px; margin: 0 -5.7vw;

    background-color: transparent;
    background-image: url(../../images/bg/main_soc_opros.jpg);
    background-position: center center;  background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fff;
}
#w_main_tr_soc_sur:after{ display: block; content: ' '; clear: both; float: none; }
#w_main_appeals, #w_main_social_survey{
    float: left;
    width: 50%;
    padding: 0 80px; padding: 0 5.7vw;
}
#w_main_tr_soc_sur h2{
    text-transform: uppercase;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px; font-size: 1.2vw;
    margin-bottom: 30px; margin-bottom: 2.1vw;
}

#w_main_appeals{ display: block; }
#w_main_appeals .bl,
#w_main_appeals .bl .i{ display: block; clear: both; float: none; }
#w_main_appeals .bl .i{
    display: block;
    clear: both; float: none;
    border-bottom: 1px solid #fff;
    margin: 30px 0; margin: 2.1vw 0;
}
#w_main_appeals .bl .i:after{ content: ' '; display: block; clear: both; float: none; }
#w_main_appeals .bl .i .n, #w_main_appeals .bl .i .p, #w_main_appeals .bl .i .c{ float: left; }
#w_main_appeals .bl .i .n{
    width: 20%;
    text-transform: uppercase;
    font-size: 12px; font-size: 0.8vw;
}
#w_main_appeals .bl .i .p{
    width: 65%;
    height: 25px; height: 1.7vw;
}
#w_main_appeals .bl .i .p .l{
    height: 100%;
    width: 0%;
    min-width: 20px; min-width: 1.4vw;
    background: #fff;
    opacity: 0.6;
}
#w_main_appeals .bl .i .c{
    text-align: right;
    width: 15%;
    font-weight: bold; font-size: 18px; font-size: 1.2vw;
}

#w_main_appeals .b{
    display: block; clear: both; float: none;
    margin-top: 20px; margin-top: 1.4vw;
}
#w_main_appeals .b .btn-default{
    padding: 12px 30px; padding: 0.8vw 2.1vw;
    margin: 15px 30px 15px 0; margin: 1vw 2.1vw 1vw 0;

    box-shadow: none;
    border: 1px solid transparent;
    background: none; background-color: #7d6445; background-color: rgba(125,100,69,0.8);
    color: #fff; text-transform: uppercase; font-weight: normal;
    font-size: 12px; font-size: 0.8vw;
    transition:background 0.3s;-moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
#w_main_appeals .b .btn-default:hover{
    background-color: #fff;
    color: #393C3E;
}

@media( max-width: 1100px ){
    #w_main_tr_soc_sur{
        min-height: 400px;
        padding: 30px 30px;
        margin: 0 -30px;
    }
    #w_main_appeals, #w_main_social_survey{ padding: 0 30px; }
    #w_main_tr_soc_sur h2{ font-size: 18px; margin-bottom: 30px; }
    #w_main_appeals .bl .i{
        border-bottom: 1px solid #fff;
        margin: 30px 0;
    }
    #w_main_appeals .bl .i .n{ font-size: 10px; }
    #w_main_appeals .bl .i .p{ height: 25px; }
    #w_main_appeals .bl .i .p .l{ min-width: 20px; }
    #w_main_appeals .bl .i .c{ font-size: 18px; }

    #w_main_appeals .b{ margin-top: 20px; }
    #w_main_appeals .b .btn-default{
        padding: 12px 30px; margin: 15px 30px 15px 0;
        border-width: 1px;
        font-size: 12px;
    }
}
@media( max-width: 990px ){
    #w_main_tr_soc_sur{ margin: 0; }
    #w_main_appeals, #w_main_social_survey{
        width: auto;
        max-width: 600px;
        padding: 0;
        display: block; float: none; clear: both;
        margin-bottom: 50px;
    }
}
@media( max-width: 520px ){
    #w_main_appeals .bl .i .n{ clear: both; float: none; width: auto; }
    #w_main_appeals .bl .i .p{ width: 75%; }
    #w_main_appeals .bl .i .c{ width: 25%; }
}
@media( max-width: 360px ){
    #w_main_tr_soc_sur{ padding: 30px 15px; margin: 0 -15px; }
    #w_main_appeals, #w_main_social_survey{ padding: 0 15px; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Важные ссылки
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#w_useful_links{
    position: relative;
    clear: both; float: none;
    min-height: 400px; min-height: 28.5vw;
    padding: 30px 10%; padding: 2.1vw 10%;
    background: #fff;
    color: #393C3E;
}
#w_useful_links h2{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px; font-size: 1.2vw;
    margin-bottom: 40px; margin-bottom: 2.8vw;
}
#w_useful_links .cont .it{
    clear: both; float: none;
    margin: 20px 0; margin: 1.4vw 0;
}
#w_useful_links .cont .it a{
    color: #191C1E;
    text-transform: uppercase; font-size: 12px; font-size: 0.8vw; text-decoration: none;
    transition:color 0.3s;-moz-transition:color 0.3s; -webkit-transition:color 0.3s; -o-transition:color 0.3s;
}
#w_useful_links .cont .it a:after{
    content: ' '; display: block; clear: both; float: none;
    height: 1px;
    width: 3%;
    background: #746549;
    margin: 5px 0; margin: 0.3vw 0;
    transition:background 0.3s;-moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
#w_useful_links .cont .it:hover a{ color: #746549; }
#w_useful_links .cont .it:hover a:after{ background: #191C1E; }
#w_useful_links .sp_bl{
    position: absolute; right: 10%; top: 50px; top: 3.5vw;
    font-size: 32px; font-size: 2.2vw;
    color: #746549; font-weight: lighter; line-height: 1;
}
#w_useful_links .sp_bl span{ font-weight: normal; color: #191C1E; }
@media(max-width: 1100px){
    #w_useful_links{
        min-height: 400px;
        padding: 30px;
    }
    #w_useful_links h2{
        font-size: 18px;
        margin-bottom: 40px;
    }
    #w_useful_links .cont .it{ margin: 20px 0; }
    #w_useful_links .cont .it a{ font-size: 12px; }
    #w_useful_links .cont .it a:after{ margin: 5px 0; }
    #w_useful_links .sp_bl{ display: none; }
}
@media(max-width: 360px){
    #w_useful_links{ padding: 30px 15px; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Обратная связь
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.p_form.p_feedback{
    width: 500px; width: 35vw;
    margin: 0 auto;
    padding: 0 15px 100px; padding: 0 1.25vw 7.1vw;
}
.p_form.p_feedback label{ display: block; }
.p_form.p_feedback .ft{
    display: block; clear: both; float: none;
    text-align: left;
}
.p_form.p_feedback .ft .l{ width: auto; float: none; clear: both; display: block; }
.p_form .success_message a.btn,
.p_form.p_feedback .ft button{
    width: 100%;
    background: #A2A4A5; border-color: #A2A4A5;
    box-shadow: none;
    text-transform: uppercase; color: #fff; font-size: 12px; font-size: 1vw;
    margin: 10px 0; margin: 0.83vw 0;
    border-radius: 4px; border-radius: 0.3vw;
}
.p_form .success_message a.btn{
    width: auto;
    padding: 5px 15px;
    padding: 0.3vw 1.1vw;
}
.p_form .success_message a.btn:hover,
.p_form.p_feedback .ft button:hover{ background: #393C3E; border-color: #393C3E; color: #fff; }
.p_form.p_feedback textarea{ height: 150px; height: 10.7vw; }
.p_form.p_feedback .imka img{ width: 100%;}
#feedback_up .in{
    padding: 50px 120px;
    padding: 3.5vw 8.5vw;
}
#feedback_up .close{
    position: fixed;

}

@media(max-width: 1100px){
    .p_form.p_feedback{ width: auto;  padding: 0 15px 100px; }
    .p_form.p_feedback label{ display: block; }
    .p_form.p_feedback{ max-width: 350px; margin: 0 auto; }
    .p_form .success_message a.btn,
    .p_form.p_feedback .ft button{ font-size: 12px;  margin: 10px 0; border-radius: 4px;  }
    .p_form .success_message a.btn{ padding: 5px 15px; }
    .p_form.p_feedback textarea{ height: 150px; }
    #feedback_up .in{ padding: 50px 120px; }
}
@media(max-width: 768px){
    .p_form.p_feedback .imka img{ margin: 10px 0; }
    #feedback_up .close{ position: absolute; }
    #feedback_up .in{ padding: 30px 0; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Поделиться
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#share_sidebar,
#share_sidebar .items,
#share_sidebar .items a{
    height: 50px;
    height: 3.5vw;
}
#share_sidebar{
    position: absolute; left: 0; top: 0; z-index: 99;
    overflow: hidden;
    width: 0;

    background: #404345;
    text-align: left;
    transition:width 0.3s;-moz-transition:width 0.3s; -webkit-transition:width 0.3s; -o-transition:width 0.3s;
}
#share_sidebar:hover,
#share_sidebar.hover,
#share_sidebar .items{ width: 160px; width: 11vw;  }
#share_sidebar .items{
    float: right;
    padding-left: 10px; padding-left: 0.5vw;
}
#share_sidebar a{
    display: block;
    float: left;
    width: 50px; width: 3.5vw;
}
#share_sidebar a svg{
    display: block;
    margin: 20%;
    width: 60%; height: auto;
}
#share_sidebar a:hover{
    background-color: #393C3E;
}
#share_sidebar a *{ fill: #fff; }
#share_sidebar:after{ content: ' '; display: block; clear: both; float: none; }
@media(max-width: 1100px){
    #share_sidebar,
    #share_sidebar .items,
    #share_sidebar .items a{ height: 50px; }
    #share_sidebar,
    #share_sidebar .items,
    #share_sidebar:hover,
    #share_sidebar.hover,
    #share_sidebar .items{ width: 250px; }
    #share_sidebar{
        position: absolute; left: -250px; top: 0; z-index: 99;
        overflow: hidden;
        background: #404345;
        text-align: left;
        transition:left 0.3s;-moz-transition:left 0.3s; -webkit-transition:left 0.3s; -o-transition:left 0.3s;
        border-bottom: 2px solid #393C3E;
    }
    #share_sidebar:hover,
    #share_sidebar.hover{ left: 0; }
    #share_sidebar .items{
        position: absolute; right: 0; bottom: 0;
        padding-left: 0;
        text-align: center;
    }
    #share_sidebar a{
        display: inline-block;
        float: none;
        width: 50px;
    }
    #share_sidebar a svg{
        display: block;
        margin: 20%;
        width: 60%; height: auto;
    }
    #share_sidebar a:hover{ background-color: #393C3E; }
    #share_sidebar a *{ fill: #fff; }
    #share_sidebar:after{ content: ' '; display: block; clear: both; float: none; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.page_top_head{
    clear: both; float: none;
    position: relative;
    margin-top: -26px; margin-top: -1.8vw;
    height: 250px; height: 17.8vw;
}
.page_top_head.big{ height: 390px; height: 27.8vw; }
.page_top_head.hmap{ margin-bottom: 50px; margin-bottom: 4vw; }
.page_top_head .pgn{
    position: absolute; z-index: 3; left: 0;
    top: 12px; top: 0.9vw;
    margin-top: 0;
}
.page_top_head .bg{
    position: absolute; z-index: 1; left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.page_top_head .text{
    position: absolute; z-index: 2; left: 0; top: 0;
    width: 100%; height: 100%;
    text-align: center;
}
.page_top_head.big .text{ width: 35%; left: 33.5%; }
.page_top_head.big .text .l{
    text-align: center;
    margin: 20px auto 0; margin: 1.4vw auto 0;
    margin-top: 1.4vw;
}
.page_top_head.big .text .btn{
    display: inline-block;
    box-shadow: none; border-width: 0;
    position: relative;
    background: transparent;
    padding: 6px 12px; padding: 0.4vw 0.8vw;
    margin: 0 10px; margin: 0 0.7vw;
}
.page_top_head.big .text .btn .b{
    position: absolute; z-index: 1; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0.8;
    background-color: #6e6e6e;
    border-radius: 4px; border-radius: 0.3vw;

}
.page_top_head.big .text .btn .t{
    text-shadow: none;
    position: relative; z-index: 2;
    color: #fff; text-transform: uppercase; font-size: 10px; font-size: 0.7vw; font-weight: normal;
    top: -1px; top: -0.1vw;
}
.page_top_head.big .text .btn:hover .b{
    background: #746549;
    transition:background 0.3s; -moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
.page_top_head .text h1{
    display: inline-block;
    font-weight: bold; text-transform: uppercase; text-align: center;
    font-size: 28px; font-size: 2vw; line-height: 1.2;
    margin: 0; padding: 0;
}
.page_top_head .text h1:after{
    content: ' ';
    display: block; clear: both; float: none;
    width: 50%; height: 1px; height: 0.1vw;
    margin: 20px auto 0; margin-top: 1.4vw;
    background: #fff;
}

.page_top_head .p_load{
    display: none;
    position: absolute; z-index: 3;
    right: 20px; right: 1.4vw; bottom: 20px; bottom: 1.4vw;
}
.page_top_head .loading .p_load{ display: block; }
.page_top_head .p_load .pl_im,
.page_top_head .p_load .pl_tx{
    display: inline-block; vertical-align: middle;
    font-size: 12px; font-size: 0.9vw;
}
.page_top_head .p_load .pl_im{
    width: 24px; height: 24px;
    width: 1.7vw; height: 1.7vw;
    margin-right: 5px; margin-right: 0.3vw;
}
.page_top_head .p_load .pl_im svg{
    width: 100%; height: 100%;
}
.page_top_head .p_load .pl_im svg path{ fill: #fff; }

.page_top_head .ft{
    overflow: hidden;
    position: absolute; bottom: 0; left: 0; z-index: 3;
    height: 50px; height: 4vw; width: 100%;
    padding-left: 0;
    background-color: #393C3E;
    opacity: 0.8;
}
.page_top_head .ft *{ vertical-align: top; }
.page_top_head .ft .container-fluid{ padding-left: 24px; padding-right: 24px; padding-left: 2vw; padding-right: 2vw; }
.page_top_head .ft .row{ margin-left: -24px; margin-right: -24px; }
.page_top_head .ft .col{
    padding-top: 18px; padding-top: 1.2vw;
    padding-left: 24px; padding-right: 24px; padding-left: 2vw; padding-right: 2vw;
    line-height: 24px; line-height: 2vw;
    text-transform: uppercase;
}
.page_top_head .ft .col.lp{ float: left; }
.page_top_head .ft .col.rp{ float: right; }
.page_top_head .ft .col.filial select.nonest{
    vertical-align: top;
    margin-right: 1vw;
    padding-left: 1vw; padding-right: 1.8vw;
    background-color: #fff; background-size: auto 20%;
    color: #393C3E;
    font-size: 12px; font-size: 1vw;
}
.page_top_head .ft .col.filial select.nonest,
.page_top_head .ft .col.filial button{
    border-width: 0; border-radius: 4px; border-radius: 0.4vw;
    height: 24px; height: 2vw;
    line-height: 2vw; font-weight: normal;
}
.page_top_head .ft .col.filial button{
    padding: 1px 12px; padding: 0 1vw 0;
    background: #7B6546;
    box-shadow: none;
    text-transform: uppercase; color: #fff; font-size: 10px; font-size: 0.8vw; text-shadow: none; font-weight: bold;
    transition:background,color 0.3s;-moz-transition:background,color 0.3s; -webkit-transition:background,color 0.3s; -o-transition:background,color 0.3s;
}
.page_top_head .ft .col.filial button:hover{
    background: #fff;
    color: #7B6546;
}
.page_top_head .ft .col.filial label,
.page_top_head .ft .col.phones .i{
    display: inline;
    font-size: 0.8vw; padding-right: 0.5vw; vertical-align: top; font-weight: bold;
}
.page_top_head .ft .col.phones{ text-align: right; }
.page_top_head .ft .col.phones .i{ margin-right: 3vw; }
.page_top_head .ft .col.phones .i .t{ margin-right: 0.5vw; }
.page_top_head .ft .col.phones .i .n{
    position: relative; top: -0.1vw;
    color: #fff; font-size: 1.2vw;
}
.page_top_head.hmap .ft{
    bottom: -50px; bottom: -4vw;
    opacity: 1;
    background-color: #606364;
}

.page_top_head.fullscreen{
    position: static;
    clear: both; float: none;
    margin-top: 0;
    height: auto;
}
.page_top_head.fullscreen .in{
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    z-index: 1;
}
.page_top_head.fullscreen .s{
    margin-top: -70px;
    margin-top: -5.83vw;
}
.page_top_head.fullscreen .s,
.page_top_head.fullscreen .in{
    height: 100vh;
    min-height: 48vw;
    max-height: 80vw;
}
.page_top_head.fullscreen .in .cn{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 50px 0 0 70px;
    padding: 4vw 0 0 5.83vw;
}
.page_top_head.fullscreen .in .cn .in2{
    position: relative;
    width: 100%; height: 100%;
}
.page_top_head.fullscreen .map_block .svg_map,
.page_top_head.fullscreen .map_block{
    position: absolute; top: 0; left: 0; z-index: 2;
    width: 100%; height: 100%;
}
.page_top_head.fullscreen .map_block .svg_map{ z-index: 1; }
.page_top_head.fullscreen .map_block .svg_map svg{
    position: relative;
    margin: 0 auto;
    top: 20%;
    height: auto; max-width: none;
    width: 100%; max-height: 65%;
}
.page_top_head.fullscreen .map_block .svg_map svg .action .st.mn{
    fill: transparent;
    stroke-width: 2;
    stroke: #fff;
    cursor: pointer;
    transition:opacity,fill 0.3s; -moz-transition:opacity,fill 0.3s; -webkit-transition:opacity,fill 0.3s; -o-transition:opacity,fill 0.3s;
}

.page_top_head.fullscreen .map_block .svg_map svg .action circle{
    fill: #fff;
    opacity: 0;
    transition:opacity 0.3s; -moz-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -o-transition:opacity 0.3s;
}
.page_top_head.fullscreen .map_block .svg_map svg .action .line{
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray:500;
    stroke-dashoffset:500;
    /*stroke-dashoffset:0;*/
    transition:stroke-dashoffset 0.3s; -moz-transition:stroke-dashoffset 0.3s; -webkit-transition:stroke-dashoffset 0.3s; -o-transition:stroke-dashoffset 0.3s;
}
.page_top_head.fullscreen .map_block .svg_map svg .action text{
    fill: #fff;
    opacity: 0;
    /*opacity: 1;*/
    transition:opacity 0.3s; -moz-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -o-transition:opacity 0.3s;
}
.page_top_head.fullscreen .map_block .svg_map svg .action.active .st.mn,
.page_top_head.fullscreen .map_block .svg_map svg .action.active:hover .st.mn.nact,
.page_top_head.fullscreen .map_block .svg_map svg .action:hover .st.mn{ fill: #fff; opacity: 0.7; }
.page_top_head.fullscreen .map_block .svg_map svg .action.active .st.mn.nact{ fill: none; }
.page_top_head.fullscreen .map_block .svg_map svg .action.active .line,
.page_top_head.fullscreen .map_block .svg_map svg .action:hover .line{
    stroke-dashoffset:0;
    transition-delay: 0.1s;
}
.page_top_head.fullscreen .map_block .svg_map svg .action.active text,
.page_top_head.fullscreen .map_block .svg_map svg .action:hover text{
    opacity: 1;
    transition-delay: 0.3s;
}
.page_top_head.fullscreen .map_block .svg_map svg .action.active circle,
.page_top_head.fullscreen .map_block .svg_map svg .action:hover circle{
    opacity: 1;
}

.page_top_head.fullscreen .map_title{
    position: absolute;
    left: 30%; top: 5%;
    width: 35%;
    text-align: center;
    z-index: 3;
}
.page_top_head.fullscreen .map_title h1{
    margin: 0; padding: 0;
    display: inline-block;
    font-size: 34px; font-size: 2.4vw; line-height: 1.5;
    text-transform: uppercase;
    font-weight: bold;
}
.page_top_head.fullscreen .map_title h1:after{
    content: '';
    clear: both; float: none;
    display: block;
    width: 60%;
    height: 2px; height: 0.1vw;
    margin: 25px auto; margin: 1.7vw auto;
    background: #fff;
}
.page_top_head.fullscreen .text_map_info{
    position: absolute;
    right: 15%; top: 25%;
    z-index: 3;
    text-align: right;
    display: none;
}
.page_top_head.fullscreen .text_map_info big{ font-size: 30px; font-size: 2.1vw; }

.page_top_head.fullscreen .map_block .map_filters{ display: none; }
.page_top_head.fullscreen .map_block .map_filters{ 
    display: none; clear: both; float: none; 
    position: absolute; bottom: 5vw; right: 2.5%; z-index: 4; 
    height: 5vw; width: 95%;
    box-shadow: 0 0 0.3vw rgba(0,0,0,0.4); border-radius: 0.3vw;
    background: #fff;
    color: #333;
}
.page_top_head.fullscreen .map_block .map_filters.active{ display: block; }
.page_top_head.fullscreen .map_block .map_filters:after{ clear: both; float: none; display: block; content: " "; }
.page_top_head.fullscreen .map_block .map_filters .p.l,
.page_top_head.fullscreen .map_block .map_filters .p.r{ display: block; float: left; } 
.page_top_head.fullscreen .map_block .map_filters .p.l{ width: 30%; }
.page_top_head.fullscreen .map_block .map_filters .p.l *{ vertical-align: middle; }
.page_top_head.fullscreen .map_block .map_filters .p.l .regname{
    position: absolute; top: -5vw; left: 1vw;
    font-size: 2.5vw; text-transform: none; font-weight: normal;
}
.page_top_head.fullscreen .map_block .map_filters .p.l .goback{
    margin-left: 1vw;
    line-height: 5vw;
    cursor: pointer;
}
.page_top_head.fullscreen .map_block .map_filters .p.l .goback i{
    color: #876441;
    display: inline-block; vertical-align: middle;
    width: 1.7vw; height: 1.7vw;
    margin-right: 0.5vw;
    border: 0.2vw solid #876441; border-radius: 100%;
    font-size: 1vw; line-height: 1.4vw; text-align: center;
    transition: box-shadow 0.3s;
    box-shadow: 0 0 0.1vw rgba(255,255,255,03);
}
.page_top_head.fullscreen .map_block .map_filters .p.l .goback:hover i{ box-shadow: 0 0 0.5vw rgba(135,100,65,03); }
.page_top_head.fullscreen .map_block .map_filters .p.l .goback small{ font-size: 0.8vw; }

.page_top_head.fullscreen .map_block .map_filters .p.r{ width: 70%; text-align: right; }
.page_top_head.fullscreen .map_block .map_filters .p.r label{ 
    display: inline-block;  vertical-align: middle;
    height: 3.5vw; width: 12vw;
    margin: 0.75vw 1vw 0.75vw 0; padding: 0 0 0 1.5vw;
    border-left: 1px solid #e5e5e5;
    line-height: 3.5vw; font-size: 0.8vw; font-weight: normal; text-align: left; text-transform: uppercase;
    cursor: pointer;
    transition: color 0.3s;
}
.page_top_head.fullscreen .map_block .map_filters .p.r label:hover{ color: #876441; }
.page_top_head.fullscreen .map_block .map_filters .p.r label *{ vertical-align: middle; }
.page_top_head.fullscreen .map_block .map_filters .p.r label .led{ 
    display: inline-block; 
    height: 1.2vw; width: 1.2vw; background:#ebebeb; border-radius: 100%; border: 0.2vw solid #ebebeb;
    margin-right: 0.5vw;
}
.page_top_head.fullscreen .map_block .map_filters .p.r label.active .led{ background:#876441;  }
.page_top_head.fullscreen .map_block .map_filters .p.r label input{ display: none; }
.page_top_head.fullscreen .map_block .map_filters .p.r label img{ height: 1.5vw; transition: margin 0.3s; }
.page_top_head.fullscreen .map_block .map_filters .p.r label:hover img{ 
    margin-top: -0.3vw;
}
@media(max-width: 1100px){
    .page_top_head.fullscreen .map_block .map_filters{ 
        height: 50px; width: 200px; right: 10px; bottom: 10px; left: auto;
        box-shadow: 0 0 5px rgba(0,0,0,0.4); border-radius: 4px;
    }
    .page_top_head.fullscreen .map_block .map_filters .p.l{ width: 100%; }
    .page_top_head.fullscreen .map_block .map_filters .p.l .regname{ display: none; }
    .page_top_head.fullscreen .map_block .map_filters .p.l .goback{
        margin-left: 15px;
        line-height: 50px;
        cursor: pointer;
    }
    .page_top_head.fullscreen .map_block .map_filters .p.l .goback i{
        width: 20px; height: 20px;
        margin-right: 10px;
        border: 3px solid #876441;
        font-size: 10px; line-height: 14px; text-align: center;
        transition: box-shadow 0.3s;
        box-shadow: 0 0 0.1vw rgba(255,255,255,03);
    }
    .page_top_head.fullscreen .map_block .map_filters .p.l .goback small{ font-size: 10px; }
    .page_top_head.fullscreen .map_block .map_filters .p.r{ display: none; }
}
@media(max-width: 480px){
    .page_top_head.fullscreen .map_block .map_filters.active{ display: none; }
}
.page_top_head.fullscreen .st_bottom{
    position: absolute; z-index: 4;
    left: 29%; top: 65%;
    width: 55px; height: 55px;
    width: 3.9vw; height: 3.9vw;
    cursor: pointer;
    opacity: 0.3;
    transition:all 0.3s;
}
.page_top_head.fullscreen .st_bottom:hover{ opacity: 0.4; }
.page_top_head.fullscreen .st_bottom .in-1,
.page_top_head.fullscreen .st_bottom .in-2{
    position: absolute;
    border-radius: 100%;
    border: 1px solid #fff;
    opacity: 0;

    transition:all 0.3s;
}
.page_top_head.fullscreen .st_bottom .in-1{ width: 100%; height: 100%; margin: 0%; }

.page_top_head.fullscreen .st_bottom:hover .in-1{
    opacity: 0.5;
    width: 136%; height: 136%;
    margin: -18%;
}
.page_top_head.fullscreen .st_bottom .in-2{
    width: 100%; height: 100%; margin: 0%;
    transition:all 0.2s;
}

.page_top_head.fullscreen .st_bottom:hover .in-2{
    opacity: 0.2;
    width: 200%; height: 200%; margin: -50%;
    transition-delay: 0.2s;
}
.page_top_head.fullscreen .st_bottom svg{
    position: absolute;
    fill:transparent;
    stroke-width: 0;
    stroke:#fff;
    width: 100%; height: 100%;
}
.page_top_head.fullscreen .st_bottom svg .st0{ stroke-width: 5; }
.page_top_head.fullscreen .st_bottom svg .st1{ fill: #fff; }

.branches_item .page_top_head.big .ft .col.lp{
    padding-top: 11px;
    padding-top: 0.8vw;
}
.page_top_head.big .ft .col.lp{
    padding-top: 18px;
    padding-top: 1.2vw;
}
.page_top_head .lp .branch_location,
.page_top_head .lp .branch_location .area,
.page_top_head .lp .branch_location .branch_list,
.page_top_head .lp .branch_location .name,
.page_top_head .lp .branch_location select{
    display: inline-block; vertical-align: middle;
    white-space: nowrap;
    font-size: 12px; font-size: 0.9vw;
}
.page_top_head .lp .branch_location .name{
    width: 120px; width: 8.5vw;
    text-align: right;
}
.page_top_head .lp .branch_location select{
    width: 140px; width: 10vw;
    margin-left: 10px; margin-left: 0.7vw;
    background-color: #fff;
    color: #212121;
    border-width: 0;
    border-radius: 4px; border-radius: 0.3vw;
    padding-left: 7px; padding-left: 0.5vw;
}
.page_top_head .lp .branch_location select option{ background: #fff; }

@media(max-width: 1100px){
    .page_top_head{
        margin-top: 0;
        height: 200px;
    }
    .page_top_head.big{
        height: 390px;
    }
    .page_top_head.hmap{ margin-bottom: 50px; }
    .page_top_head .ft{ display: none; }
    .page_top_head.big .ft{ display: block; }
    .page_top_head.big .text{
        width: 60%;
        left: 20%;
    }
    .page_top_head.big .text .l{ margin: 20px auto 0; }
    .page_top_head.big .text .btn{ padding: 6px 12px; margin: 0 10px;  }
    .page_top_head.big .text .btn .b{ border-radius: 4px;  }
    .page_top_head.big .text .btn .t{ font-size: 10px;  top: -1px; }

    .page_top_head .pgn{
        position: relative; top: auto;
        padding-top: 30px;
        white-space: nowrap;
        max-width: 80%;
        overflow: hidden; text-overflow: ellipsis;
    }
    .page_top_head .pgn li{ display: none; }
    .page_top_head .pgn li:first-child,
    .page_top_head .pgn li:last-child{ display: inline-block;  text-overflow: ellipsis; }
    .page_top_head .text h1{
        display: block;
        font-size: 28px;
        margin: 10px auto 0;
        max-width: 90%;
        white-space: nowrap;
        overflow: hidden; text-overflow: ellipsis;
    }
    .page_top_head.big .text h1{
        text-overflow: initial;
        white-space: initial;
    }
    .page_top_head .text h1:after{
        height: 1px;
        margin: 20px auto 0;
    }
    .page_top_head .text{ position: relative; }
    .page_top_head .text .vmid .p{ width: 0; height: 0; margin: 0; }
    .page_top_head .text .vmid .in{ text-align: left; margin: 0; }

    .page_top_head .p_load{
        right: 20px; bottom: 20px;
    }
    .page_top_head .p_load .pl_tx{
        font-size: 12px;
    }
    .page_top_head .p_load .pl_im{
        width: 24px; height: 24px;
        margin-right: 5px;
    }

    .page_top_head.big .ft .col.lp{ display: none; }
    .page_top_head.big .ft{ height: 50px; width: 100%; }
    .page_top_head.big .ft *{ vertical-align: top; }
    .page_top_head.big .ft .container-fluid{ padding-left: 24px; padding-right: 24px;  }
    .page_top_head.big .ft .row{ margin-left: -24px; margin-right: -24px; }
    .page_top_head.big .ft .col{
        padding-top: 14px;
        padding-left: 24px; padding-right: 24px;
        line-height: 24px;
    }
    .page_top_head.big .ft .col.filial select.nonest,
    .page_top_head.big .ft .col.filial button{
        border-width: 0; border-radius: 4px;
        height: 24px;
        line-height: 24px;
    }
    .page_top_head.big .ft .col.filial button{
        padding: 1px 12px;
        font-size: 10px;
    }
    .page_top_head.big .ft .col.filial label,
    .page_top_head.big .ft .col.phones .i{ font-size: 12px; padding-right: 7px; }
    .page_top_head.big .ft .col.phones .i{ margin-right: 42px; }
    .page_top_head.big .ft .col.phones .i .t{ margin-right: 7px; }
    .page_top_head.big .ft .col.phones .i .n{
        top: -2px;
        font-size: 16px;
    }

    .page_top_head.fullscreen .s{ margin-top: -50px; background: #fff; }
    .page_top_head.fullscreen .in .cn{ padding: 50px 0 0 0; }
    .page_top_head.fullscreen .map_title{
        top: auto; left: 0; right: auto; bottom: 5%;
        width: 100%;
    }
    .page_top_head.fullscreen .map_title h1{  font-size: 20px; }
    .page_top_head.fullscreen .map_title h1:after{ display: none; }
    .page_top_head.fullscreen .text_map_info{ top: 10%; }
    .page_top_head.fullscreen .text_map_info big{ font-size: 30px; }

    .page_top_head.hmap .ft{ bottom: -50px; }

    .page_top_head.fullscreen .st_bottom{
        top: 70%;
        left: 20%;
        width: 45px;
        height: 45px;
    }
}
@media(max-width: 720px){
    .page_top_head .text h1{ font-size: 20px; }
    .page_top_head.big{ height: 210px; }
    .page_top_head.big .text{ width: 80%; left: 10%; }
    .page_top_head.big .pgn{ display: none; }
    .page_top_head.fullscreen .text_map_info{ top: 25px; }
    .page_top_head.fullscreen .text_map_info big{ font-size: 20px; }
}
@media(max-width: 680px){
    .page_top_head.big .ft{ display: none; }
    .page_top_head.hmap{ margin-bottom: 0; }
    .page_top_head.fullscreen .st_bottom{ display: none; }
}

@media(max-width: 560px){
    .page_top_head.hmap{ height: 120px; }
    .page_top_head.big{ min-height: 120px; overflow: visible; background: #fff; }
    .page_top_head.big .bg,
    .page_top_head.big .text h1{ height: 120px; }
    .page_top_head.big .text h1{
        padding-top: 20px;
        overflow: hidden;
    }
    .page_top_head.big .vmid > .p,
    .page_top_head.big .vmid > .in{
        display: block; margin: 0; padding: 0; width: auto; height: auto;
    }
    .page_top_head.big .text{ width: 100%; left: 0; }
    .page_top_head.big .text .in .l{
        position: relative; z-index: 2;
        padding-top: 20px;
        margin: 0;
        width: 100%;
        background: #fff;
    }
    .page_top_head.fullscreen .text_map_info{ display: none; }
}
@media(max-width: 480px){
    .page_top_head{ height: 120px; overflow: hidden; }
    .page_top_head .text h1{
        display: block;
        overflow: hidden;
        width: 100%; max-width: 100%;
        margin: 0;
        padding: 0 60px 0 0;
        font-size: 14px; line-height: 1.4;
        text-align: center;
        white-space: normal; text-overflow: ellipsis;

    }
    .page_top_head.big .text h1{ padding: 20px 60px 0 10px; text-align: left; }
    .page_top_head .text h1:after{ display: none; }
    .page_top_head .pgn{ display: none; }
    .page_top_head.big .text .l .btn{ display: block; margin-bottom: 5px; }

    .page_top_head.fullscreen .in,
    .page_top_head.fullscreen .in .cn{
        padding: 0;
        position: relative;
        height: 120px;
        min-height: auto; max-height: none;
    }
    .page_top_head.fullscreen .map_title{
        position: relative;
        display: block;
        top: auto; bottom: auto;
        text-align: left;
        padding: 35px 0 0 15px;
    }
    .page_top_head.fullscreen .map_block .svg_map, .page_top_head.fullscreen .map_block{
        top: -45%;
        width: 90%;
        left: 5%;
        height: auto;
    }
    .page_top_head.fullscreen .s{ display: none; }
}
@media(max-width: 360px){
    .page_top_head.fullscreen .map_title{ padding-top: 45px; }
    .page_top_head.fullscreen .map_title h1{ font-size: 16px; }
    .page_top_head.fullscreen .map_block .svg_map{ top: -25%; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Статьи
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.block_content,
.block_content.feed.articles{
    position: relative; z-index: 2;
    background: #fff; color: #191C1E;
    padding: 40px 5% 50px; padding: 2.8vw 5% 3.5vw;
    min-height: 40vh;
}
.block_content.feed.articles .sub_menu{
    position: absolute;
    right: 0; top: 0;
    width: 30%;
    margin: 40px 0 20px 0;
    margin: 2.8vw 0 1.4vw -30%;
    padding: 15px 5% 15px 50px;
    padding: 1vw 5% 1vw 3.5vw;
    border-left: 1px solid #ddd;

    background: #fff;
}
.block_content.feed.articles .sub_menu ul,
.block_content.feed.articles .sub_menu ul li{ list-style: none; padding: 0; margin: 0; }
.block_content.feed.articles .sub_menu ul{
    display: block; float: none; clear: both;
    margin: 0 -14px; margin: 0 -1vw;
}
.block_content.feed.articles .sub_menu ul li{
    display: block;
    padding: 5px 7px;
    padding: 0.3vw 0.5vw;
    text-transform: uppercase; line-height: 1.2;
}
.block_content.feed.articles .sub_menu ul li span{ color: #191C1E; font-size: 12px; font-size: 0.9vw; }
.block_content.feed.articles .sub_menu ul li span,
.block_content.feed.articles .sub_menu ul li a,
.block_content.feed.articles .sub_menu ul li a span{ color: #191C1E; }
.block_content.feed.articles .sub_menu ul li a.current span,
.block_content.feed.articles .sub_menu ul li > span{ color: #7d6445; }
.block_content.feed.articles .content{
    padding-top: 20px; padding-top: 1.4vw;
    padding-right: 35%;
}
.block_content.feed.articles.nosubmenu .content{ padding-right: 0; }
.block_content .content:after,
.block_content.feed.articles .content:after{
    content: ' ';
    display: block; float: none; clear: both;
}
.block_content.feed.articles .content article h1:first-child,
.block_content.feed.articles .content article h2:first-child,
.block_content.feed.articles .content article h3:first-child,
.block_content.feed.articles .content article h4:first-child,
.block_content.feed.articles .content article h5:first-child
{ margin-top: 0; }
.block_content.feed.articles .content .time{
    font-size: 10px; font-size: 0.8vw; color: #ccc;
    margin-top: -10px; margin-top: -0.8vw;
}

.block_content .p_form.p_feedback,
.block_content.feed.articles .p_form.p_feedback{ margin: 0; padding: 0; }
.block_content .p_form.p_feedback legend,
.block_content.feed.articles .p_form.p_feedback legend,
.block_content .p_form.p_feedback legend h1,
.block_content.feed.articles .p_form.p_feedback legend h1{ color: #191C1E; text-align: left; }
.block_content .p_form.p_feedback .vmid,
.block_content.feed.articles .p_form.p_feedback .vmid,
.block_content .p_form.p_feedback .vmid > .p,
.block_content.feed.articles .p_form.p_feedback .vmid > .p,
.block_content .p_form.p_feedback .vmid .in,
.block_content.feed.articles .p_form.p_feedback .vmid .in{
    position: static;
    display: block;
    width: auto; height: auto;
    padding: 0; margin: 0;
}
.block_content:after,
.block_content.feed.articles:after,
.block_content .p_form.p_feedback:after,
.block_content.feed.articles .p_form.p_feedback:after{ content: ' '; display: block; clear: both; float: none; }
.block_content .success_message{ text-align: left; }
.block_content.feed.articles .p_form .success_message{ text-align: left; }

.block_content.feed.articles h1,
.block_content.feed.articles h2,
.block_content.feed.articles h3,
.block_content.feed.articles h4,
.block_content.feed.articles h5,
.block_content.feed.articles h6{ font-weight: bold; text-transform: uppercase; line-height: 1.4; }
.block_content.feed.articles h2{
    font-size: 18px;
    font-size: 1.4vw;
    margin: 28px 0 14px; margin: 2vw 0 1vw;
}
.block_content.feed.articles h3{
    font-size: 16px; font-size: 1.2vw;
    margin: 28px 0 14px; margin: 2vw 0 1vw;
}
.block_content.feed.articles h4{
    font-size: 14px; font-size: 1vw;
    margin: 28px 0 14px; margin: 2vw 0 1vw;
}
.block_content.feed.articles .persona{
    border-top: 1px solid #ddd;
    margin-top: 30px;
}
.block_content.feed.articles .persona td{
    padding-top: 30px;
}
.block_content.feed.articles .persona td.t{ width: 124px; }
.block_content.feed.articles .persona td.t img{ padding: 0; margin-left: 0; }
.block_content.feed.articles .persona td.d{ padding-left: 20px; }

.block_content.feed.articles .article_files{ display: block; }
.block_content.feed.articles .article_files:after{ content: ' '; clear: both; float: none; display: block;}
.block_content.feed.articles .article_files .group_block{ margin: 28px 0 14px; margin: 2vw 0 1vw; }
.block_content.feed.articles .article_files .group_block .file_type_2{
    clear: both; float: none;
    padding-top: 2.5vw;
    margin: 0 0 14px; margin: 0 0 1vw;  border-bottom: 1px solid #ddd;
}
.block_content.feed.articles .article_files .group_block .file_type_1{
    margin: 14px 0; margin: 1.3vw 0;
    float: left;
    width: 50%;
    padding-right: 5%;
}
.block_content.feed.articles .article_files .group_block .file_type_1 .ico{
    display: block; float: left;
    width: 44px; width: 3.2vw;
    height: auto;
}
.block_content.feed.articles .article_files .group_block .file_type_1 .ico svg{ width: 100%; height: auto; }
.block_content.feed.articles .article_files .group_block .file_type_1 .ico svg,
.block_content.feed.articles .article_files .group_block .file_type_1 .ico svg g,
.block_content.feed.articles .article_files .group_block .file_type_1 .ico svg path{ fill: #393C3E; }
.block_content.feed.articles .article_files .group_block .file_type_1 .text{
    display: block;
    margin-left: 60px; margin-left: 4.7vw;
}
.block_content.feed.articles .article_files .group_block .file_type_1 .text h4{
    margin: 0;
    font-size: 12px; font-size: 0.9vw;
}
.block_content.feed.articles .article_files .group_block .file_type_1 .text .a,
.block_content.feed.articles .article_files .group_block .file_type_1 .text .b{ display: inline-block; vertical-align: middle; }
.block_content.feed.articles .article_files .group_block .file_type_1 .text .a{
    height: 44px; height: 3.2vw;
    width: 1px; margin-left: -1px;  font-size: -999999px; line-height: -999999;
    overflow: hidden;
}
.block_content.feed.articles .article_files .group_block .file_type_1 .text .b{ max-width: 98%; }
.block_content.feed.articles .article_files .group_block .file_type_1 a,
.block_content.feed.articles .article_files .group_block .file_type_1 .text,
.block_content.feed.articles .article_files .group_block .file_type_1 .text *{ text-decoration: none; border-width: 0; background: transparent; }
.block_content.feed.articles .article_files .group_block .file_type_1 .text .b .dp{
    font-size: 12px; font-size: 0.9vw; color: #999;
}
.block_content.feed .no_result{
    padding: 40px 0; padding: 2.8vw 0;
    border: 1px solid #ccc;
    border-width: 1px 0;
    text-align: center; text-transform: uppercase;
}

.block_content.feed.articles .newsfeed .article_item{
    clear: both; float: none;
    margin-bottom: 40px; margin-bottom: 2.8vw;
}
.block_content.feed.articles .newsfeed .article_item:after{ content: ' '; display: block; clear: both; float: none; }
.block_content.feed.articles .newsfeed .article_item.has-image .imka{
    float: left;
    width: 25%;
}
.block_content.feed.articles .newsfeed .article_item.has-image .imka img{ width: 100%; }
.block_content.feed.articles .newsfeed .article_item.has-image .text_info{ margin-left: 30%;}

.block_content.feed .newsfeed .preloader{
    display: block;
    height: 40px;
    background: url(../../images/hpreloader.gif) no-repeat center center;
    background-size: auto 40%;
    opacity: 0;
    transition:opacity 0.3s; -moz-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -o-transition:opacity 0.3s;
}
.block_content.feed .newsfeed.load .preloader{ opacity: 1; }

.block_content.search.feed .content{ padding: 0 10% 0; }
.block_content.search .content .search_field,
.block_content.search .content .search_field:after{ display: block; clear: both; float: none; }
.block_content.search .content .search_field:after{ content: ' '; }
.block_content.search .content .search_field{
    margin: 30px 0; margin: 2.1vw 0;
    padding-bottom: 30px; padding-bottom: 2.1vw;
    border-bottom: 1px solid #A2A4A5; border-width: 0 0 0.1px; border-width: 0 0 0.1vw;
}
.block_content.search .content .search_field label,
.block_content.search .content .search_field input,
.block_content.search .content .search_field button{ height: 32
                         1px; height: 2.7vw; line-height: 32px; line-height: 2.2vw; }
.block_content.search .content .search_field label{
    position: relative; top: 4px; top: 0.2vw;
    width: 20%;
    float: left;
    text-align: right;
    margin: 0;
}
.block_content.search .content .search_field input{
    display: block;
    float: left;
    width: 52%; margin: 0 4%;

    border-radius: 4px; border-radius: 0.3vw;
    border: 1px solid #ccc; border-width: 0.1vw;
    box-shadow: none;
    padding: 6px 12px; padding: 0.4vw 0.8vw;
}
.block_content.search .content .search_field button{
    display: block;
    float: right;
    width: 20%;
    border: 1px solid #36393c; border-radius: 0.3vw;
    background: #36393c;
    box-shadow: 0;
    color: #fff; text-align: center;
}

.mm_head,
.block_content.feed.articles h2.mm_head,
.block_content .mm_head{
    position: relative;

    font-size: 22px; font-size: 1.5vw;
    text-transform: uppercase;
    padding: 0 30px 30px 0; padding: 0 2.1vw 2.1vw 0;
    margin: 0 0 30px 0; margin: 0 0 2.1vw 0;
    border-bottom: 1px solid #7d6445;
    border-bottom-width: 0.1vw;
    color: #7d6445; font-weight: bold;
}
.block_content .print_click{
    font-size: 14px; font-size: 1vw; color: #212121;
    position: absolute; right: 0; top: 7px; top: 0.5vw;
    cursor: pointer;
}
.block_content .print_click:after{ display: block; content: ' '; clear: both; float: none; }

@media(max-width: 1100px){
    .block_content,
    .block_content.feed.articles{ padding: 40px 30px 50px; }
    .block_content.feed.articles .sub_menu{
        right: 0; top: 0;
        width: 40%;
        margin: 40px 0 20px 0;
        padding: 15px;
        border-left: 1px solid #ddd;
    }

    .block_content.feed.articles .sub_menu ul{ margin: 0; }
    .block_content.feed.articles .sub_menu ul li{ display: block; padding: 5px 7px }
    .block_content.feed.articles .sub_menu ul li span{ font-size: 12px;}
    .block_content .content,
    .block_content.feed.articles .content{
        padding-top: 20px;
        padding-right: 45%;
    }

    .block_content h2,
    .block_content.feed.articles h2{ font-size: 18px; margin: 28px 0 14px;  }
    .block_content h3,
    .block_content.feed.articles h3{ font-size: 16px; margin: 28px 0 14px;  }
    .block_content.feed.articles .content .time{ font-size: 10px; margin-top: -10px;  }

    .block_content .p_form.p_feedback,
    .block_content.feed.articles .p_form.p_feedback{ margin-top: 0; }
    .block_content article > h1,
    .block_content.feed.articles article > h1,
    .block_content article> h2,
    .block_content.feed.articles article> h2,
    .block_content article > h3,
    .block_content.feed.articles article > h3{ margin-top: 0;  }
    .block_content h4,
    .block_content.feed.articles h4{ font-size: 14px; margin: 28px 0 14px; }
    .block_content.feed.articles .article_files{ display: block; }
    .block_content.feed.articles .article_files .group_block{ margin: 28px 0 14px; }
    .block_content.feed.articles .article_files .group_block .file_type_2{
        padding-top: 35px;
        margin: 0 0 14px; border-bottom: 1px solid #ddd;
    }
    .block_content.feed.articles .article_files .group_block .file_type_1{
        margin: 14px 0;
        float: none;
        width: auto;
        padding-right: 0;
    }
    .block_content.feed.articles .article_files .group_block .file_type_1 .ico{ width: 44px;  }
    .block_content.feed.articles .article_files .group_block .file_type_1 .text{ margin-left: 60px;  }
    .block_content.feed.articles .article_files .group_block .file_type_1 .text h4{
        font-size: 12px;
    }
    .block_content.feed.articles .article_files .group_block .file_type_1 .text .a{ height: 44px; }
    .block_content.feed.articles .article_files .group_block .file_type_1 .text .b .dp{ font-size: 12px; }
    .block_content.feed.articles .no_result{
        padding: 40px 0;
        border-width: 1px 0;
    }

    .block_content.feed.articles .newsfeed .article_item{ margin-bottom: 40px; }

    .block_content.search .content .search_field:after{ content: ' '; }
    .block_content.search .content .search_field{
        margin: 30px 0;
        padding-bottom: 30px;
        border-width: 0 0 0.1px;
    }
    .block_content.search .content .search_field label,
    .block_content.search .content .search_field input,
    .block_content.search .content .search_field button{ height: 32px; line-height: 32px; }
    .block_content.search .content .search_field label{ top: 4px; }
    .block_content.search .content .search_field input{
        width: 52%; margin: 0 4%;

        border-radius: 4px;
        border-width: 0.1px;
        padding: 6px 12px;
    }
    .block_content.search .content .search_field button{ border: 1px solid #36393c; border-radius: 4px; }


    .mm_head,
    .block_content.feed.articles h2.mm_head,
    .block_content .mm_head{
        font-size: 22px;
        text-transform: uppercase;
        padding: 0 0 30px 0;
        margin: 0 0 30px 0;
        border-bottom: 1px solid #7d6445;
    }
    .block_content .print_click{ display: none; }
}
@media(max-width: 768px){
    .block_content,
    .block_content.feed.articles{ padding: 20px 15px; }
    .block_content.feed.articles .sub_menu{
        position: static;
        float: none;
        margin: 0 0px 20px;
        width: 100%;
    }
    .block_content .content,
    .block_content.feed.articles .content{
        padding-top: 0;
        padding-right: 0;
    }
    .block_content h4,
    .block_content.feed.articles h4{ font-size: 12px; }
    .block_content.feed.articles .article_files .group_block .file_type_1 .ico{ width: 40px; }
    .block_content.feed.articles .article_files .group_block .file_type_1 .text{ margin-left: 50px;  }
    .block_content.feed.articles .article_files .group_block .file_type_1 .text .a{ height: 40px; }
    .block_content.search .content .search_field{ margin-top: 10px; }
    .block_content.search .content .search_field label{ display: none; }
    .block_content.search .content .search_field input{
        display: block;
        width: 58%;
    }
    .block_content.search .content .search_field button{
        width: 30%;
        margin-right: 4%;
    }

    .mm_head,
    .block_content.feed.articles h2.mm_head,
    .block_content .mm_head{
        font-size: 18px;
        text-transform: uppercase;
        padding: 10px 0 20px 0;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #7d6445;
    }
}
@media(max-width: 420px){
    .block_content.feed.articles .sub_menu{
        border: 1px solid #ddd; border-width: 0 0 1px 0;
        padding: 0 0 20px;
    }
    .block_content.feed.articles .persona table,
    .block_content.feed.articles .persona tr,
    .block_content.feed.articles .persona td{
        display: block;
    }
    .block_content.feed.articles .persona td.d{padding: 0; margin: 0; }

    .block_content.feed.articles .newsfeed .article_item.has-image .imka{ float: none; width: 100%; margin: 20px auto; }
    .block_content.feed.articles .newsfeed .article_item.has-image .text_info{ margin-left: 0;}
    .mm_head,
    .block_content.feed.articles h2.mm_head,
    .block_content .mm_head{
        font-size: 16px;
        text-transform: uppercase;
        padding: 10px 0 20px 0;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #7d6445;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* файлы */
.p_form .files_upload{ clear: both; float: none; }
.p_form .files_upload .drag-and-drop-upload{
    display: block; position: relative;
    width: 100%; height: 50px; height: 3.5vw;
}
.p_form .files_upload .drag-and-drop-upload:after{ content: " "; clear: both; float: none; display: block; }
.p_form .files_upload .uploader{
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: 14px; color: #2d2b2f; text-align: left;
    border-bottom: 1px solid #ddd;
}
.p_form .files_upload .uploader:after{ content: ' '; display: block; float: none; clear: both; }
.p_form .files_upload .uploader .drag-and-drop,
.p_form .files_upload .uploader .browser{  display: block;  }
.p_form .files_upload .uploader .browser .click{
    display: block;
}
.p_form .files_upload .uploader .browser .click .btn{
    margin-top: 10px;
    margin-top: 0.7vw;
    display: block; vertical-align: middle;
    color: #3c763d;
    height: 32px; width: 32px;
    height: 2.2vw; width: 2.2vw;
    padding: 4px; padding: 0.2vw;
    border-width: 0;
    box-shadow: none;
    background: none;
}
.p_form .files_upload .uploader .browser .click .btn svg{ width: 100%; height: 100%;  }
.p_form .files_upload .uploader .browser .click .btn svg *{
    fill: #7d6445;
    transition:fill 0.3s; -moz-transition:fill 0.3s; -webkit-transition:fill 0.3s; -o-transition:fill 0.3s;
}
.p_form .files_upload .uploader .browser .click .btn:hover svg *{
    fill: #3c763d;
}
.p_form .files_upload .uploader .drag-and-drop{ float: left; line-height: 50px; font-weight: bold; }
.p_form .files_upload .uploader .browser{ float: right; }
.p_form .files_upload .uploader .browser .btn{ position: relative; z-index: 2; }
.p_form .files_upload .uploader .browser input{
    border-width: 0;
    position: absolute;
    width: 100%; height: 100px;
    top: -25px;
    left: 0;
    opacity: 0;
    z-index: 0;
}
.p_form .files_upload .uploader label{
    display: inline-block;
    width: auto; height: auto;
    margin: 0;
    font-size: 100%; font-weight: normal;
    position: static;
    background: transparent;
}
.p_form .files_upload .uploader label:hover{ background: transparent; }
.p_form .files_upload .progress_upload{ display: none; }
.p_form .files_upload .progress_upload{
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #fff;
}
.p_form .files_upload .progress_upload .in{ padding: 0; }
.p_form .files_upload .progress_upload .in .tx{
    padding-bottom: 3px;
    text-align: center;
}
.p_form .files_upload .message {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #fff;
    display: none;
}
.p_form .files_upload .message .in{ width: 100%; height: 100%; }
.p_form .files_upload .message .in .l{
    display: inline-block; vertical-align: middle;
    height: 100%; width: 1px;
}
.p_form .files_upload .message .in .r{
    display: inline-block; vertical-align: middle;
    width: 100%;
    margin-left: -5px;
    text-align: center;
}
.p_form .files_upload .message .in .r div{ display: inline-block; vertical-align: middle; }
.p_form .files_upload .message .ico:after{
    display: inline-block;
    font-size: 40px; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1;
}
.p_form .files_upload .message .tx{ font-weight: bold; margin-right: 10px; }
.p_form .files_upload .success .message{ color: #3c763d; }
.p_form .files_upload .success .message .ico:after{ content: "\e013"; }
.p_form .files_upload .error .message{ color: #a94442; }
.p_form .files_upload .error .message .ico:after{ content: "\e014"; }

.p_form .files_upload .load .progress_upload{ display: block; }
.p_form .files_upload .answer .message{ display: block; }
.p_form .files_upload .list_uploded,
.p_form .files_upload .list_uploded a{ display: block; clear: both; float: none; }
.p_form .files_upload .list_uploded{ padding: 15px 0; }
.p_form .files_upload .list_uploded a{
    position: relative;
    margin: 5px 0;
    color: #2d2b2f;
}
.p_form .files_upload .list_uploded a i{ font-weight: bold; margin-right: 5px; }
.p_form .files_upload .list_uploded a .remove{
    position: absolute;
    right: 0; top: 0;
    display: block;
}
.p_form .files_upload .list_uploded a .remove:after{
    font-family: 'Glyphicons Halflings';
    content: "\e014";
    display: block; font-weight: bold;
    color: #a94442;
    opacity: 0;
    transition:opacity 0.3s; -moz-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -o-transition:opacity 0.3s;
}
.p_form .files_upload .list_uploded a:hover .remove:after{
    opacity: 1;
}

.p_form .files_upload .small_text{
    margin: 14px 0; margin: 1vw 0;
    font-size: 10px; font-size: 0.7vw; color: #A2A4A5;

}
@media(max-width:1100px){
    .p_form .files_upload .small_text{
        display: block; clear: both;
        margin: 0;
        padding: 14px 0; font-size: 10px;
    }
    .p_form .files_upload .uploader .browser .click .btn{
        margin-top: 10px;
        height: 32px; width: 32px;
        padding: 4px;
    }
    .p_form .files_upload .drag-and-drop-upload{
        height: 50px;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*.apply_predsedatel .p_form{ width: 100%; }*/
.apply_predsedatel h1,
.apply_predsedatel h2,
.apply_predsedatel h3{ text-transform: uppercase; font-weight: bold; margin: 28px 0; margin: 2vw 0; }
.apply_predsedatel form#apply > h2{ margin-top: 0; font-size: 20px; font-size: 1.4vw; color: #36393c; }
.apply_predsedatel .p_form h3{ color: #7d6445; }
.apply_predsedatel .p_form h3{ color: #7d6445; }
.apply_predsedatel .lecen label{ margin-top: 30px; margin-top: 2.1vw; }
.apply_predsedatel .lecen label *{
    font-weight: lighter;
    font-size: 18px; font-size: 1.2vw;
}

.apply_predsedatel .tb-cont,
.apply_predsedatel .tb-cont .tb-titles,
.apply_predsedatel .tb-cont .tb-bodys,
.apply_predsedatel .tb-cont .tb-bodys .tb-body{ clear: both; float: none; }
.apply_predsedatel .tb-cont .tb-titles:after{ content: ' '; display: block; float: none; clear: both; }
.apply_predsedatel .tb-cont .tb-titles .tb-title{
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    border-bottom: 2px solid #36393c; border-width: 0 0 0.1.5vw 0;
    color: #36393c;
    padding-bottom: 14px; padding-bottom: 1vw;
    text-transform: uppercase;
}
.apply_predsedatel .tb-cont .tb-titles .tb-title.active{
    border-color: #7d6445;
    color: #7d6445;
}
.apply_predsedatel .tb-cont .tb-bodys .tb-body{ display: none; }
.apply_predsedatel .tb-cont .tb-bodys .tb-body.active{ display: block; }
.apply_predsedatel #tb-body-2 .form-group{ margin: 28px 0 56px; margin: 2vw 0 4vw; }
.apply_predsedatel .btt{
    margin-top: 28px; margin-bottom: 28px;
    margin-top: 2vw; margin-bottom: 2vw;
}
.apply_predsedatel .btb{
    margin-top: 28px; margin-bottom: 56px;
    margin-top: 2vw; margin-bottom: 4vw;
}
.apply_predsedatel #tb-body-2 .form-group:after{ content: ' '; clear: both; float: none; display: block; }
.apply_predsedatel .bt{ text-align: center; }
.apply_predsedatel .bt .btn{
    display: inline-block;
    box-shadow: none; border-width: 0;
    position: relative;
    background: transparent;
    padding: 6px 12px; padding: 0.4vw 3vw;
    margin: 0 14px; margin: 0 1vw;
}
.apply_predsedatel .bt .btn .b{
    position: absolute; z-index: 1; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0.8;
    background-color: #6e6e6e;
    border-radius: 4px; border-radius: 0.3vw;

}
.apply_predsedatel .bt .btn.next .b{ background-color: #7d6445; }
.apply_predsedatel .bt .btn .t{
    text-shadow: none;
    position: relative; z-index: 2;
    color: #fff; text-transform: uppercase; font-size: 12px; font-size: 0.9vw; font-weight: normal;
    top: -1px; top: -0.1vw;
}
.apply_predsedatel .bt .btn:hover .b{
    background: #746549;
    transition:background 0.3s; -moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
.apply_predsedatel .bt .btn.next:hover .b{ background-color: #6e6e6e; }
.apply_predsedatel .inline .control-label{ display: inline-block; vertical-align: middle; }
.apply_predsedatel .inline .rp{
    display: inline-block; vertical-align: middle;
    margin-left: 14px; margin-left: 1vw;
}
.apply_predsedatel .mn{
    margin-top: 28px; margin-top: 2vw;
    margin-bottom: 28px; margin-top: 2vw;
}
.apply_predsedatel .mn:after{ content: ' '; clear: both; float: none; display: block; }
.apply_predsedatel .mn textarea{
    height: 360px;
    height: 26vw;
}
.apply_predsedatel .p_form fieldset legend h3{ margin: 0; color: #2d2b2f; }
.apply_predsedatel .apply_user_name{ display: none; }
.apply_predsedatel .apply_user_name.active{ display: block; }
.apply_predsedatel .apply_success_header{ display: block;  }

#apply_form.answer{ padding-bottom: 56px; padding-bottom: 4vw; }
#apply_form.answer h2{ text-transform: uppercase; font-weight: normal; color: #7d6445; font-size: 28px;  }
#apply_form.answer big{ font-weight: bold; font-size: 28px; }
#apply_form.answer .big{ margin: 28px 0 14px; margin: 2vw 0 1vw; font-weight: bold; font-size: 20px; font-size: 1.4vw; }
#apply_form.answer p{ color: #2e3032; }
#apply_form.answer .small{
    display: block;
    color: #6e6e6e;
    line-height: 1;
    font-size: 12px; font-size: 0.9vw;
}

.p_form.p_apply_check.p_feedback{ min-width: none; width: auto; }
#apply_check_form h2{
    margin-bottom: 56px; margin-bottom: 4vw;
    text-transform: uppercase;
    color: #36393c; font-size: 20px; font-size: 1.4vw; font-weight: bold;
}
#apply_check_form h3{
    margin-bottom: 28px;
    text-transform: uppercase; color: #7d6445;
    font-size: 20px; font-size: 1.4vw; font-weight: bold;
}
#apply_check_form .info{ margin: 28px 0; margin: 2vw 0 3vw; }
#apply_check_form .form-group label,
#apply_check_form .form-group .rp{ display: inline-block; vertical-align: middle; }
#apply_check_form .form-group label,
#apply_check_form .form-group label *{
    font-size: 12px; font-size: 0.9vw;
    text-transform: uppercase;
    font-weight: normal;
}
#apply_check_form .form-group label span{
    display: inline-block;
    padding-top: 3px; padding-top: 0.2vw;
}
#apply_check_form .form-group .rp{ margin-left: 14px; margin-left: 1vw; }
@media( min-width:1100px ){
    #apply_check_form .form-group .rp .form-control-feedback{ right: 1vw;  }
}
#apply_check_form .form-group .imka{
    display: inline-block; vertical-align: middle;
    width: 150px; width: 10.7vw;
}
#apply_check_form #input_id{ width: 420px; width: 30vw; }
#apply_check_form #input_captcha{ width: 196px; width: 14vw; }
#apply_check_form small{
    display: block;
    width: 100%;
    font-size: 10px; font-size: 0.8vw;
    line-height: 1.2;
    margin: 0; padding: 0;
    color: #7b7b7b;
    margin: 14px 0; margin: 1vw 0 2vw;
}

#apply_check_form .bt{ text-align: center; }
#apply_check_form .bt .btn{
    display: inline-block;
    box-shadow: none; border-width: 0;
    position: relative;
    background: transparent;
    padding: 6px 12px; padding: 0.4vw 3vw;
    margin: 0 14px; margin: 0 1vw;
}
#apply_check_form .bt .btn .b{
    position: absolute; z-index: 1; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0.8;
    background-color: #6e6e6e;
    border-radius: 4px; border-radius: 0.3vw;

}
#apply_check_form .bt .btn .t{
    text-shadow: none;
    position: relative; z-index: 2;
    color: #fff; text-transform: uppercase; font-size: 12px; font-size: 0.9vw; font-weight: normal;
    top: -1px; top: -0.1vw;
}
#apply_check_form .bt .btn:hover .b{
    background: #746549;
    transition:background 0.3s; -moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}

#apply_check_form.answer .big{ font-size: 18px; font-size: 1.2vw; }
#apply_check_form.answer .big big{ font-size: 22px; font-size: 1.5vw; font-weight: bold; color: #7d6445; }
#apply_check_form.answer .status_-99 .big big{ color: #a94442; }

@media (max-width: 1100px){
    .block_content.apply_predsedatel,
    .block_content.apply_predsedatel .content,
    .block_content.apply_predsedatel .content .p_form{ width: 100%; max-width: none; }
    .block_content.apply_predsedatel .content{ padding: 0; }

    .apply_predsedatel .p_form{ width: 100%; }
    .apply_predsedatel h1,
    .apply_predsedatel h2,
    .apply_predsedatel h3{ margin: 28px 0; }
    .apply_predsedatel form#apply > h2{ font-size: 20px; }
    .apply_predsedatel .lecen label{ margin-top: 30px; }
    .apply_predsedatel .lecen label *{ font-size: 18px;  }

    .apply_predsedatel .tb-cont .tb-titles .tb-title{
        border-bottom: 2px solid #36393c;
        padding-bottom: 14px;
    }
    .apply_predsedatel #tb-body-2 .form-group{ margin: 28px 0 56px; }
    .apply_predsedatel .btt{ margin-top: 28px; margin-bottom: 28px; }
    .apply_predsedatel .btb{ margin-top: 28px; margin-bottom: 56px; }
    .apply_predsedatel .bt .btn{ padding: 6px 12px; margin: 0 14px; }
    .apply_predsedatel .bt .btn .b{ border-radius: 4px; }
    .apply_predsedatel .bt .btn .t{ font-size: 12px; top: -1px; }
    .apply_predsedatel .inline .rp{ margin-left: 14px; }
    .apply_predsedatel .mn{ margin-top: 28px; margin-bottom: 28px; }
    .apply_predsedatel .mn textarea{ height: 360px; }
    #apply_form.answer{ padding-bottom: 56px; }
    #apply_form.answer h2{ font-size: 28px;  }
    #apply_form.answer big{ font-size: 28px; }
    #apply_form.answer .big{ margin: 28px 0 14px; font-size: 20px; }
    #apply_form.answer .small{ font-size: 12px; }
    .apply_predsedatel .bt{ text-align: center; }
    .apply_predsedatel .bt .btn{ padding: 6px 28px; }

    .p_form.p_apply_check.p_feedback,
    .p_form.p_apply_check.p_feedback .content{ max-width: none; width: auto; }
    .block_content.apply_predsedatel_check .content{ padding: 0; }
    #apply_check_form h2{ margin-bottom: 56px; font-size: 20px; }
    #apply_check_form h3{ margin-bottom: 28px; font-size: 20px; }
    #apply_check_form .info{ margin: 28px 0; }
    #apply_check_form .form-group label,
    #apply_check_form .form-group label *{ font-size: 12px; }
    #apply_check_form .form-group label span{ padding-top: 3px; }
    #apply_check_form .form-group .rp{ margin-left: 14px; }
    #apply_check_form .form-group .imka{ width: 150px; }
    #apply_check_form #input_id{ width: 420px;  }
    #apply_check_form #input_captcha{ width: 196px; }
    #apply_check_form small{ font-size: 10px; margin: 14px 0 28px; }
    #apply_check_form .bt .btn{ padding: 6px 12px; margin: 0 14px;  }
    #apply_check_form .bt .btn .b{ border-radius: 4px;  }
    #apply_check_form .bt .btn .t{ font-size: 12px; top: -1px;  }

    #apply_check_form.answer .big{ font-size: 18px; }
    #apply_check_form.answer .big big{  font-size: 22px; }

}
@media (max-width: 768px){
    .apply_predsedatel .mn textarea{ height: 150px; }
    #apply_check_form small{ width: auto; }
    #apply_check_form.answer .big{ font-size: 14px; }
    #apply_check_form.answer .big big{ display: block; font-size: 16px; }
}
@media (max-width: 620px){
    #apply_check_form .form-group label, #apply_check_form .form-group .rp{ display: block; }
    #apply_check_form .form-group .rp{ margin-left: 0; }
}
@media (max-width: 460px){
    #apply_check_form #input_captcha,
    #apply_check_form #input_id{ width: 100%; }
    #apply_check_form .form-group .imka{
        display: block;
        width: 200px; margin: 0 auto;
    }
}
@media (max-width: 420px){
    #apply_form.answer big,
    #apply_form.answer h2{ font-size: 20px; }
    #apply_form.answer .big{ font-size: 14px; }
    .apply_predsedatel .lecen label *{ font-size: 16px; }
    #apply_form.answer .small br{ display: none; }
    #apply_check_form .bt .btn,
    .apply_predsedatel .bt .btn{ padding: 6px; display: block; margin: 5px 0; width: 100%; float: none; clear: both;}
    .apply_predsedatel .inline .rp{
        display: block;
        margin-left: 0;
    }

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.calc_loan, .calc_deposit{ color: #3a3c3e; }
.calc_loan legend h2,
.calc_deposit legend h2{
    color: #3a3c3e; text-align: left; text-transform: uppercase; font-weight: bold;
    font-size: 22px; font-size: 1.5vw;
}
.calc_loan label,
.calc_deposit label{ color: #3a3c3e; font-weight: normal; }
#loan_calc,
#deposit_calc{ position: relative; }
#deposit_calc:after,
#loan_calc:after{ content: " "; display: block; clear: both; float: none; }
#deposit_calc h3,
#loan_calc h3{
    text-align: center;
    font-weight: bold;
    font-size: 22px; font-size: 1.5vw;
    margin: 10px 0 30px; margin: 0.7vw 0 2.1vw;
}
#deposit_calc .spec .form-group label,
#loan_calc .spec .form-group label{
    padding-right: 10px; padding-right: 0.7vw;
    text-transform: uppercase;
    font-size: 12px; font-size: 0.9vw;
}
#deposit_calc .form-group .value,
#loan_calc .form-group .value{
    font-size: 20px; font-size: 1.4vw;
    font-weight: bold;
    line-height: 32px; line-height: 2.2vw;
    white-space: nowrap;
}
#deposit_calc .preloader,
#deposit_calc .preloader .in,
#loan_calc .preloader,
#loan_calc .preloader .in{
    clear: both; float: none;
    position: absolute; z-index: 2; left: 0; top: 0;
    width: 100%; height: 100%;
}
#deposit_calc .preloader,
#loan_calc .preloader{
    display: none;
    background-color: rgba(255,255,255,0.6);
}
#deposit_calc .preloader .in,
#loan_calc .preloader .in{ background: url(../../images/preloader.gif) no-repeat center center; }
#deposit_calc.load .preloader,
#loan_calc.load .preloader{ display: block; }

#deposit_calc .rt,
#loan_calc .rt{
    display: none;
    border: 1px solid #a4a5a6;
    border-radius: 4px; border-radius: 0.2vw;
    padding: 10px 30px 30px; padding: 0.7vw 2.1vw 2.1vw;
}
#deposit_calc .rt.active,
#loan_calc .rt.active{ display: block; }
#deposit_calc .spec,
#loan_calc .spec{ text-align: left; }
#deposit_calc .spec label,
#loan_calc .spec label{ display: inline-block; }

#deposit_calc .bt,
#loan_calc .bt{
    display: block; clear: both; float: none;
    text-align: center;
    padding-top: 28px; padding-top: 2vw;
}
#deposit_calc .bt .btn,
#loan_calc .bt .btn{
    display: block;
    width: 100%;
    box-shadow: none; border-width: 0;
    position: relative;
    background: transparent;
    padding: 6px 12px; padding: 0.4vw 3vw;
}
#deposit_calc .btn .b,
#loan_calc .bt .btn .b{
    position: absolute; z-index: 1; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0.8;
    background-color: #6e6e6e;
    border-radius: 4px; border-radius: 0.3vw;
}
#deposit_calc .bt .btn.next .b,
#loan_calc .bt .btn.next .b{ background-color: #7d6445; }
#deposit_calc .bt .btn .t,
#loan_calc .bt .btn .t{
    text-shadow: none;
    position: relative; z-index: 2;
    color: #fff; text-transform: uppercase; font-size: 12px; font-size: 0.9vw; font-weight: normal;
    top: -1px; top: -0.1vw;
}
#deposit_calc .bt .btn:hover .b,
#loan_calc .bt .btn:hover .b{
    background: #746549;
    transition:background 0.3s; -moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
#deposit_calc .bt .btn.next:hover .b,
#loan_calc .bt .btn.next:hover .b{ background-color: #6e6e6e; }

#deposit_calc .description{ white-space: pre-wrap; }
#deposit_calc .dates,
#deposit_calc .money{ display: block; }
#deposit_calc .money{
    font-size: 20px; font-size: 1.8vw;
    line-height: 32px; line-height: 2.6vw;
    font-weight: bold;
    white-space: nowrap;
}

@media(max-width: 1100px){
    .block_content.calc_deposit,
    .block_content.calc_loan{ min-width: none; width: auto; }
    .block_content.calc_deposit .content,
    .block_content.calc_loan .content{ min-width: none; width: auto; padding: 0; }
    #deposit_calc .money{
        font-size: 20px;
        line-height: 32px;
    }
}
@media(max-width: 991px){
    .calc_deposit legend h2,
    .calc_loan legend h2{ font-size: 22px; }
    #deposit_calc h3,
    #loan_calc h3{ font-size: 22px; margin: 10px 0 30px; }
    #deposit_calc .spec .form-group label,
    #loan_calc .spec .form-group label{ padding-right: 10px; font-size: 12px; }
    #deposit_calc .form-group .value,
    #loan_calc .form-group .value{ font-size: 16px; line-height: 22px; }
    #deposit_calc .rt,
    #loan_calc .rt{
        display: none;
        border: 1px solid #a4a5a6;
        border-radius: 4px;
        padding: 10px 30px 30px;
    }

    #deposit_calc .bt,
    #loan_calc .bt{ padding-top: 28px; }
    #deposit_calc .bt .btn,
    #loan_calc .bt .btn{ padding: 6px 12px; }
    #deposit_calc .bt .btn .b,
    #loan_calc .bt .btn .b{ border-radius: 4px;  }
    #deposit_calc .bt .btn .t,
    #loan_calc .bt .btn .t{ font-size: 12px;top: -1px; }

    #deposit_calc .lft,
    #deposit_calc .rt,
    #loan_calc .lft,
    #loan_calc .rt{ width: 50%; float: left; }
    #deposit_calc .rt,
    #loan_calc .rt{ width: 45%; margin-left: 5%; }
}
@media(max-width: 720px){
    .calc_deposit .content,
    .calc_loan .content{ max-width: 420px; margin: 0 auto 40px; }
    #deposit_calc .lft,
    #deposit_calc .rt,
    #loan_calc .lft,
    #loan_calc .rt{ width: auto; float: none; }
    #deposit_calc .rt,
    #loan_calc .rt{ width: auto; margin-left: 0; }
}
@media(max-width: 560px){
    body.calc_deposit .page_top_head,
    body.loan_calc .page_top_head{ height: 140px; }
    .page_top_head .p_load{ right: auto; left: 20px; }
}
@media(max-width: 360px){
    #deposit_calc .lft,
    #deposit_calc .rt,
    #loan_calc .lft,
    #loan_calc .rt{
        padding: 10px;
        border-width: 1px 0 0;
        border-radius: 0;
    }
    #deposit_calc .spec .form-group label,
    #deposit_calc .form-group .value,
    #loan_calc .spec .form-group label,
    #loan_calc .form-group .value{ display: block; }
    #deposit_calc h3,
    #loan_calc h3{ text-align: left; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pollsfeed .polls_vote_show{
    margin: 60px 0 0;
    width: 40%;
    color: #2e3032;
}
.pollsfeed .polls_vote_show .o .q{ text-transform: uppercase; font-weight: bold; }
.pollsfeed .polls_vote_show .o.have .a_l .a_i.fjs label .ico{ border-color: #2e3032; }
.pollsfeed .polls_vote_show .o.result .a_l .a_i .pg_r .pg .beg,
.pollsfeed .polls_vote_show .o.have .a_l .a_i.fjs label .ico:after{ background: #2e3032; }
.pollsfeed .polls_vote_show .o.result .a_l .a_i .pg_r .pg{ border-color: #bbbbbb; }


@media(max-width: 1100px){
    .pollsfeed.content{ padding-right: 0; }
    .pollsfeed .polls_vote_show{ margin: 20px 0; width: 50%; }
}
@media(max-width: 720px){
    .pollsfeed .polls_vote_show{ margin: 20px auto; max-width: 400px; width: auto; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.apply_statistics .block_content .content, .apply_statistics .block_content.feed.articles .content{ padding: 0; }
.apply_statistics .fgraf { width: 700px; }
.apply_statistics .bk h3{ font-size: 20px; font-weight: normal; color: #666667; }
.apply_statistics .bk .info_dop{
    border-radius: 4px;
    border: 1px solid #A2A4A5;
    padding: 20px;
    font-size: 14px; font-weight: bold;
    color: #666667;
}
.apply_statistics .bk .info_dop .ln{ clear: both; float: none; margin-bottom: 15px; }
.apply_statistics .bk .info_dop .ln:after{ content: " "; display: block; clear: both; float: none; }
.apply_statistics .bk .info_dop .ln:last-child{ margin-bottom: 0; }
.apply_statistics .bk .info_dop .ln .l{ float: left; }
.apply_statistics .bk .info_dop .ln .v{ float: right; font-size: 18px; }
.apply_statistics .fgraf .ct-chart{
    margin-top: 20px;
    padding-top: 35px;
}

#chart1 .ct-series .ct-bar { stroke-width: 20%; }
.ct-chart.graf .ct-series.ct-series-a .ct-bar,
.ct-chart.graf .ct-series.ct-series-a .ct-line,
.ct-chart.graf .ct-series.ct-series-a .ct-point{ stroke: #aaaaaa; }
.ct-chart.graf .ct-series.ct-series-b .ct-bar,
.ct-chart.graf .ct-series.ct-series-b .ct-line,
.ct-chart.graf .ct-series.ct-series-b .ct-point{ stroke: #35383b; }
.ct-chart.graf .ct-series.ct-series-c .ct-bar,
.ct-chart.graf .ct-series.ct-series-c .ct-line,
.ct-chart.graf .ct-series.ct-series-c .ct-point{ stroke: #7d6445; }
.ct-chart.graf .ct-series.ct-series-d .ct-bar,
.ct-chart.graf .ct-series.ct-series-d .ct-line,
.ct-chart.graf .ct-series.ct-series-d .ct-point{ stroke: #666667; }
.ct-chart.sml .ct-series .ct-bar { stroke-width: 12%; }

@media(min-width: 3200px){ .apply_statistics .fgraf { width: 2700px; } }
@media(max-width: 3200px){ .apply_statistics .fgraf { width: 1800px; } }
@media(max-width: 2600px){ .apply_statistics .fgraf { width: 1200px; } }
@media(max-width: 1800px){ .apply_statistics .fgraf { width: 900px; } }
@media(max-width: 1400px){
    .apply_statistics .fgraf { width: 700px; }
    .apply_statistics .graf{ height: 250px;}
}
@media(max-width: 1000px){
    .apply_statistics .fgraf,
    .apply_statistics .bk{ width: auto; clear: both; float: none; display: block; }
    .apply_statistics .fgraf { width: 700px; }
    .apply_statistics .bk .info_dop{ display: none; }
}
@media(max-width: 768px){
    .ct-chart.graf.sml{ height: 200px; }
    .apply_statistics .fgraf { width: 450px; }
}
@media(max-width: 500px){
    .apply_statistics .fgraf { width: 280px; }
    .apply_statistics .ct-double-octave.graf{ height: 150px; }
    .ct-chart.graf .ct-line,
    .ct-chart.graf .ct-point,
    .ct-chart.graf .ct-slice-donut{ stroke-width: 1px; }
    .ct-chart.graf.rn .ct-labels foreignObject:nth-child(3n+1),
    .ct-chart.graf.rn .ct-labels foreignObject:nth-child(3n+2){ display: none; }

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.branch_address h3{
    font-weight: bold; font-size: 18px; font-size: 1.2vw;
    color: #7d6445;
    text-transform: uppercase;

    margin: 0 0 25px; margin: 0 0 1.7vw;
}
.branch_address .contacts{
    border-bottom: 1px solid #7d6445;
    padding-bottom: 14px; padding-bottom: 1vw;
    margin-bottom: 60px; margin-bottom: 4.2vw;
}
.branch_address .contacts address{ margin: 0; }
.branch_address .contacts .ln{ margin: 10px 0; margin: 0.7vw 0;  }
.branch_address .contacts .ln,
.branch_address .contacts .ln:after{clear: both; float: none; display: block; }
.branch_address .contacts .ln:after{ content: ' '; }
.branch_address .contacts .l{ text-transform: uppercase; font-weight: bold; }
.branch_address .contacts .v{
    font-size: 12px; font-size: 0.9vw;
    margin-left: 5px; margin-left: 0.3vw;
}
.branch_address .contacts .address .v{ text-transform: uppercase; }
.branch_address .contacts a{ color: #212121; }
.branch_address .contacts .ph .v a{ font-size: 16px; font-size: 1.1vw; }
.branch_address .contacts .email .v a{ color: #766448; font-size: 14px; font-size: 1vw; }
.branch_address .contacts .bt{
    display: block; clear: both; float: none;
    margin-top: 20px; margin-top: 1.4vw;
}

.branch_address .contacts .bt .btn-default{
    padding: 12px 30px; padding: 0.8vw 2.1vw;
    margin: 15px 30px 15px 0; margin: 1vw 2.1vw 1vw 0;
    box-shadow: none;
    border: 1px solid transparent;
    border-width: 0.1vw;
    border-radius: 0.3vw;
    background: none; background-color: #7d6445; background-color: rgba(125,100,69,0.8);
    color: #fff; text-transform: uppercase; font-weight: normal;
    font-size: 12px; font-size: 0.8vw;
    transition:background 0.3s;-moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;
}
.branch_address .contacts .bt .btn-default:hover{
    background-color: #fff;
    color: #393C3E;
    border-color: #7d6445;
}
.branch_address .contacts .bt .btn-link{ color: #fff; font-size: 12px; font-size: 0.8vw; text-transform: uppercase; font-weight: bold; white-space: nowrap; }
@media(max-width: 1100px){
    .branch_address h3{ font-size: 18px; margin: 0 0 25px; }
    .branch_address .contacts{ padding-bottom: 14px; margin-bottom: 60px; }
    .branch_address .contacts .ln{ margin: 10px 0;}
    .branch_address .contacts .v{ font-size: 12px; margin-left: 5px; }
    .branch_address .contacts .ph .v a{ font-size: 16px; }
    .branch_address .contacts .email .v a{ font-size: 14px; }
    .branch_address .contacts .bt{ margin-top: 20px;  }

    .branch_address .contacts .bt .btn-default{
        padding: 12px 30px;
        margin: 15px 30px 15px 0;
        border: 1px solid transparent;
        border-radius: 4px;
        font-size: 12px;
    }
    .branch_address .contacts .bt .btn-link{ font-size: 12px;  }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#yandex_map{
    position: absolute; left: 0; top: 0; z-index: 2;
    width: 100%; height: 100%;
}
#yandex_map #map{
    width: 100%; height: 100%;
}

.branch_page.block_content{ padding: 40px 13% 50px; padding: 2.8vw 13% 3.5vw; }
.branch_page .description{ margin-top:  42px; margin-top: 3vw; }
.branch_page .name_branch{
    text-align: center;
    margin-bottom: 28px; margin-bottom: 2vw;
}
.branch_page .name_branch h2{
    display: inline-block;
    color: #36393c;
    font-weight: bold; text-transform: uppercase; font-size: 31px; font-size: 2.2vw;
}
.branch_page .name_branch h2:after{
    content: ' ';
    display: block;
    width: 60%; height: 1px; height: 0.1vw;
    margin: 14px auto; margin: 1vw auto;
    background-color: #36393c;
}
.branch_page .branch_address .contacts{ border-width: 0; }
.branch_page h3{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px; font-size: 1.4vw;
    color: #7d6445;
    margin: 42px 0 28px; margin: 3vw 0 2vw;
}
.branch_page h4{
    margin-top: 20px; margin-top: 1.4vw;
}
.branch_page .requisites table,
.branch_page .requisites table * { border-width: 0; }
.branch_page .requisites table td{ padding-right: 42px; padding-right: 3vw; }
@media(max-width: 1100px){
    .branch_page .description{ margin-top:  42px; }
    .branch_page.block_content{ padding: 40px 40px 50px; }
    .contactsfeed.block_content .content,
    .branch_page.block_content .content{ padding: 0; }
    .branch_page .name_branch{ margin-bottom: 28px; }
    .branch_page .name_branch h2{ font-size: 28px; }
    .branch_page .name_branch h2:after{ height: 1px; margin: 14px auto;  }
    .branch_page h4{ margin-top: 20px; }
    .branch_page h3{
        font-size: 20px;
        margin: 42px 0 28px;
    }
    .branch_page .requisites table td{ padding-right: 14px; }
}
@media(min-width: 769px) and (max-width: 991px){ .branch_page .requisites{ font-size: 12px; } }
@media(max-width: 769px){
    .branch_page h3{ margin: 20px 0 20px; }
    .branch_page .branch_address .contacts table{ width: auto; }
    .branch_page .branch_address .contacts{ margin-bottom: 20px; }
}
@media(max-width: 520px){
    .branch_page .name_branch{ margin-bottom: 20px; text-align: left; }
    .branch_page .name_branch h2{ font-size: 20px; margin-top: 0; }
    .branch_page .name_branch h2:after{ display: none;  }
}
@media(max-width: 420px){
    .branch_address .contacts .l{ display: block;  }
    .branch_address .contacts .v{ display: block; margin-left: 0; }
    .branch_page h3{ font-size: 16px;}
}

[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(60%) contrast(80%);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ обратная связь контакты
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.p_form.contact_feedback{
    min-height: 520px; min-height: 37.1vw;
    width: auto;
    padding: 30px 8%; padding: 2.1vw 8%;
    background: url(../../images/bg/contacts.jpg) no-repeat center center; background-size: auto 100%;
}
.p_form.contact_feedback h2{
    margin: 14px 0 20px; margin: 1vw 0 1.4vw;
    font-size: 20px; font-size: 1.4vw;
    font-weight: bold;
    text-align: center; text-transform: uppercase;
}
.p_form.contact_feedback p.desc{
    display: block;
    margin: 30px 0 60px;
    margin: 2.1vw 0 4.2vw;
    font-size: 12px; font-size: 0.9vw;
    text-transform: uppercase;
    text-align: center;
}
.p_form.contact_feedback .form-group label,
.p_form.contact_feedback .form-group label span{
    font-size: 12px; font-size: 0.9vw;
    line-height: 30px; line-height: 2.1vw;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
}
.p_form.contact_feedback .ft{
    text-align: center;
    margin-top: 40px; margin-top: 2.8vw;
}
.p_form.contact_feedback .ft button{
    font-size: 12px; font-size: 0.9vw;
    display: inline-block;
    width: auto;
    padding-left: 40px; padding-right: 40px;
    padding-left: 2.8vw; padding-right: 2.8vw;
    background: rgba(162, 164, 165, 0.7);
    border-width: 0;
}
.p_form.contact_feedback textarea{ height: 205px; height: 14.7vw; }

@media(max-width: 1100px){
    .p_form.contact_feedback{
        padding: 30px 30px;
        min-height: 520px;
        max-width: none;
        min-width: auto;
    }
    .p_form.contact_feedback h2{ margin: 14px 0 20px; font-size: 20px;  }
    .p_form.contact_feedback p.desc{ margin: 30px 0 60px; font-size: 12px; }
    .p_form.contact_feedback .form-group label,
    .p_form.contact_feedback .form-group label span{ font-size: 12px; line-height: 30px; }
    .p_form.contact_feedback .ft{ margin-top: 40px;  }
    .p_form.contact_feedback .ft button{
        font-size: 12px;
        padding-left: 40px; padding-right: 40px;
    }
    .p_form.contact_feedback textarea{ height: 205px; }
}
@media(max-width: 720px){
    .p_form.contact_feedback p.desc{
        margin-bottom: 20px;
    }
}
@media(max-width: 360px){
    .p_form.contact_feedback{
        padding-left: 15px;
        padding-right: 15px;
    }
    .p_form .form-group.has-feedback .p{ padding-right: 0; }

    .p_form.contact_feedback .text_cap{
        padding: 0 15px;
        width: auto; float: none;
    }
    .p_form.contact_feedback .imka{
        width: 200px;
        float: none;
        margin: 0;
    }
    .p_form.contact_feedback .ft{
        margin-top: 20px;
    }
    .p_form.contact_feedback .ft button{
        width: 100%;
        padding-left: 0; padding-right: 0;
    }
    .p_form.contact_feedback textarea{ height: 150px; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Регламент оказания услуг
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#w_contact_files ul li{ width: 50%; }
@media(max-width:560px){
    #w_contact_files ul li{ width: auto; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ Версия для печати
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media print {
    a:after{ content: "" !important;}
    #main_container .block_content .sub_menu,
    #left_sidebar,
    #toogle_left_panel,
    #top_menu,
    #top_search,
    #header .ln,
    #top_right_buttons,
    #under_footer,
    #footer,
    .page_top_head{
        display: none;
    }
    .wrapper .in_wrapper{
        padding-bottom: 0;
    }
    #header a{ color: #000; }
    #header{
        position: static;
        height: auto;
        background: #fff;
        padding: 20px 15px;
        color: #212121;
    }
    #header .print_ln{ display: block; }
    #header .print_ln  img{
        float: left;
        width: 60px;
        display: block;
    }
    #header .print_ln .lp p{
        display: block;
        margin-left: 70px; font-weight: bold;
        width: 250px;
        border-right: 1px solid #000;
    }
    #main_container{ padding: 0; }
    #main_container .article.content{ padding-right: 0; }
}
body.print a:after{ content: "" !important;}
body.print #main_container .block_content .sub_menu,
body.print #left_sidebar,
body.print #toogle_left_panel,
body.print #top_menu,
body.print #top_search,
body.print #header .ln,
body.print #top_right_buttons,
body.print #under_footer,
body.print #footer,
body.print .page_top_head{
    display: none;
}
body.print .wrapper .in_wrapper{
    padding-bottom: 0;
}
body.print #header a{ color: #000; }
body.print #header{
    position: static;
    height: auto;
    background: #fff;
    padding: 20px 15px;
    color: #212121;
}
body.print #header .print_ln{ display: block; }
body.print #header .print_ln  img{
    float: left;
    width: 60px;
    display: block;
}
body.print #header .print_ln .lp p{
    display: block;
    margin-left: 70px; font-weight: bold;
    width: 250px;
    border-right: 1px solid #000;
}
body.print #main_container{ padding: 0; }
body.print #main_container .article.content{ padding-right: 0; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#faq_list{ clear: both; float: none; }
#faq_list .item_faq{ margin: 40px 0; margin: 3.5vw 0;  }
#faq_list .item_faq h3{ color: #8B7556; }
@media( max-width: 1100px ){
    #faq_list .item_faq{ margin: 40px 0; }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.table_style_1{
    width: 100%;
    border-top: 1px solid #A5A5A5;
    margin: 30px 0; margin: 2.1vw 0;
}
.table_style_1 tr{ border: 1px solid #A5A5A5; border-width: 1px 0; }
.table_style_1 th{ display: none; }
.table_style_1 td{ padding: 30px; padding: 2.1vw; }
.table_style_1 tr td:first-child{ padding-left: 0;   }
.table_style_1 tr td:last-child{ padding-right: 0; width: 40%; }
.table_style_1 .mob_hd{ display: block; font-weight: bold; }

@media(max-width: 760px){
    .table_style_1{ margin: 30px 0; }
    .table_style_1 tr:first-child{ display: none; }
    .table_style_1 tr,
    .table_style_1 td{
        clear: both; display: block;
        padding: 15px 0;
        width: auto;
    }
}

body.calc_print{
    background: #fff;
    color: #000;
    font-size: 14px;
}
body.calc_print .money_table{ width: 720px; margin: 0 auto; }
body.calc_print .money_table .hd_bd{ padding-top: 40px; }
body.calc_print .money_table .hd_bd .logo{ width: 200px; }
body.calc_print .money_table .hd_bd .table,
body.calc_print .money_table .hd_bd .table td{ border-width: 0; }
body.calc_print .money_table .hd_bd .table td{ padding: 2px 8px; }
body.calc_print .money_table .hd_bd .table td.n{ font-weight: bold; white-space: nowrap; }
body.calc_print .money_table .hd_bd .table td.v{ font-size: 18px; font-weight: lighter; white-space: nowrap; width: 80%; }
body.calc_print .money_table .mb_bd table th,
body.calc_print .money_table .mb_bd table td{ text-align: center; }
body.calc_print .money_table .mb_bd table th{ border-bottom: 2px solid #000; font-size: 12px; vertical-align: bottom; }
body.calc_print .money_table .mb_bd table td{ white-space: nowrap; }
body.calc_print .money_table .mb_bd table td.platej{ text-align: right; font-weight: bold; }
body.calc_print .money_table .mb_bd table tfoot td{ border-top: 2px solid #000; font-weight: bold; }
body.calc_print .money_table .mb_bd table .summa_platej{ text-align: right; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *
 *  Увеличение шрифта
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#font_size_vftvi{ 
    display: none; 
     -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
@media(min-width:1100px){
    body.vftvi #font_size_vftvi{
        display: block;
        position: absolute; right: 13vw; top: 0.5vw; z-index: 1;
    }
    body.vftvi #font_size_vftvi .ico{
        display: inline-block;
        width: 3vw; height: 3vw; 
        border: 0.1vw solid #000;
        text-align: center; line-height: 2.7vw; font-size: 1.5vw;
        margin: 0 0.5vw;
        cursor: pointer;
    }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *
 *  Карта сайта 
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#fmap_site{ display: block; clear: both; float: none; }
#fmap_site ul li a i.svg{
    height: 14px; height: 1.1vw;
    width: 14px; height: 1.1vw;
    display: inline-block; vertical-align: middle;
    margin-right: 14px; 
    margin-right: 1.1vw; 
}
#fmap_site ul li a span{
    display: inline-block; vertical-align: middle;
}
#fmap_site ul li a i.svg svg{
    display: block;
    height: 100%; max-width: 100%;
}
#loan_calc_of_win .p_form .answer .message{
    text-align: center;
    padding: 4vw;
    font-size: 1.5vw;
    max-width: 700px; margin: 0 auto;
}

@media(max-width: 1100px){
    #loan_calc_of_win .p_form .answer .message{
        padding: 50px;
        font-size: 16px;
    }
}