

/* Start:/bitrix/templates/zba/styles.css?156810879412*/
.quote{

}
/* End */


/* Start:/bitrix/templates/zba/template_styles.css?175188100621782*/
#loading_ld.fancybox-loading{
    position: fixed;
    top:47%;
    left:47%;
}
#bxmedialib table,
.bxml-subdialog-cont table{
    margin-bottom:0;
}
.new-detail img{
    cursor: pointer;
}
.slick-arrow {outline: none !important;}
.mgr0{
    margin:0 !important;
}
.content__main img{
    max-width: 100%;
}
/*comments*/
.wrapper-gn .last-comments{

}
.wrapper-gn .last-comments .comment{
    margin-bottom:20px;
    font-size: 13px;
}
.wrapper-gn .last-comments .comment:after{
    content: "";
    display: table;
    clear: both;
}
.wrapper-gn .last-comments .comment .tlt{
    margin-bottom:10px;
    font-size: 16px;
}
.wrapper-gn .last-comments .comment .tlt a{
    color:#000;
    text-decoration:underline;
}
.wrapper-gn .last-comments .comment .tlt a:hover{
    text-decoration:none;
}
.wrapper-gn .last-comments .comment .avatar{
    float:left;
    margin:0px 5px 5px 0px;
}
.wrapper-gn #pagetitle{
    font-size:30px;
    color:#323238;
    font-weight: bold;
    margin:0 0 20px 0;
    padding:0;
}
.news-catalog__item .pic-stick{
    position: absolute;
    z-index: 10;
    left:0;
    top:0;
    line-height: 1;
    font-size:20px;
    background: #f00000;
    padding:7px 15px;
    color:#fff;
    font-weight: 500;
    text-transform: uppercase;
    background-size: contain;
    text-align: center;
}
.news-catalog__item.first-gn .pic-stick{
    font-size:20px !important;
    min-width: 120px;
    padding:10px 20px;
}
.news-catalog__item.news-catalog__item_m .pic-stick{
    font-size:18px;
}
.news-catalog__item.news-catalog__item_s .pic-stick{
    font-size:14px;
}

.news-catalog__item.online .pic-stick{
    padding-right:47px;
    background: #f00000 url(/bitrix/templates/zba/images/icon-stick-online.png) center right no-repeat;
    background-size: auto 21px;
}
.news-catalog__item.news-catalog__item_m.online .pic-stick{
    padding-right:45px;
    background: #f00000 url(/bitrix/templates/zba/images/icon-stick-online.png) center right no-repeat;
    background-size: auto 19px;
}
.news-catalog__item.news-catalog__item_s.online .pic-stick{
    padding-right:43px;
    background: #f00000 url(/bitrix/templates/zba/images/icon-stick-online.png) center right no-repeat;
    background-size: auto 17px;
}


.detail-pic .pic{
    position: relative;
}
.detail-pic .pic .pic-stick{
    position: absolute;
    z-index: 10;
    left:0;
    top:0;
    line-height: 1;
    font-size:20px;
    background: #f00000;
    padding:10px 20px;
    color:#fff;
    font-weight: 500;
    text-transform: uppercase;
    background-size: contain;
    text-align: center;
}
.detail-pic .pic.online .pic-stick{
    padding-right:60px;
    background: #f00000 url(/bitrix/templates/zba/images/icon-stick-online.png) center right no-repeat;
    background-size: auto 25px;
}

.coment_form{
    margin-bottom: 16px;
}
.coment_form input[type=text], .coment_form input[type=password], .coment_form select,.coment_form .textarea,.coment_form textarea{
    width: 270px;
    font: 13px Trebuchet MS;
    color: #4d4e56;
    margin: 8px 0;
    padding: 5px;
    background: #f4f4f4;
    border: 1px solid #6b767e;
}
.coment_form .textarea{
    width: 573px;
    padding: 1px;
}

.coment{
    overflow: hidden;
    padding: 16px 0;
    border-bottom: 1px solid #858c9f;
    line-height: 1.3;
    max-width:800px;
}
.tlr-bar{
    text-align:left;
    margin-left:100px;
    margin-top:15px;
    /*position:relative;*/
    /*top:-10px;*/
}
.tlr-bar .left-p{
}
.tlr-bar .left-p a{
    margin-right:20px;
}
.coment img{
}
.coment span.auth{
    float: left;
    color: #323238;
    font: bold 16px Arial;
    cursor:pointer;
}
.coment .inf-avatar{
    float:left;
    width:80px;
    min-height:80px;
    text-align:center;
    margin: 0 17px 0 0;
}
.forum-user-additional .ilike-light{
    font-size:12px;
}
.coment .rating-block,
.forum-user-additional .rating-block{
    display: inline-block;
    margin-left:15px;
}
.coment .rating-block .bx-ilike-text,
.forum-user-additional .rating-block .bx-ilike-text{
}
.coment .ilike-light .bx-ilike-right,
.forum-user-additional .ilike-light .bx-ilike-right{
    /*background-image:url(/bitrix/templates/zba/images/r-star.png);
    background-position: 0 -53px;*/
    height:19px;
    padding-left:15px;
}
.coment .ilike-light .bx-you-like .bx-ilike-right,
.forum-user-additional .ilike-light .bx-you-like .bx-ilike-right
{background-position: 0 -27px;}

.coment .data{
    font-size: 13px;
    color: #6e6e78 !important;
    float: right !important;
    height:20px;
}
.coment .post-text{
    /*width: 480px;
    float: left;*/
    margin-left:100px;
    margin-top:10px;
}
.coment table.forum-quote, table.forum-spoiler, table.forum-code{
    font-size:1em;
    border-width:1px;
    border-style: solid;
    border-collapse: collapse;
    table-layout:fixed;
    border-color: #c3c3c3;
    margin:0;
}
.coment table.forum-quote table.forum-quote,
.coment table.forum-spoiler table.forum-spoiler,
.coment table.forum-code table.forum-code{
    width: 95%; margin: 0.5em 0 0;
}
.coment table.forum-quote th,
.coment table.forum-spoiler th,
.coment table.forum-code th{
    font-weight:bold; padding: 0.25em 1em; text-align:left;
    background:#e6e6e6 !important; color:#616161;
}
.coment table.forum-quote td,
.coment table.forum-spoiler td,
.coment table.forum-code td {
    padding:0.9em 1em;
    background:#fff !important; color:#696969;
}
.calendar-icon{
    position: relative;
    top:11px;
}





/************/

.popup-window{
    z-index: 9999999 !important;
}
.form-links-group.small-a{
    margin-top:10px;
}
.social-auth.small-a{
    margin-top:20px;
}
.social-auth.small-a .social-auth__title{
    margin-bottom: 15px;
    font-weight: bold;
}
.social-auth.small-a .social-auth__list img{
    width: 25px;
    height: 25px;
    margin: 0 8px 10px 0;
}
.r-form__text{
    margin:0 0 20px 0;
}
.yaAdSdkContainer{
    margin-bottom:20px;
}
.author-block{
    margin:0 0 25px 0;
    line-height: 1.2;
}


.r-banner-mobile-fixed-bottom{
    display: none;
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    z-index: 9901;
}

@media (min-width: 1200px) {
    .author-block{
        margin-left:25px;
        margin-right:25px;
    }
}
.author-block:after{
    content: '';
    display: table;
    clear: both;
}
.author-block .inf{
    float: left;
    width:calc(100% - 240px);
    margin-right:35px;
    padding:45px 0 0 0;
}
.author-block .name{
    font-size: 34px;
    font-family: 'Montserrat';
    font-weight: 700;
    margin:0 0 10px 0;
}
.author-block .desc{
    font-size:19px;
}
.author-block .img{
    float: left;
    width: 205px;
    height: 205px;
}
.author-block .img img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
@media (max-width: 767.98px) {
    .r-banner-mobile-fixed-bottom {
        display: block;
    }
    .footer-banner{
        display: none !important;
    }
    .author-block{
        margin:0 0 25px 0;
    }
    .author-block .name{
        font-size: 24px;
    }
    .author-block .inf{
        float: left;
        width:calc(100% - 140px);
        margin-right:20px;
        padding-top:10px;
    }
    .author-block .desc{
        font-size:17px;
    }
    .author-block .img{
        float: left;
        width: 120px;
        height: 120px;
    }
    .coment_form .textarea{
        width: 100%;
    }
}
.nofound{
    color:#9195a1;
    font-size:14px;
    font-style: italic;
    padding:30px;
}
.nofound .smile{
    font-size:50px;
    color:#9195a1;
    margin-bottom:15px;
    font-style: normal;
}

.wrapper-gn table.forum-table td,
.wrapper-gn div.forum-info-box,
.wrapper-gn div.forum-reply-form{
    font-size:16px;
}

.content .advert-span {
    margin-left: 10px;
}
.advert-span {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #323238;
}
.scroll-to-top{
    position: fixed;
    opacity: 0.7;
    z-index: 997;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-transition: visibility 0.4s linear;
    transition: visibility 0.4s linear;
    visibility: hidden;
    right:30px;
    bottom:30px;
    background: #a3a3a3;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.scroll-to-top.op{
    visibility: visible;
}
.scroll-to-top:before{
    content: '';
    position: absolute;
    left:14px;
    top:18px;
    width: 20px;
    height: 20px;
    border-radius: 1px;
    border-left:3px solid #fff;
    border-top:3px solid #fff;
    transform: rotate(45deg);
}
.scroll-to-top:hover{
    opacity: 1;
}
/****comments*****/
.block-comments{
    font-size:14.4px !important;
}
.block-comments,
.block-comments *{
    font-family: 'Anonymous Pro' !important;
}
.block-comments .coment_form{
    padding-top:0;
}
.block-comments .h1{
    margin-bottom:0;
    padding-bottom:0;
}

#ban_user{
    display: none;
    width:350px;
    font-size:16px;
    text-align: center;
}
#ban_user h5{
    text-align: center;
    font-size:20px;
    margin:0 0 25px 0;
}
#ban_user .ln{
    margin-bottom:10px;
}
#ban_user input{
    font-size:16px;
}
#ban_user #date_ban_user{
    width:126px;
    padding-left:7px;
    padding-right:7px;
}
.h1{
    font-size: 18px;
    font-weight: bold;
    margin-top:20px;
}
.inf-avatar .reg{
    margin-top:5px;
    display: inline-block;
    font-size:13px;
    color: #6e6e78;
}
.ilike-light{
    position: relative;
    top:-3px;
    font-size:13px;
}
.mobile-topb-footer{
    display: none;
}
.comments-tlt .sharing .socs{
    height: 20px;
}
.comments-tlt .sharing{
    height: 20px;
}
#ok_shareWidget{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top:2px;
}
.line-search{
    display: flex;
    margin:20px 0 0 0;
}
.line-search .line{
    padding:0 20px 0 0;
}
.line-search .line input,
.line-search .line select{
    font-size: 17px;
    line-height: 24px;
    height: 40px;
    padding: 7px 10px;
    color:#000;
    background-color:#fff;
    border: 1px solid #333;
    border-radius: 0;
}
.line-search .line.data-filter-div input{
    width: 110px;
}
.line-search .line .ab{
    display: inline-block;
    margin-right:10px;
    font-size:19px;
}
.line-search .line img.calendar-icon{
    position: relative;
    top:0;
}
/*****/
.reviews-note-error{
    color:red;
}
.ads-rb{
    margin-bottom:15px;
}
.no-comments-now{
    padding:15px;
    border:1px solid red;
}
body .mlsd-frame table{
    margin: 0;
}
.subscribe-socs{
    padding:20px 30px;
    display: flex;
    align-content: space-between;
}
.subscribe-socs .left{
    width: calc(100% - 200px);
}
.subscribe-socs .right{
    text-align: right;
    white-space: nowrap;
    width: 200px;
}
.subscribe-socs .tlt{
    padding-right:10px;
    font-weight: 500;
}
.subscribe-socs a{
    display: inline-block;
    margin-left:5px;
}
.subscribe-socs .tlt + a{
    margin-left:0;
}
.subscribe-socs img{
    max-height: 30px;
}
.bottom-instagram{
    font-size: 21px;
    color: #c2c2c2;
}
.r-forbusiness{
    font-family: 'Montserrat';
    padding-bottom: 80px;
}
.r-forbusiness .sent-mess{
    color:green;
    font-size:24px;
    padding:40px 0;
}
.r-forbusiness .r-brd-tlt{
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding:45px 0;
    text-align: center;
}
.r-forbusiness .r-brd-tlt .b1{
    font-size:48px;
    line-height: 1.2;
    margin:0 0 40px 0;
}
.r-forbusiness .r-brd-tlt .b2{
    font-size:26px;
    line-height: 1.2;
    margin:0 0 45px 0;
}
.r-forbusiness .r-brd-tlt .b2 .tlt{
    font-size:74px;
    font-weight: bold;
    line-height: 0.75;
}
.r-forbusiness .r-brd-tlt .b3{
    font-size:26px;
    line-height: 1.2;
    margin:0 0 45px 0;
}
.r-forbusiness .r-brd-tlt .b3 .tlt{
    font-size:56px;
    font-weight: bold;
    line-height: 0.75;
}
.r-forbusiness .r-brd-tlt .b4{
    font-size:48px;
    line-height: 1.2;
    margin:0 0 10px 0;
}
.r-forbusiness .r-brd-tlt .b5{
    font-size:26px;
    line-height: 1.2;
}
.r-forbusiness .r-tlt-left{
    font-size:33px;
    margin:45px auto 35px auto;
    font-weight: bold;
    /*max-width: 960px;*/
}
.r-forbusiness .r-tlt-left.s26{
    font-size:26px;
}
.r-forbusiness .r-tlt-left.fwn{
    font-weight: 500;
}

.r-forbusiness .r-center-bl{
    margin:90px 0 90px 0;
    text-align: center;
    font-size:24px;
}
.r-forbusiness .r-center-bl .bl{
    margin:0 0 70px 0;
}
.r-forbusiness .r-center-bl .bl a{
    font-size:50px;
    color:#000;
}
.r-forbusiness .r-center-bl .bl .ds{
    margin:20px 0 0 0;
}
.r-forbusiness .blps{
    font-size:22px;
}
.r-forbusiness .blps a{
    color:#000;
    font-weight: normal;
}
.r-forbusiness .blps p{
    margin-bottom: 20px;
}
.r-forbusiness .r-btns{
    padding:55px 0;
    display: flex;
    max-width: 960px;
    margin:0 auto;
    justify-content: center;
}
.r-forbusiness .r-btns a{
    width: 49%;
    text-decoration: none;
    color:#fff;
    background: #ee2d2b;
    text-align: center;
    line-height: 1;
    padding:35px 15px;
    border-radius: 10px;
    font-size:28px;
    text-transform: uppercase;
}
.r-forbusiness .row-pics{
    display: flex;
    justify-content: start;
}
.r-forbusiness .row-pics .pic{
    padding-left:5px;
    max-width: 485px;
}
.r-forbusiness .row-pics .pic:first-child{
    padding-left:0;
    padding-right:5px;
}
.r-forbusiness .row-pic1{
    margin:0 0 45px 0;
}
.r-forbusiness .row-pics .pic img,
.r-forbusiness .row-pic1 img{
    max-width: 100%;
}
.r-forbusiness .row-pic1 img{
    max-width: 100%;
}
.r-forbusiness ul{
    padding:0;
}
.r-forbusiness ul li{
    margin: 0 0 20px 20px;
    list-style-type: disc;
    list-style-position: outside;
}
.r-forbusiness ul li:before{
    display: none;
}
.r-forbusiness .social{
    padding:35px 0;
    display: flex;
}
.r-forbusiness .social a{
    margin:0 35px 0 0;
}
.r-forbusiness .social a img{
    width: 55px;
}
.r-forbusiness form{
    max-width: 960px;
}
.r-forbusiness .row-form{
    display: flex;
    justify-content: space-between;
    margin:0 0 40px 0;
}
.r-forbusiness .row-form input{
    border:0;
    border-bottom: 2px solid #999;
    width: 45%;
    color:#333333;
    padding:10px;
    font-size:22px;
}
.r-forbusiness textarea{
    border: 2px solid #999;
    border-radius: 5px;
    width: 100%;
    height: 200px;
    padding:5px 15px;
    margin:0 0 30px 0;
}
.r-forbusiness .btn{
    color:#fff;
    background: #848383;
    text-align: center;
    line-height: 1;
    padding:12px 20px 10px 20px;
    border-radius: 8px;
    font-size:20px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
}
.r-forbusiness .btn.btn-form{
    border-radius: 3px;
}
.r-forbusiness .form-btns{
    display: flex;
}
.r-forbusiness .form-btns .file-input {
    margin-right: 30px;
    border-radius: 3px;
    position: relative;
}
.r-forbusiness .form-btns .file-input .rw{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.r-forbusiness .form-btns .file-input .screpka{
    height: 44px;
    width: 44px;
    border-radius: 3px;
    overflow: hidden;
    background: #848383 url(/bitrix/templates/zba/images/screpka.png) center no-repeat;
    background-size: 28px 26px;
}
.r-forbusiness .form-btns .file-input .file-name{
    width: calc(100% - 52px);
    display: none;
    color:#999;
    padding:10px 0;
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.r-forbusiness .form-btns .file-input.has{
    width: 160px;
}
.r-forbusiness .form-btns .file-input.has .file-name{
    display: block;
}
.r-forbusiness .form-btns .file-input input{
    opacity: 0;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
}
.header__top-banner.mob{
    display: none;
}
.detail-advert-div{
    text-align: left;
    font-size:14px;
    color:#999;
}
.detail-advert-div a{
    color:#999;
}
.header__top-banner.mob > div{
    height: 100%;
}
.js-right-aside-banner.sw > div{
    width: 100%;
    height: 100%;
}
#translat img{
    cursor: default;
}
.r-tgf{
    height: 1px;
    line-height: 0;
}
.r-tgf iframe{
    width: 1px;
    height: 1px;
    border: none;
    background: transparent;
}
.quote .ads-rb{
    width: calc(100% + 2em + 36px);
    position: relative;
    left:calc(-2em - 36px);
}
.text ul > li .ads-rb{
    width: calc(100% + 49px);
    position: relative;
    left:-49px;
}
.border-right .ads-rb{
    width: calc(100% + 99px);
    position: relative;
    left:-99px;
    padding:10px 0;
    background: #fff;
}
.r-cookies-block-pr{
    position: fixed;
    z-index: 99999;
    display: none;
    justify-content: center;
    bottom:30px;
    left:50px;
    right:50px;
    opacity: 0;
    transition: opacity 0.3s linear;
}
.r-cookies-block-pr.sh{
    display: flex;
    opacity: 1;
}
.r-cookies-block{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    padding: 25px 30px;
}
.r-cookies-block .text{
    width: calc(100% - 180px);
    font-size:16px;
    line-height: 1.5;
}
.r-cookies-block .btns{
    width: 180px;
    text-align: right;
}
.r-cookies-block .btns .btn{
    font-weight: normal;
    cursor: pointer;
}
.sharing__btn{
    display: none !important;
}
@media (max-width: 1199.98px){
    .quote .ads-rb{
        width: calc(100% + 2em + 29px);
        position: relative;
        left:calc(-2em - 29px);
    }

}
@media (max-width: 960px) {
    .r-cookies-block {
        flex-direction: column;
        padding: 20px;
    }

    .r-cookies-block-pr {
        bottom: 15px;
        left: 10px;
        right: 10px;
    }

    .r-cookies-block .text {
        width: 100%;
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .r-cookies-block .btns{
        width: 100%;
        text-align: center;
    }
    .r-cookies-block .btn {
        font-size: 15px;
        min-width: 120px;
        padding: 8px 18px;
    }
}
@media (max-width: 767.98px) {

    .border-right .ads-rb{
        width: calc(100% + 31px);
        left:-31px;
        padding:8px 0;
    }
    .quote .ads-rb{
        width: calc(100% + 2.5em);
        position: relative;
        left:-2.5em;
    }
    .r-forbusiness .r-brd-tlt .b1{
        font-size:34px;
    }
    .r-forbusiness .r-brd-tlt .b2{
        font-size:22px;
    }
    .r-forbusiness .r-brd-tlt .b2 .tlt{
        font-size:46px;
        margin-bottom: 5px;
    }
    .r-forbusiness .r-brd-tlt .b3{
        font-size:20px;
    }
    .r-forbusiness .r-brd-tlt .b3 .tlt{
        font-size: 46px;
        margin-bottom: 5px;
    }
    .r-forbusiness .r-brd-tlt .b4{
        font-size: 36px;
    }
    .r-forbusiness .r-brd-tlt .b5{
        font-size: 22px;
    }
    .r-forbusiness .r-tlt-left {
        font-size: 20px;
        margin: 20px auto 15px auto;
    }
    .r-forbusiness .r-center-bl {
        margin: 60px 0 60px 0;
        font-size: 20px;
    }
    .r-forbusiness .r-center-bl .bl a {
        font-size:32px;
        line-height: 1.2;
    }
    .r-forbusiness .r-center-bl .bl .ds{
        margin-top:15px;
    }
    .r-forbusiness .blps{
        font-size:15px;
    }
    .r-forbusiness .r-tlt-left.s26{
        font-size: 22px;
    }
    .r-forbusiness p,
    .r-forbusiness .blps p{
        margin-bottom: 10px;
    }
    .r-forbusiness ul li{
        margin-bottom: 10px;
    }
    .r-forbusiness .r-btns {
        padding: 25px 0 15px 0;
        display: block;
    }
    .r-forbusiness .r-btns a {
        display: block;
        width: 100%;
        padding: 15px 15px;
        border-radius: 10px;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .r-forbusiness .social{
        padding:20px 0;
        display: flex;
    }
    .r-forbusiness .social a{
        margin:0 25px 0 0;
    }
    .r-forbusiness .social a img{
        width: 40px;
    }
    .r-forbusiness .row-form input,
    .r-forbusiness textarea,
    .r-forbusiness .btn{
        font-size:18px;
    }

    .translat-item .comm{
        overflow: hidden;
    }
    .scroll-to-top{
        bottom:90px;
        right:10px;
    }
    .scroll-to-top,
    .scroll-to-top:hover{
        opacity: 0.8;
    }
    .js-ok-klass-mobile{
        position: absolute;
        right:40px;
        top:5px;
    }
    .comments-tlt .sharing .socs,
    .comments-tlt .sharing{
        height: auto;
    }
    .subscribe-socs .left{
        width: 100%;
    }
    .subscribe-socs .left .tlt{
        display: block;
        padding:0 0 10px 0;
    }
    .subscribe-socs .right{
        display: none;
    }
}
@media (max-width: 420px) {
    .header__top-banner.pc{
        display: none;
    }
    .header__top-banner.mob{
        display: block;
    }
    .header__top-banner.mob img{
        /*max-width: 100% !important;*/
        margin: 0 auto;
    }
}
/* End */


/* Start:/bitrix/templates/zba/lib/normalize.css-8.0.1/normalize.css?15681087946137*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* End */


/* Start:/bitrix/templates/zba/lib/jquery.fancybox-3.5.6/jquery.fancybox.min.css?156810879412795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/zba/lib/mediaelement.js_/mediaelementplayer.css?156810879415907*/
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
    border: 0;
    clip: rect( 1px, 1px, 1px, 1px );
    -webkit-clip-path: inset( 50% );
            clip-path: inset( 50% );
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}

.mejs__container {
    background: #000;
    box-sizing: border-box;
    font-family: 'Helvetica', Arial, serif;
    position: relative;
    text-align: left;
    text-indent: 0;
    vertical-align: top;
}

.mejs__container * {
    box-sizing: border-box;
}

/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important;
}

.mejs__fill-container,
.mejs__fill-container .mejs__container {
    height: 100%;
    width: 100%;
}

.mejs__fill-container {
    background: transparent;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.mejs__container:focus {
    outline: none;
}

.mejs__iframe-overlay {
    height: 100%;
    position: absolute;
    width: 100%;
}

.mejs__embed,
.mejs__embed body {
    background: #000;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.mejs__fullscreen {
    overflow: hidden !important;
}

.mejs__container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
    height: 100% !important;
    width: 100% !important;
}

/* Start: LAYERS */
.mejs__background {
    left: 0;
    position: absolute;
    top: 0;
}

.mejs__mediaelement {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.mejs__poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

:root .mejs__poster-img {
    display: none;
}

.mejs__poster-img {
    border: 0;
    padding: 0;
}

.mejs__overlay {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
}

.mejs__layer {
    z-index: 1;
}

.mejs__overlay-play {
    cursor: pointer;
}

.mejs__overlay-button {
    background: url('/bitrix/templates/zba/lib/mediaelement.js_/mejs-controls.svg') no-repeat;
    background-position: 0 -39px;
    height: 80px;
    width: 80px;
}

.mejs__overlay:hover > .mejs__overlay-button {
    background-position: -80px -39px;
}

.mejs__overlay-loading {
    height: 80px;
    width: 80px;
}

.mejs__overlay-loading-bg-img {
    -webkit-animation: mejs__loading-spinner 1s linear infinite;
            animation: mejs__loading-spinner 1s linear infinite;
    background: transparent url('/bitrix/templates/zba/lib/mediaelement.js_/mejs-controls.svg') -160px -40px no-repeat;
    display: block;
    height: 80px;
    width: 80px;
    z-index: 1;
}

@-webkit-keyframes mejs__loading-spinner {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes mejs__loading-spinner {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs__controls {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.mejs__controls:not([style*='display: none']) {
    background: rgba(255, 0, 0, 0.7);
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}

.mejs__button,
.mejs__time,
.mejs__time-rail {
    font-size: 10px;
    height: 40px;
    line-height: 10px;
    margin: 0;
    width: 32px;
}

.mejs__button > button {
    background: transparent url('/bitrix/templates/zba/lib/mediaelement.js_/mejs-controls.svg');
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin: 10px 6px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 20px;
}

/* :focus for accessibility */
.mejs__button > button:focus {
    outline: dotted 1px #999;
}

.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
    outline: 0;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs__time {
    box-sizing: content-box;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    overflow: hidden;
    padding: 16px 6px 0;
    text-align: center;
    width: auto;
}

/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs__play > button {
    background-position: 0 0;
}

.mejs__pause > button {
    background-position: -20px 0;
}

.mejs__replay > button {
    background-position: -160px 0;
}

/* End: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs__time-rail {
    direction: ltr;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 40px;
    margin: 0 10px;
    padding-top: 10px;
    position: relative;
}

.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute;
}

.mejs__time-total {
    background: rgba(255, 255, 255, 0.3);
    margin: 5px 0 0;
    width: 100%;
}

.mejs__time-buffering {
    -webkit-animation: buffering-stripes 2s linear infinite;
            animation: buffering-stripes 2s linear infinite;
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-size: 15px 15px;
    width: 100%;
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

.mejs__time-loaded {
    background: rgba(255, 255, 255, 0.3);
}

.mejs__time-current,
.mejs__time-handle-content {
    background: rgba(255, 255, 255, 0.9);
}

.mejs__time-hovered {
    background: rgba(255, 255, 255, 0.5);
    z-index: 10;
}

.mejs__time-hovered.negative {
    background: rgba(0, 0, 0, 0.2);
}

.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
    left: 0;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition: 0.15s ease-in all;
    transition: 0.15s ease-in all;
    width: 100%;
}

.mejs__time-buffering {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}

.mejs__time-hovered {
    -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
    transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}

.mejs__time-hovered.no-hover {
    -webkit-transform: scaleX(0) !important;
        -ms-transform: scaleX(0) !important;
            transform: scaleX(0) !important;
}

.mejs__time-handle,
.mejs__time-handle-content {
    border: 4px solid transparent;
    cursor: pointer;
    left: 0;
    position: absolute;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    z-index: 11;
}

.mejs__time-handle-content {
    border: 4px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    height: 10px;
    left: -7px;
    top: -4px;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    width: 10px;
}

.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.mejs__time-float {
    background: #eee;
    border: solid 1px #333;
    bottom: 100%;
    color: #111;
    display: none;
    height: 17px;
    margin-bottom: 9px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 36px;
}

.mejs__time-float-current {
    display: block;
    left: 0;
    margin: 2px;
    text-align: center;
    width: 30px;
}

.mejs__time-float-corner {
    border: solid 5px #eee;
    border-color: #eee transparent transparent;
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
}

.mejs__long-video .mejs__time-float {
    margin-left: -23px;
    width: 64px;
}

.mejs__long-video .mejs__time-float-current {
    width: 60px;
}

.mejs__broadcast {
    color: #fff;
    height: 10px;
    position: absolute;
    top: 15px;
    width: 100%;
}

/* End: Progress Bar */

/* Start: Fullscreen */
.mejs__fullscreen-button > button {
    background-position: -80px 0;
}

.mejs__unfullscreen > button {
    background-position: -100px 0;
}

/* End: Fullscreen */

/* Start: Mute/Volume */
.mejs__mute > button {
    background-position: -60px 0;
}

.mejs__unmute > button {
    background-position: -40px 0;
}

.mejs__volume-button {
    position: relative;
}

.mejs__volume-button > .mejs__volume-slider {
    -webkit-backface-visibility: hidden;
    background: rgba(50, 50, 50, 0.7);
    border-radius: 0;
    bottom: 100%;
    display: none;
    height: 115px;
    left: 50%;
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 25px;
    z-index: 1;
}

.mejs__volume-button:hover {
    border-radius: 0 0 4px 4px;
}

.mejs__volume-total {
    background: rgba(255, 255, 255, 0.5);
    height: 100px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2px;
}

.mejs__volume-current {
    background: rgba(255, 255, 255, 0.9);
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}

.mejs__volume-handle {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1px;
    cursor: ns-resize;
    height: 6px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 16px;
}

.mejs__horizontal-volume-slider {
    display: block;
    height: 36px;
    position: relative;
    vertical-align: middle;
    width: 56px;
}

.mejs__horizontal-volume-total {
    background: rgba(50, 50, 50, 0.8);
    border-radius: 2px;
    font-size: 1px;
    height: 8px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 16px;
    width: 50px;
}

.mejs__horizontal-volume-current {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    font-size: 1px;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.mejs__horizontal-volume-handle {
    display: none;
}

/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button {
    position: relative;
}

.mejs__captions-button > button {
    background-position: -140px 0;
}

.mejs__chapters-button > button {
    background-position: -180px 0;
}

.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    border-radius: 0;
    bottom: 100%;
    margin-right: -43px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 50%;
    visibility: visible;
    width: 86px;
}

.mejs__chapters-button > .mejs__chapters-selector {
    margin-right: -55px;
    width: 110px;
}

.mejs__captions-selector-list,
.mejs__chapters-selector-list {
    list-style-type: none !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
    color: #fff;
    cursor: pointer;
    display: block;
    list-style-type: none !important;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 0;
}

.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
    background-color: rgb(200, 200, 200) !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs__captions-selector-input,
.mejs__chapters-selector-input {
    clear: both;
    float: left;
    left: -1000px;
    margin: 3px 3px 0 5px;
    position: absolute;
}

.mejs__captions-selector-label,
.mejs__chapters-selector-label {
    cursor: pointer;
    float: left;
    font-size: 10px;
    line-height: 15px;
    padding: 4px 10px 0;
    width: 100%;
}

.mejs__captions-selected,
.mejs__chapters-selected {
    color: rgba(33, 248, 248, 1);
}

.mejs__captions-translations {
    font-size: 10px;
    margin: 0 0 5px;
}

.mejs__captions-layer {
    bottom: 0;
    color: #fff;
    font-size: 16px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
}

.mejs__captions-layer a {
    color: #fff;
    text-decoration: underline;
}

.mejs__captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal;
}

.mejs__captions-position {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%;
}

.mejs__captions-position-hover {
    bottom: 35px;
}

.mejs__captions-text,
.mejs__captions-text * {
    background: rgba(20, 20, 20, 0.5);
    box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
    padding: 0;
    white-space: pre-wrap;
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
    display: none;
}

/* End: Track (Captions and Chapters) */

/* Start: Error */
.mejs__overlay-error {
    position: relative;
}
.mejs__overlay-error > img {
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}
.mejs__cannotplay,
.mejs__cannotplay a {
    color: #fff;
    font-size: 0.8em;
}

.mejs__cannotplay {
    position: relative;
}

.mejs__cannotplay p,
.mejs__cannotplay a {
    display: inline-block;
    padding: 0 15px;
    width: 100%;
}
/* End: Error */
/* End */


/* Start:/bitrix/templates/zba/lib/slick-1.9.0/slick.css?15681087941776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/zba/css/typography.css?173494896534227*/
*,
*:before,
*:after {
    box-sizing: border-box;
}

.desktop-visible,
.tablet-visible,
.mobile-visible {
    display: none !important;
}

@media (min-width: 1200px) {
    .desktop-hidden {
        display: none !important;
    }

    .desktop-visible {
        display: block !important;
    }
}

@media (max-width: 1199.98px) and (min-width: 768px) {
    .tablet-hidden {
        display: none !important;
    }

    .tablet-visible {
        display: block !important;
    }
}

@media (max-width: 767.98px) {
    .mobile-hidden {
        display: none !important;
    }

    .mobile-visible {
        display: block !important;
    }
    .header__bottom-banner-field{

    }
}
@media (max-width: 419.98px) {
    .small-mobile-hidden {
        display: none !important;
    }
}
body {
    font-family: 'Montserrat', sans-serif;
}
body.testf{
    font-family: Arial;
}
.wrapper-gn{
    font-size: 19px;
    line-height: 31px;

}
.wrapper-gn.text {
    /*font-family: 'Montserrat', sans-serif;*/
}
button,
input,
optgroup,
select,
textarea {
    font: inherit;
    color: inherit;
}

.wrapper-gn button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

:hover,
:active,
:focus {
    outline: none;
}

.wrapper-gn table {
    border-collapse: collapse;
    border-spacing: 0;
}

.wrapper-gn img {
    vertical-align: middle;
    border-style: none;
}

b, strong {
    font-weight: bold;
}

a {
    color: #098bcf;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.hide,
.hidden {
    display:none;
}

.form-title {
    font-size: 19px;
    line-height: 31px;
    font-weight: bold;
    margin: 45px 0 31px;
}

.form-group,
.input-row {
    margin-bottom: 27px;
}

.form-group__label,
.input-label {
    display: block;
    font-weight: 500;
}

.form-group__label[for] {
    cursor: pointer;
}

.form-note,
.form-captcha-row,
.form-btn-group {
    margin-bottom: 45px;
}

.form-captcha-row,
.form-btn-group,
.form-links-group {
    margin-top: 45px;
}

.form-note {
    font-size: 12px;
    line-height: 1.2;
    max-width: 700px;
}

.form-btn-group .btn {
    min-width: 185px;
}

.form-links-group {
    font-size: 16px;
    line-height: 24px;
}

.form-links-group a {
    color: inherit;
}

.form-check {
    font-size: 16px;
    line-height: 20px;
    margin: 14px 0;
    color: #aeadad;
}

.form-check__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.form-check__input {
    position: absolute;
    opacity: 0;
}

.form-check__text {
    display: block;
    position: relative;
    padding: 0 0 0 34px;
}

.form-check a {
    color: inherit;
}

.form-check__input:disabled + .form-check__text {
    opacity: 0.5;
    cursor: default;
    cursor: not-allowed;
}

.form-check__text:before,
.form-check__text:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    transition: 0.15s ease-in-out;
}

.form-check__text:before {
    width: 17px;
    height: 17px;
    border: 1px solid #858585;
    background: #fff;
}

.form-check__input[type=radio] + .form-check__text:before {
    border-radius: 50%;
}

.form-check__input[type=checkbox] + .form-check__text:after {
    width: 11px;
    height: 6px;
    margin: 4px 3px 0 3px;
    border: 2px solid #000;
    border-width: 0 0 2px 2px;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.form-check__input[type=radio] + .form-check__text:after {
    width: 11px;
    height: 11px;
    margin: 3px 3px 0 3px;
    background: #000;
    border-radius: 50%;
    opacity: 0;
}

.form-check__input:checked + .form-check__text:after {
    opacity: 1;
}

.form-check_right .form-check__label {
    display: block;
}

.form-check_right .form-check__text {
    padding: 0 34px 0 0;
}

.form-check_right .form-check__text:before,
.form-check_right .form-check__text:after {
    left: auto;
    right: 0;
}

.form-control,
.input {
    display: block;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 19px;
    line-height: 31px;
    width: 100%;
    height: 54px;
    padding: 11px 21px 10px;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 0;
    transition: 0.15s ease-in-out;
}

select.form-control {
    max-width: 100%; 
    margin: 0;
    padding-right: 25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNiA5Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoNjQsIDY0LCA2NCkiIGQ9Ik0xNS4wNzEsMS4wMDAgTDguNzA3LDcuMzY0IEw4LjAwMCw4LjA3MSBMMC45MjksMS4wMDAgTDEuNjM2LDAuMjkzIEw4LjAwMCw2LjY1NyBMMTQuMzY0LDAuMjkzIEwxNS4wNzEsMS4wMDAgWiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-size: 16px 9px;
}

input[type=file].form-control {
    padding: 3px;
    height: auto;
}

textarea.form-control {
    max-width: 100%;
    min-width: 100%;
    overflow: auto;
    resize: vertical;
}

.form-control[disabled],
.form-control.disabled {
    background-color: #f5f5f5;
    border-color: #ccc;
    color: #888;
    cursor: default;
    cursor: not-allowed;
}

.form-control.error,
.input.error,
.form-check__input.error + .form-check__text:before {
    border-color: #ff0000;
}

.form-control::-webkit-input-placeholder {
    color: #aeadad;
}

.form-control::-moz-placeholder {
    color: #aeadad;
}

.form-control:-ms-input-placeholder {
    color: #aeadad;
}

.form-control::-ms-input-placeholder {
    color: #aeadad;
}

.form-control::placeholder {
    color: #aeadad;
}

label.error {
    display: block;
    color: #ff0000;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: -14px;
}

@media (min-width: 768px) {
    .input-group {
        display: table;
        border-collapse: collapse;
        width: 535px;
        max-width: 100%;
        margin-bottom: 27px;
    }

    .input-row {
        display: table-row;
        margin-bottom: 0;
    }

    .input-label {
        display: table-cell;
        vertical-align: middle;
        border: 1px solid #000;
        border-right: none;
        font-size: 19px;
        line-height: 26px;
        padding-left: 21px;
        color: #aeadad;
        width: 1%;
        cursor: text;
    }

    .input-field {
        display: table-cell;
        vertical-align: middle;
        border: 1px solid #000;
        border-left: none;
        width: 42%;
    }

    .input-row.error .input-label,
    .input-row.error .input-field {
        border-color: #ff0000;
        color: #ff0000;
    }

    .input-group .form-group {
        margin-bottom: -1px;
    }

    .input-group label.error {
        display: none !important;
    }

    .input-group .form-control {
        position: relative;
    }

    .input-group .form-control.error {
        z-index: 1;
    }

    .input {
        height: 52px;
        padding: 11px 10px 10px;
        border: none;
    }
}

.photo-field {
    margin-bottom: 27px;
}

.photo-field__label {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

.photo-field__input {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
    height: 0;
    width: 0;
    padding: 0;
    border: none;
    opacity: 0;
}

.photo-field__image-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 236px;
    height: 193px;
    border: 1px solid #000;
    position: relative;
}
.photo-field__image-field.has{
    width: auto;
}
.photo-field__image-field img {
    max-height: 100%;
    display: block;
    position: relative;
}

.photo-field__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.photo-field__image-caption {
    font-size: 16px;
    line-height: 24px;
    color: #aeadad;
}

.photo-field__btn {
    margin-top: 23px;
}

.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    text-decoration: none;
    background: #6b767e;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    padding: 10px 30px;
    border-radius: 0;
    height: 44px;
    transition: 0.15s ease-in-out;
}

.btn:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.btn[disabled],
.btn.is-disabled {
    opacity: .55;
    cursor: default;
    cursor: not-allowed;
}

hr {
    box-sizing: content-box;
    height: 0;
    margin: 31px 0;
    border: 0;
    border-top: 1px solid #a2a2a2;
    clear: both;
}

p,
ul,
ol,
dl,
pre,
table,
figure,
address,
fieldset,
blockquote {
    margin: 0 0 31px 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    margin: 0 0 31px 0;
}

h1,
.h1 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
}

h2,
.h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
}

h3,
.h3 {
    font-size: 22px;
    line-height: 31px;
}

h4,
.h4 {
    font-size: 19px;
    line-height: 31px;
    margin-bottom: 16px;
}

h5,
.h5 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
}

h6,
.h6 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
}

.label {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid rgba(11,11,11,0.7);
    border-radius: 2px;
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    line-height: 17px;
    height: 19px;
    padding: 0 8px;
    color: #0b0b0b;
    text-decoration: none;
    font-weight: 500;
}

.ico-comment,
.ico-views {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Cuprum', sans-serif;
    font-size: 15px;
    line-height: 20px;
    height: 20px;
    color: #7f7f7f;
    background-position: left center;
    background-repeat: no-repeat;
}

.ico-comment {
    padding-left: 27px;
    background-image: url('/bitrix/templates/zba/css/../images/icon-comment.png');
    background-size: 20px 20px;
}

.ico-views {
    padding-left: 35px;
    background-image: url('/bitrix/templates/zba/css/../images/icon-views.png');
    background-size: 27px 16px;
}

.sharing {

}

.sharing__btn {
    display: none;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
}

.sharing__btn:before {
    content: '';
    position: absolute;
    width: 17px;
    height: 19px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url('/bitrix/templates/zba/css/../images/icon-share.png') 0 0 no-repeat;
    background-size: 100% 100%;
}

.socs {
    line-height: 20px;
}

.socs a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    margin-left: 4px;
}

.socs a.vk {
    background-image: url('/bitrix/templates/zba/css/../images/icon-social-vk.png');
}

.socs a.fb {
    background-image: url('/bitrix/templates/zba/css/../images/icon-social-fb.png');
}

.socs a.tw {
    background-image: url('/bitrix/templates/zba/css/../images/icon-social-tw.png');
}

.socs a.od {
    background-image: url('/bitrix/templates/zba/css/../images/icon-social-ok.png');
}

.socs a.print {
    margin-left: 24px;
    margin-right: 4px;
}

.socs a.print:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 29px;
    height: 27px;
    margin: -14px 0 0 -15px;
    background: url('/bitrix/templates/zba/css/../images/icon-print.png') 0 0 no-repeat;
    background-size: 100% 100%;
}

.ad {
    font-family: 'Cuprum', sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #7f7f7f;
}

.ad .label,
.ad .author,
.ad .date {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
}

.ad .ico-comment,
.ad .ico-views {
    margin-right: 13px;
}

.auth-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 31px;
    margin-bottom: 45px;
    border-bottom: 1px solid #ececec;
}

.auth-date .sharing {
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
    margin-bottom: 10px;
}

.auth-date .ad {
    margin-bottom: 10px;
}

.auth-date .clearfix {
    display: none;
}

#ajax_comments {
    text-transform: uppercase;
    color: inherit;
    text-decoration: none;
}

#ajax_comments .ico-comment {
    margin-left: 12px;
    top: -2px;
    position: relative;
}

.comments-tlt {
    /*border-top: 1px solid #000;
    padding: 46px 25px 42px;
    margin-top: 52px;*/
    padding:25px 0;
    margin:0 25px;
}

.comments-tlt:after {
    content: '';
    display: table;
    clear: both;
}

.comments-tlt .sharing {
    float: right;
    margin-top: 4px;
}

.comments-tlt #ajax_comments {
    float: left;
}

.detail-pic {
    margin-bottom: 39px;
}

.auth-date + .detail-pic {
    margin-top: -47px;
}

.pic {
    text-align: left;
}

.pic a {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    position: relative;
    line-height: 1;
    padding: 0;
}

.pic a img {
    margin: 0;
    display: block;
}

.pic .desc {
    font-family: 'Cuprum', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #7f7f7f;
    margin: 15px 0 0 0;
}

.pic a:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    box-shadow: 0 0 56px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    position: absolute;
    line-height: 1;
}

.detail-pic .pic a,
.detail-pic .pic a img {
    width: 100%;
}

.video-div {
    font-family: 'Cuprum', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #7f7f7f;
    width:100%;
}

.video-div .video {
    margin-bottom:10px;
}

.video-js {
    width: 100%;
    visibility: hidden;
    max-height: 600px;
}

.video-wrap {
    margin-top: 64px;
    margin-bottom: 69px;
}

.video-wrap .video-js {
    visibility: visible;
}

h4 + .image-div {
    margin-top: 31px;
}

.image-div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.image-div.npd{
    margin: 0 -10px !important;
}

.image-div div {
    font-family: 'Cuprum', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #7f7f7f;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 10px;
    margin-bottom: 34px;
}

.image-div img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 0 15px 0;
}

@media (min-width: 768px) {
    .image-div .image1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-left:35px;
        padding-right:35px;
    }
    .image-div .image1 img{
        position: relative;
        left:-25px;
        width: calc(100% + 50px);
        max-width: calc(100% + 50px) !important;
    }

    .image-div .image2 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .image-div .image3 {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%;
    }

    .image-div .image4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .image-div .image3-2 {
        -ms-flex-preferred-size: 66.66%;
        flex-basis: 66.66%;
        max-width: 66.66%;
    }

    .image-div .image4-2 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .image-div + p {
        margin-top: 12px;
    }
}


.new-detail {

}

.new-title {

}

@media (min-width: 1200px) {
    .new-title,
    .new-detail .ins {
        padding-left: 25px;
        padding-right: 25px;
    }

    .new-detail .ins .detail-pic,
    .new-detail .ins .video-wrap {
        margin-left: -25px;
        margin-right: -25px;
    }

    .new-detail .ins .image-div {
        margin-left: -35px;
        margin-right: -35px;
    }

    .new-detail .ins .auth-date {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

.preview-text {
    font-size: 22px;
    margin-bottom: 31px;
}
.wrapper-gn .small {
    font-family: 'Cuprum', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #7f7f7f;
    max-width: 100%;
    padding: 0 10px;
    margin-bottom: 25px;
    position: relative;
    margin-left:-25px;
}
.wrapper-gn .small:first-child {
    top:-15px;
}
.new-detail .ins img {
    max-width: 100%;
    height: auto;
}

.quote {
    font-family: 'Georgia', serif;
    font-style: italic;
    font-size: 20px;
    margin: 43px 0 62px 36px;
    position: relative;
    padding-left: 2em;
}



.quote2 {
    font-family: 'Georgia', serif;
    font-style: italic;
    font-size: 20px;
    margin: 43px 0 62px 36px;
    position: relative;
    padding-left: 2em;
}

.quote2:before,
.quote2:not(.has-p):after,
.quote2 p:last-child:after {
    font-family: 'Georgia', serif;
    font-weight: bold;
    font-style: italic;
    font-size: 1.8em;
    line-height: 0.5;
}

.quote2:before {
    content: '«';
    position: absolute;
    left: 0;
    top: 0.08em;
}

.quote2:not(.has-p):after,
.quote2 p:last-child:after {
    content: '»';
    margin-left: 0.55em;
    position: relative;
    top: 0.1em;
}

.border-right {
    margin: 50px 0 50px 60px;
    padding-left: 30px;
    border-left: 9px solid #e5e5e5;
}

.text {

}

.text h4 {
    margin: 42px 0 23px 0;
}

.text ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.text ol {
    margin: 0;
    padding: 0;
}

.text ul > li {
    margin: 0 0 31px 49px;
    position: relative;
}

.text ol > li {
    margin: 0 0 31px 32px;
    position: relative;
    padding: 0 0 0 17px;
}

.text ul > li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: -30px;
    top: 14px;
    background: #000;
}

.text ul > li ul li,
.text ul > li ol li,
.text ol > li ul li,
.text ol > li ol li{
    margin-top: 31px;
    margin-bottom: 0;
}

.text .ul-line {
    font-family: 'Georgia', serif;
    font-style: italic;
}

.text .ul-line > li:before {
    width: 23px;
    height: 2px;
    border-radius: 0;
    left: -39px;
}

.text table {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0 0 31px 0;
}

.text table td, 
.text table th {
    border: 1px solid #000;
    padding: 15px;
}

.text table th {
    text-align: center;
    background: #ebeef0;
}

.text table td {
    vertical-align: top !important;
}

.scroll-table-wrapper {
    margin: 0 0 31px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background-image: linear-gradient(to right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 75%), linear-gradient(to left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 75%);
    background-repeat: no-repeat;
    background-attachment: scroll, scroll;
    background-size: 12px 100%;
    background-position: 0 center, 100% center;
}

.scroll-table-wrapper table {
    margin: 0 !important;
    width: auto !important;
    min-width: 100%;
}

.scroll-table-wrapper th:first-child,
.scroll-table-wrapper td:first-child,
.scroll-table-wrapper th:last-child,
.scroll-table-wrapper td:last-child {
    background-repeat: no-repeat;
    background-size: 20px 100%;
}

.scroll-table-wrapper th:first-child,
.scroll-table-wrapper td:first-child {
    background-image: linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background-position: 0 0;
}
.scroll-table-wrapper th:first-child{
    background-image: linear-gradient(to right, rgba(235,238,240,1) 50%, rgba(235,238,240,0) 100%);
}

.scroll-table-wrapper th:last-child,
.scroll-table-wrapper td:last-child {
    background-image: linear-gradient(to left, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background-position: 100% 0;
}
.scroll-table-wrapper th:last-child{
    background-image: linear-gradient(to left, rgba(235,238,240,1) 50%, rgba(235,238,240,0) 100%);
}

.scroll-table-wrapper th:first-child:last-child,
.scroll-table-wrapper td:first-child:last-child {
    background-image: linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%), linear-gradient(to left, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background-position: 0 0, 100% 0;
}
.scroll-table-wrapper th:first-child:last-child{
    background-image: linear-gradient(to right, rgba(235,238,240,1) 50%, rgba(235,238,240,0) 100%), linear-gradient(to left, rgba(235,238,240,1) 50%, rgba(235,238,240,0) 100%);
    background-position: 0 0, 100% 0;
}

.text a {
    font-weight: 500;
}

#translat {
    margin-top: 52px;
}

.trans_tlt {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 31px 0 32px 0;
    margin: 0 0 56px;
    background: url('/bitrix/templates/zba/css/../images/icon-transl.png') 21px 31px no-repeat;
    background-size: 50px 40px;
}

.trans_tlt h4.tlt {
    text-transform: uppercase;
    margin: 0 0 12px 0;
}

.trans_tlt .desc {
    font-family: 'Georgia', serif;
    font-style: italic;
    line-height: 24px;
}

.translat-item {
    margin: 0 0 24px 0;
}

.translat-item p {
    margin: 0 0 20px 0;
}

.translat-item.empty{
    margin: 0;
}

.translat-item .translat-date {
    float: left;
    font-weight: 500;
    margin-left: 15px;
}

.translat-item .comm img {
    display: block;
    margin: 54px 0 52px;
    max-width: 100%;
}

.trans_tlt {
    padding-left: 96px;
}

.translat-item .comm {
    margin-left: 96px;
}

.translat-item .comm img {
    margin-left: -96px;
    max-width: calc(100% + 96px);
}

@media (min-width: 1200px) {
    .new-detail .ins .translat-item .comm img {
        margin-left: -121px;
        max-width: calc(100% + 146px);
    }
}

.translat-item .update-trans {
    text-align: right;
    font-size:12px;
}

.translat-item .update-trans a {
    margin-left: 10px;
}

.social-auth {
    margin-top: 70px;
}

.social-auth__title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 37px;
}

.social-auth__list {
    margin-right: -12px;
}

.social-auth__list img {
    width: 60px;
    height: 60px;
    margin: 0 12px 15px 0;
}

.banner {
    margin-bottom: 17px;
}

.banner img {
    display: block;
    width: 100%;
    height: auto;
}

.banners-group,
.banners-grid {
    /*border: 1px solid rgb(204, 204, 204);*/
    padding: 17px;
    padding-bottom:0;
    margin-bottom: 50px;
}

.banners-group .banner:last-child,
.banners-grid .banners-grid__item:last-child .banner {
    /*margin-bottom: 0;*/
}

.responsive-iframe-wrapper {
    position: relative;
}

.responsive-iframe-placeholder {
    display: block;
}

.responsive-iframe-wrapper iframe {
    display: block;
    width: 100%;
    visibility: hidden;
}

.responsive-iframe-wrapper.is-complete iframe {
    visibility: visible;
}

.responsive-iframe-placeholder + iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.responsive-iframe-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 1449.98px) {
    .ad .label,
    .ad .author,
    .ad .date {
        margin-right: 15px;
    }
}

@media (max-width: 1199.98px) {
    body,
    .wrapper-gn{
        font-size: 18px;
    }

    h1,
    .h1 {
        font-size: 33px;
        line-height: 40px;
    }

    h2,
    .h2 {
        font-size: 24px;
        line-height: 36px;
    }

    h4, .h4 {
        font-size: 18px;
    }

    .preview-text {
        font-size: 20px;
        margin-bottom: 21px;
    }

    .ad .label,
    .ad .author,
    .ad .date {
        margin-right: 25px;
    }

    .detail-pic {
        margin-bottom: 32px;
    }
    .wrapper-gn .small {
         margin-left:-10px;
    }
    .quote {
        margin: 31px 0 45px 29px;
    }
    .quote2 {
        margin: 31px 0 45px 29px;
    }

    .image-div img {
        margin-bottom: 10px;
    }

    .image-div div {
        margin-bottom: 21px;
    }

    .text h4 {
        margin: 31px 0 21px 0;
    }

    .video-wrap {
        margin-top: 41px;
        margin-bottom: 46px;
    }

    .border-right {
        margin: 31px 0 31px 60px;
    }

    .comments-tlt {
        padding: 40px 0;
    }

    .auth-date {
        margin-bottom: 34px;
    }

    .auth-date + .detail-pic {
        margin-top: -36px;
    }

    #translat {
        margin-top: 44px;
    }

    .trans_tlt {
        padding-top: 35px;
        padding-bottom: 28px;
        margin-bottom: 42px;
    }

    .trans_tlt h4.tlt {
        margin: 0 0 11px 0;
        line-height: 24px;
    }

    .translat-item .comm img {
        margin-top: 36px;
        margin-bottom: 38px;
    }

    .banners-group,
    .banners-grid {
        margin-bottom: 40px;
    }
}

@media (max-width: 767.98px) {
    body,
    .wrapper-gn{
        font-size: 15px;
        line-height: 25px;
    }

    hr {
        margin: 25px 0;
    }

    p,
    ul,
    ol,
    dl,
    pre,
    table,
    figure,
    address,
    fieldset,
    blockquote {
        margin: 0 0 25px 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        margin: 0 0 25px 0;
    }

    h1,
    .h1 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 21px;
    }

    h2,
    .h2 {
        font-size: 20px;
        line-height: 26px;
    }

    h3,
    .h3 {
        font-size: 18px;
        line-height: 26px;
    }

    h4,
    .h4 {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 15px;
    }

    h5,
    .h5 {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 15px;
    }

    h6,
    .h6 {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 15px;
    }

    .page-title {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 25px;
    }

    .preview-text {
        font-size: 15px;
        line-height: 25px;
    }

    .sharing {
        position: relative;
    }

    .sharing__btn {
        display: block;
        width: 37px;
        height: 37px;
    }

    .sharing__content {
        display: none;
        position: absolute;
        right: 0;
        top: 37px;
        background: #fff;
        z-index: 100;
        padding: 5px 10px;
    }

    .sharing.is-open .sharing__content {
        display: block;
    }

    .sharing .socs a {
        display: block;
        margin: 5px 0;
    }

    .sharing .socs a.print {
        display: none;
    }

    .ad .label, 
    .ad .author, 
    .ad .date {
        margin-right: 20px;
    }

    .auth-date {
        display: block;
        position: relative;
        padding-right: 20px;
        padding-bottom: 21px;
        margin-bottom: 17px;
    }

    .auth-date .sharing {
        position: absolute;
        right: -10px;
        top: -9px;
    }

    .auth-date .ad {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .auth-date .ad .ad1 {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 17px;
    }

    .auth-date .ad .date {
        margin-right: 0;
    }

    .auth-date + .detail-pic {
        margin-top: -19px;
    }

    .detail-pic {
        margin-bottom: 22px;
    }

    .quote {
        font-size: 15px;
        line-height: 25px;
        margin: 27px 0 35px 0;
        padding-left: 2.5em;
    }

    .quote:before,
    .quote:after {
        font-size: 2.2em;
    }

    .quote:after {
        margin-left: 0.3em;
        top: 0.15em;
    }

    .quote2 {
        font-size: 15px;
        line-height: 25px;
        margin: 27px 0 35px 0;
        padding-left: 2.5em;
    }

    .quote2:before,
    .quote2:after {
        font-size: 2.2em;
    }

    .quote2:after {
        margin-left: 0.3em;
        top: 0.15em;
    }

    .image-div div {
        font-size: 15px;
        margin-bottom: 16px;
    }

    .image-div img {
        margin-bottom: 4px;
    }

    .text h4 {
        margin: 25px 0 22px 0;
    }

    .video-wrap {
        margin-top: 37px;
        margin-bottom: 38px;
    }

    .text ul > li {
        margin-bottom: 25px;
    }

    .text ol > li {
        margin: 0 0 25px 25px;
        padding-left: 7px;
    }

    .text ul > li ul li,
    .text ul > li ol li,
    .text ol > li ul li,
    .text ol > li ol li{
        margin-top: 25px;
    }

    .text table {
        margin-bottom: 25px;
    }

    .scroll-table-wrapper {
        margin: 0 -10px 25px;
    }

    .scroll-table-wrapper table td:first-child, 
    .scroll-table-wrapper table th:first-child {
        border-left: none;
    }

    .scroll-table-wrapper table td:last-child, 
    .scroll-table-wrapper table th:last-child {
        border-right: none;
    }

    .border-right {
        margin: 28px 0 31px 0;
        padding-left: 25px;
        border-width: 6px;
    }

    .comments-tlt {
        padding: 15px 20px 15px 0;
        position: relative;
    }

    .comments-tlt .sharing {
        position: absolute;
        margin-top: 0;
        right: -10px;
        top: 10px;
    }

    #translat {
        margin-top: 33px;
    }

    .trans_tlt {
        padding-top: 24px;
        padding-bottom: 24px;
        margin-bottom: 33px;
        padding-left: 81px;
        background-position: 9px 26px;
    }

    .trans_tlt h4.tlt {
        margin: 0 0 13px 0;
        line-height: 23px;
        min-height: 46px;
    }

    .trans_tlt .desc {
        line-height: 25px;
        margin-left: -81px;
    }

    .translat-item {
        margin: 0 0 28px 0;
    }

    .translat-item .translat-date {
        float: none;
        font-weight: 500;
        margin-left: 0;
        display: block;
        font-size: 19px;
        margin-bottom: 7px;
    }

    .translat-item .comm {
        margin-left: 0;
    }

    .translat-item .comm img {
        margin-top: 29px;
        margin-bottom: 31px;
        margin-left: 0;
        max-width: 100%;
    }

    .banner {
        margin-bottom: 10px;
    }

    .banners-group {
        margin-bottom: 30px !important;
        margin-top:30px !important;
        /*border: none;
        padding: 0;*/
        padding: 10px 0;
    }
    .banners-grid__item .banners-group{
        margin-bottom: 15px !important;
        margin-top:15px !important;
    }

    .banners-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: none;
        padding: 0;
        margin: 0 -5px 20px;
    }

    .banners-grid__item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 5px;
        /*margin-bottom: 10px;*/
    }

    .banners-grid .banner {
        margin: 0;
    }

    h4 + .image-div {
        margin-top: 25px;
    }

    .form-title {
        font-size: 15px;
        line-height: 25px;
        margin: 25px 0 15px;
    }

    .form-group,
    .input-row {
        margin-bottom: 15px;
    }

    .form-group__label,
    .input-label {
        margin-bottom: 5px;
    }

    .form-control,
    .input {
        padding-left: 15px;
        padding-right: 15px;
    }

    .photo-field {
        margin-bottom: 15px;
    }

    .photo-field__btn {
        margin-top: 15px;
    }

    .form-check {
        font-size: 15px;
    }

    .form-note,
    .form-captcha-row,
    .form-btn-group {
        margin-bottom: 25px;
    }

    .form-captcha-row,
    .form-btn-group,
    .form-links-group {
        margin-top: 25px;
    }

    .form-links-group {
        font-size: 14px;
    }

    .social-auth {
        margin-top: 40px;
    }

    .social-auth__title {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .social-auth__list {
        margin-right: -5px;
    }

    .social-auth__list img {
        width: 40px;
        height: 40px;
        margin: 0 5px 8px 0;
    }
}
/* End */


/* Start:/bitrix/templates/zba/css/style.css?169900790925941*/
@font-face {
    font-family: 'Montserrat';
    src: url('/bitrix/templates/zba/css/../fonts/Montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bitrix/templates/zba/css/../fonts/Montserrat/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/bitrix/templates/zba/css/../fonts/Montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html.is-noscroll body {
    position: fixed !important;
    width: 100%;
    overflow-y: auto;
}

body {
    /*background: #fff;*/
    background: #ededed;
    color: #000;
    min-width: 320px;
    overflow-x: hidden;
}

.r-popup-window {
    background: #fff;
    width: 450px;
    max-width: 100%;
    padding: 30px;
    overflow: visible;
}

.r-popup-window:not(.fancybox-content) {
    display: none;
}

.fancybox-container {
    font-family: inherit;
}

.fancybox-close-small svg {
    display: none;
}

.close-btn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: none;
    background: none;
}

.fancybox-close-small,
.close-btn {
    padding: 0;
    width: 40px;
    height: 40px;
    color: #6d6d6d;
}

.fancybox-close-small:hover,
.close-btn:hover {
    color: #000;
}

.fancybox-close-small:before,
.fancybox-close-small:after,
.close-btn:before,
.close-btn:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    border-bottom: 2px solid;
    margin: -1px 0 0 -10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fancybox-close-small:after,
.close-btn:after {
    -webkit-transform: rotate(-45deg);    
    transform: rotate(-45deg);  
}

.slick-track {
    margin: 0;
}

.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li button {
    width: 19px;
    height: 19px;
    border: none;
    background: none;
    padding: 0;
    position: relative;
    cursor: pointer;
    text-indent: -9999px;
}

.slick-dots li button:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 11px;
    height: 11px;
    margin: -5px;
    border-radius: 50%;
    background: #aaa;
}

.slick-dots li.slick-active button:before {
    background: #fff;
}

.slick-arrow {
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    z-index: 11;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 50%;
    color: #999999;
}

.slick-arrow:hover {
    color: #000;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-arrow.slick-disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.slick-arrow:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    margin: -5px;
    border-style: solid;
    border-width: 0 0 1px 1px;
}

.slick-prev:after {
    -webkit-transform: translateX(2px) rotate(45deg);
    transform: translateX(2px) rotate(45deg);
}

.slick-next:after {
    -webkit-transform: translateX(-2px) rotate(225deg);
    transform: translateX(-2px) rotate(225deg);
}

.container {
    width: 1430px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.menu-btn {
    display: block;
    position: relative;
    width: 95px;
    height: 60px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

.menu-btn:before,
.menu-btn:after {
    content: '';
}

.menu-btn:before,
.menu-btn:after,
.menu-btn > span {
    position: absolute;
    width: 40px;
    height: 6px;
    left: 50%;
    top: 50%;
    border-radius: 3px;
    margin: -3px 0 0 -25px;
    background: #050505;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: 0.2s ease-in-out;
}

.menu-btn:before {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
}

.menu-btn:after {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
}

html.is-menu-open .menu-btn > span {
    opacity: 0;
    visibility: hidden;
    width: 0;
}

html.is-menu-open .menu-btn:before {
    width: 40px;
    -webkit-transform: translateY(2px) rotate(-42deg);
    transform: translateY(2px) rotate(-42deg);
}

html.is-menu-open .menu-btn:after {
    width: 40px;
    -webkit-transform: translateY(-2px) rotate(42deg);
    transform: translateY(-2px) rotate(42deg);
}

.logo {

}

.logo__img {

}

.control {
    display: -ms-flexbox;
    display: flex;
}

.control__btn {
    width: 30px;
    height: 30px;
    margin-left: 12px;
    position: relative;
    border: none;
    padding: 0;
    background: none;
}

.control__btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.control__btn_search:before {
    width: 20px;
    height: 20px;
    background-image: url('/bitrix/templates/zba/css/../images/icon-search.png');
}

.control__btn_account:before {
    width: 19px;
    height: 20px;
    background-image: url('/bitrix/templates/zba/css/../images/icon-account.png');
}
.control__btn_18pl:before {
    width: 24px;
    height: 23px;
    background-image: url('/bitrix/templates/zba/css/../images/18-pl.png');
}

.nav {
    font-family: 'Cuprum', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
}

.nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nav__item {
    margin: 6px 57px 0 0;
}

.nav__item:last-child {
    margin-right: 0;
}

.nav__link {
    color: inherit;
    text-decoration: none;
}

.nav__link:hover,
.nav__link.is-active {
    color: #ff6f6f;
    text-decoration: none;
}

.second-nav {
    font-family: 'Cuprum', sans-serif;
    color: #5c5b5b;
}

.second-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.second-nav__item {
    margin-bottom: 15px;
}

.second-nav__link {
    color: inherit;
    text-decoration: none;
}

.second-nav__link:hover,
.second-nav__link.is-active {
    color: #ff6f6f;
    text-decoration: none;
}

.header {
    background: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.header__top-banner-field {
    padding-top: 18px;
    padding-bottom: 0;
}

.header__top-banner {

}

.header__top-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.header__inner {
    position: relative;
    background: #fff;
    bottom: auto !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 902;
}

.header__inner.is_stuck {
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.header__main {

}

@media (min-width: 768px) {
    .header__main {
        position: static !important;
        width: auto !important;
    }

    .header__main.is_stuck + div:not([class]) {
        display: none !important;
    }
}

.header__main-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 114px;
}

.header__header {
    position: relative;
    z-index: 1;
}

.header__logo-field {
    position: relative;
    height: 60px;
    padding: 7px 0 0 125px;
}

.header__menu-btn {
    position: absolute;
    left: 0;
    top: 0;
    border-right: 2px solid #858585;
}

.header__logo {

}

.header__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 310px);
    justify-content: right;
}

.header__date-field {
    /*margin-left:calc(33.33% - 180px);*/
}

.header__date {
    font-size: 17px;
    font-weight: 500;
    color: #5c5b5b;
    letter-spacing: 0.025em;
    white-space: nowrap;
}

.header__content-banner-field {
    min-width: 350px;
    height: 70px;
}

.header__content-banner {
    width: 350px;
    text-align: center;
}

.header__content-banner img {
    max-width: 100%;
    height: auto;
}

.header__control-field {
    /*margin-left: 190px;*/
    /*margin-left:calc(33.33% - 190px) !important;*/
}

.header__control {

}

.header__menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: none;
}

.header__menu .container {
    height: 100%;
}

html.is-menu-open .header__menu {
    display: block;
}

.header__menu-inner {
    padding-left: 393px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.header__menu-header {
    display: none;
}

.header__nav {
    width: 100%;
}

.header__second-nav {
    display: none;
}

.header__bottom-banner-field {
    /*padding-top: 11px;*/
    padding-bottom: 14px;
}

.header__bottom-banner {
    position: relative;
}

.header__bottom-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.header__bg {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 901;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: 0.25s ease-in-out;
}

html.is-menu-open .header__bg {
    opacity: 1;
    visibility: visible;
}

.footer-bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9890;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    display: none;
}

.footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9900;
    /*background: #fff;*/
    background: #ededed;
    font-family: 'Cuprum', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #a3a3a3;
}

.footer__header {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 10px;
    /*background: #fff;*/
    background: #ededed;
    border-top: 1px solid #ccc;
    cursor: pointer;
}

.footer__header-btn {
    position: absolute;
    left: 50%;
    margin-left: -22px;
    top: -22px;
    width: 44px;
    height: 22px;
    border-radius: 22px 22px 0 0;
    padding: 0;
    /*background: #fff;*/
    background: #ededed;
    border: 1px solid #cccccc;
    border-bottom: none;
    cursor: pointer;
    color: #999999;
}

.footer__header-btn:hover {
    color: #000;
}

.footer__header-btn:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 0 0 -5px;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

html.is-footer-open .footer__header-btn:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.footer__content {
    display: none;
    max-height: calc(100vh - 35px);
    overflow-y: auto;
}

.footer__content-inner {
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0;
}

.footer__section {

}

.footer__section_1 {
    border-right: 1px solid #ccc;
    -ms-flex: 0 0 29%;
    flex: 0 0 29%;
    padding: 0 47px;
}

.footer__section_2 {
    -ms-flex-order: 1;
    order: 1;
    border-left: 1px solid #ccc;
    -ms-flex: 0 0 29%;
    flex: 0 0 29%;
    padding: 0 0 0 70px;
}

.footer__section_3 {
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    padding: 0 74px;
}

.footer__logo {
    margin-bottom: 45px;
    display: inline-block;
    vertical-align: top;
}

.footer__logo-img {

}

.footer__contacts {

}

.footer__contacts a[href^=tel],
.footer__contacts a[href^=callto],
.footer__contacts a[href^=mailto] {
    color: inherit;
    text-decoration: none;
}

.footer__social {
    width: 270px;
    margin-bottom: 32px;
}

.social {
    margin-right: -5px;
}

.social img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin: 0 5px 7px 0;
}

.footer__search {
    width: 270px;
    position: relative;
    margin-bottom: 39px;
}

.footer__search-form {

}

.footer__search-input {
    height: 37px;
    padding: 2px 37px 2px 12px;
}

.footer__search-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
    height: 37px;
    padding: 0;
    background: none;
    border: none;
}

.footer__search-btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background: url(/bitrix/templates/zba/css/../images/icon-search.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.footer__nav {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #5c5b5b;
}

.footer__nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer__nav-item {
    margin-bottom: 9px;
}

.footer__nav-item:last-child {
    margin-bottom: 0;
}

.footer__nav-link {
    color: inherit;
    text-decoration: none;
}

.footer__nav-link:hover {
    color: #f02b2a;
}

.footer__text {

}

.footer__description {
    max-width: 415px;
}

.footer__note {
    margin-top: 38px;
}

.content {
    padding-top: 20px;
    padding-bottom: 150px;
}

.content__inner {
    margin-left: -10px;
    margin-right: -10px;
}

.content__inner:after {
    content: '';
    display: table;
    clear: both;
}

.content__main {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 1px;
}

.content__main_with-aside {
    width: calc(100% - 356px);
}
.block-white{
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    padding:40px 0;
}
.block-white.inside{
    margin-top:20px;
    padding:20px 0;
}
.block-white.adpd{
    padding-left:25px;
    padding-right:25px;
}
.block-white.mrb{
    margin-bottom:30px;
}

.content__aside {
    float: left;
    width: 356px;
    padding-left: 10px;
    padding-right: 10px;
}

.news-catalog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.news-catalog__item {
    display: -ms-flexbox;
    display: flex;
    /*-ms-flex-direction: column;
    flex-direction: column;*/
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 10px;
}

.news-catalog__item_s {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
}

.news-catalog__item_m {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}
.news-catalog__item.first-gn{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    font-size:21px;
}
.news-catalog__item.first-gn .news__preview{
    width: 80%;
}
.news {
    display: block;
    color: inherit !important;
    text-decoration: none !important;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
    transition: all 0.1s ease-out;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    position: relative;
    padding-bottom: 30px;
}
.news:hover{
    box-shadow: 0 1px 20px rgba(0,0,0,0.3);
    z-index: 2;
}

.news__image-wrapper {
    display: block;
    position: relative;
    margin-bottom: 31px;
    background: #000;
}

.news__image-wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    box-shadow: 0 0 57px rgba(0, 0, 0, 0.1) inset;
    transition: 0.15s ease-in-out;
}

.news_bg .news__image-wrapper:after {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 30%, rgba(0,0,0,0.85) 100%);
}

.news__image {
    display: block;
    width: 100%;
    height: auto;
}

.news__image-wrapper:hover:after {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3) inset;
}

.news__content {
    margin: 0 20px 15px 20px
}
.news.news_bg .news__content {
    margin: 0;
}

.news__title {
    font-family: 'Cuprum', sans-serif;
    font-weight: normal;
    font-size: 36px;
    line-height: 40px;
    margin: 20px 20px 26px 20px;
}

.news-catalog__item_m .news__title {
    font-size: 40px;
    line-height: 45px;
}
.news__preview{
    width: 93%;
}
.wp .news__preview {
    font-family: 'Cuprum';
    font-size:32px;
    line-height: 1.12;
}

.news-catalog__item .news:hover .news__title,
.news-catalog__item.wp .news:hover .news__preview {
    color: #f02b2a;
}
.news-catalog__item .banners-group{
    margin-top:30px;
}

.news__meta {
    font-family: 'Cuprum', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #7f7f7f;
}

.news__meta_top {
    margin-bottom: 24px;
}

.news__meta_bottom {
    /*margin-top: 13px;*/
    position: absolute;
    left: 20px;
    bottom: 12px;
}
.news_bg .news__content .news__meta_bottom{
    bottom: -19px;
}
.first-gn .news_bg .news__content .news__meta_bottom{
    position: relative;
    left:auto;
    bottom:auto;
    margin-top: 13px;
}
.news__label {
    margin-right: 15px;
}

.news__date {
    margin-right: 15px;
}

.news_bg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    min-height: 481px;
    background: #000;
    color: #fff !important;
}

.news-catalog__item_m .news_bg {
    min-height: 513px;
}

.news_bg .news__image-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
}

body .news_bg .news__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news_bg .news__content {
    position: relative;
    padding: 20px;
    z-index: 2;
}

.news_bg .news__meta {
    color: inherit;
}

.news_bg .label {
    color: inherit;
    border-color: rgba(255,255,255,0.7);
}

.news_bg .news__title,
.news_bg .news__preview {
    color: inherit !important;
    width: auto;
}

.news_bg .news__date {
    opacity: 0.7;
}

.news-list {
    margin: 0;
    padding: 0 25px;
    list-style: none;
    color: #5c5b5b;
    font-family: 'Cuprum', sans-serif;
    font-size: 21px;
    letter-spacing: 0.04em;
}

.news-list a {
    color: inherit;
    text-decoration: none;
}

.news-list a:hover {
    color: #f02b2a;
}

.news-list li {
    position: relative;
    margin-bottom: 24px;
    padding-left: 33px;
}

.news-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 8px;
    height: 1px;
    border-bottom: 1px solid;
}

.aside .banner {
    margin-bottom: 17px;
}

.aside .banners-group {
    margin-bottom: 20px;
}

.aside .news {
    margin-bottom: 30px;
}

.news-loader {
    height: 46px;
    margin-top: 50px;
    position: relative;
}

.news-loader:before {
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    left: 50%;
    top: 50%;
    margin: -24px;
    background: url('/bitrix/templates/zba/css/../images/loader.png') 0 0 no-repeat;
    background-size: 100% 100%;
    -webkit-animation: rotate 0.8s linear infinite;
    animation: rotate 0.8s linear infinite;
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.additional-news {
    background: #cecece;
    padding: 30px 20px 10px;
    margin-bottom: 50px;
}

.additional-news__header {
    margin: 0 0 20px 20px;
}

.additional-news__logo {
    width: auto;
    height: auto;
    max-width: 100%;
}

.additional-news__content {

}

.additional-catalog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.additional-catalog__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 5px;
    margin-bottom: 10px;
}

.additional-catalog__card {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #dcdbdb;
}

.additional-catalog__card:hover {
    color: #f02b2a;
}

.additional-catalog__card-image {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: -1px -1px 0;
}

.additional-catalog__card-image:before {
    content: '';
    display: block;
    padding-top: 83%;
}

.additional-catalog__card-content {
    display: block;
    padding: 10px 13px 30px;
}

.additional-catalog.slick-slider {
    display: block;
}

.additional-catalog .slick-track {
    display: -ms-flexbox;
    display: flex;
}

.additional-catalog .slick-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: auto;
}

.additional-catalog .slick-slide > div {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.slick-slide .additional-catalog__item {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.additional-catalog .slick-arrow {
    margin-top: -33px;
}

.additional-catalog .slick-prev {
    left: -9px;
}

.additional-catalog .slick-next {
    right: -9px;
}

.aside .additional-news {
    margin-bottom: 20px;
    border: 1px solid rgb(204, 204, 204);
    background: #cecece;
    padding: 35px 20px 0;
    /*width: calc(100% + 34px);
    position: relative;
    left:-17px;*/
}

.aside .additional-news__header {
    margin: 0 0 35px 0;
    text-align: center;
}

.aside .additional-catalog {
    display: block;
}

.aside .additional-catalog__item {
    display: block;
    max-width: none;
    background: #fff;
    padding:0;
    margin-bottom:15px;
}

.aside .additional-catalog__card {
    border: none;
    font-size: 20px;
}

.aside .additional-catalog__card-image {
    margin: 0;
}

.aside .additional-catalog__card-image:before {
    padding-top: 47%;
}

.aside .additional-catalog__card-content {
    padding: 10px 13px 15px;
}

.contacts-info {
    margin: 0 -10px;
}

.contacts-info:after {
    content: '';
    display: table;
    clear: both;
}

.contacts-info > div {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.contacts-info + hr {
    margin-top: 0;
}

.search {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    padding: 28px 15px;
    z-index: 995;
    display: none;
}

html.is-search-open .search {
    display: block;
}

.search__bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    background: rgba(255,255,255,0.97);
}

.search__form {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

.search__input {
    padding-left: 54px;
    padding-right: 54px;
}

.search__btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 54px;
    padding: 0;
    background: none;
    border: none;
}

.search__btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background: url(/bitrix/templates/zba/css/../images/icon-search.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.search__close {
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
    height: 54px;
}

.footer-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 35px;
    z-index: 995;
    padding: 0 15px;
}
.footer-banner.is-no-index{
    display: none;
}

.footer-banner__wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.footer-banner__close {
    position: absolute;
    bottom: 100%;
    right: 0;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    background: rgba(255,255,255,0.8);
    padding: 3px 3px 3px 3px;
    border: none;
    line-height: 18px;
}
.mobile-show{
    display: none;
}

/* End */


/* Start:/bitrix/templates/zba/css/media.css?166224093111255*/
@media (max-width: 1449.98px) {
    .container {
        width: 100%;
    }

    .header__content-banner-field {
        /*margin-left: 70px;*/
    }

    .header__control-field {
        /*margin-left: 70px;*/
    }

    .news-list {
        padding: 0;
    }

    .news_bg .news__content {
        padding: 20px;
    }

    .footer__content-inner {
        padding: 30px 0;
    }

    .footer__section {
        padding: 0 30px;
    }

    .footer__section_1 {
        padding-left: 0;
    }

    .footer__section_2 {
        padding-right: 0;
    }
}

.js-mobile-check,
.js-tablet-check{
    display: none;
}

@media (max-width: 1199.98px) {
    .js-tablet-check{
        display: block;
    }

    .container {
        /*width: 960px;*/
    }
    .block-white,
    .block-white.adpd{
        padding:20px;
    }
    .header__top-banner-field {
        padding-top: 24px;
        padding-bottom: 5px;
    }

    .header__bottom-banner-field {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .header__content-banner-field {
        display: none;
    }

    .header__control-field {
        /*margin-left: 80px;*/
        margin-right: 20px;
    }

    .header__menu {
        padding-top: 128px;
        padding-bottom: 90px;
        height: auto;
    }

    .header__menu-inner {
        padding-left: 139px;
    }

    .nav {
        font-size: 24px;
    }

    .nav__list {
        display: block;
    }

    .nav__item {
        margin: 0 0 15px 0;
    }

    .search {
        padding: 24px 15px;
    }

    .content {
        padding-top: 24px;
    }

    .content__main_with-aside {
        width: 100%;
    }

    .content__aside {
        display: none;
    }

    .contacts-map {
        height: 400px;
    }

    .news-list {
        font-size: 18px;
        line-height: 27.5px;
    }

    .news {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .news-catalog__item .banners-group{
        margin-top:10px;
    }
    .news__image-wrapper {
        margin-bottom: 28px;
    }

    .news__title {
        font-size: 33px !important;
        line-height: 40px !important;
        margin-bottom: 22px;
    }

    .news__meta {
        font-size: 14px;
    }

    .news__meta_top {
        margin-bottom: 23px;
    }

    .news__meta_bottom {
        margin-top: 13px;
    }

    .news_bg {
        min-height: 330px;
    }

    .news-catalog__item_m .news_bg {
        min-height: 350px;
    }

    .news_bg .news__content {
        padding: 15px 20px;
    }

    .additional-news {
        margin-bottom: 40px;
        padding: 19px 13px 6px;
    }

    .additional-news__header {
        margin: 0 0 15px 14px;
    }

    .additional-news__logo {
        width: 152px;
    }

    .additional-catalog {
        margin: 0 -3px;
    }

    .additional-catalog__item {
        padding: 0 3px;
        margin-bottom: 6px;
    }

    .additional-catalog__card {
        font-size: 13px;
    }

    .additional-catalog__card-content {
        padding: 7px 8px 20px;
    }

    .footer__content-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer__section {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .footer__section_1 {
        padding-right: 50px;
    }

    .footer__section_2 {
        -ms-flex-order: 0;
        order: 0;
        border-left: none;
        padding-left: 50px;
    }

    .footer__section_3 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 40px 0 0 0;
    }

    .footer__description {
        max-width: none;
    }

    .footer__social {
        width: auto;
        text-align: right;
    }

    .footer__search {
        width: auto;
        margin-bottom: 34px;
    }

    .footer__note {
        margin-top: 20px;
    }
}

@media (max-width: 991.98px) {
    .container {
        /*width: 756px;*/
    }
}

@media (max-width: 767.98px) {
    .js-mobile-check{
        display: block;
    }
    .container {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .block-white,
    .block-white.adpd{
        margin-top:15px;
        padding:10px;
    }

    .header__top-banner-field {
        padding-top: 10px;
        padding-bottom: 0;
    }

    .header__bottom-banner-field {
        padding-top: 0;

    }

    .header__inner {
        position: static !important;
        width: auto !important;
    }

    .header__inner.is_stuck + div:not([class]) {
        display: none !important;
    }

    .header__main {
        position: relative;
        background: #fff;
        bottom: auto !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1002;
    }

    .header__main.is_stuck {
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }

    .header__main-inner {
        height: 83px;
    }

    .header__header {
        z-index: auto;
    }

    .header__logo-field {
        position: relative;
        height: 34px;
        padding: 1px 0 0 43px;
    }

    .header__menu-btn {
        border: none;
        margin-top:3px;
    }

    .menu-btn {
        width: 34px;
        height: 34px;
    }

    .menu-btn:before, .menu-btn:after, .menu-btn > span {
        width: 22px;
        height: 3px;
        margin: -1px 0 0 -11px;
    }

    .menu-btn:before {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    .menu-btn:after {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    html.is-menu-open .menu-btn:before {
        width: 19px;
        -webkit-transform: translateY(1px) rotate(-42deg);
        transform: translateY(1px) rotate(-42deg);
    }

    html.is-menu-open .menu-btn:after {
        width: 19px;
        -webkit-transform: translateY(-1px) rotate(42deg);
        transform: translateY(-1px) rotate(42deg);
    }

    .logo__img {
        width: 110px;
    }

    .header__date-field {
        display: none;
    }

    .header__control-field {
        margin-left: auto;
        margin-right: 0;
    }

    .header__menu {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        height: auto;
        z-index: 90002;
        left: -250px;
        width: 250px;
        padding: 25px 10px;
        background: #fff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: 0.25s ease-in-out;
    }

    html.is-menu-open .header__menu {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .header__menu .container {
        height: auto;
        padding: 0;
    }

    .header__menu-inner {
        display: block;
        height: auto;
        padding: 0 0 0 42px;
    }

    .header__menu-header {
        display: block;
        margin: 0 0 40px -42px;
    }

    .nav {
        font-size: 18px;
    }

    .nav__item {
        margin-bottom: 16px;
    }

    .header__second-nav {
        display: block;
        margin-top: 35px;
    }

    .header__bg {
        z-index: 1003;
    }

    .search {
        padding: 10px;
    }

    .footer {
        text-align: center;
    }

    .footer__content-inner {
        display: block;
        padding: 31px 0;
    }

    .footer__section {
        padding: 0;
        border: none;
    }

    .footer__section_1 {
        margin-bottom: 44px;
    }

    .footer__section_2 {
        margin-bottom: 41px;
    }

    .footer__section_3 {
        text-align: left;
        border-top: 1px solid #ccc;
        padding-top: 34px;
    }

    .footer__logo {
        margin-bottom: 27px;
    }

    .footer__logo-img {
        width: 112px;
    }

    .footer__social {
        text-align: center;
        margin-bottom: 35px;
    }

    .social img {
        width: 27px;
        height: 27px;
    }

    .footer__nav {
        display: none;
    }

    .footer__note {
        margin-top: 23px;
    }

    .content {
        padding-top: 0;
    }

    .news-catalog {
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin-top:13px;
    }

    .news-catalog__item {
        display: block;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

    .news {
        margin-bottom: 15px;
    }

    .news_bg {
        min-height: 430px;
    }

    .news-catalog__item_m .news_bg {
        min-height: 300px;
        line-height: 21px;
        padding-bottom:0;
    }
    .news__content {
        margin: 0 10px 15px 10px;
    }
    .news_bg .news__content {
        padding: 15px 10px;
    }
    .news__meta_bottom{
        left:10px;
    }
    .news__image-wrapper {
        margin-bottom: 20px;
    }

    .news__title {
        font-size: 30px !important;
        line-height: 35px !important;
        margin-bottom: 12px;
    }

    .news__meta_top {
        margin-bottom: 12px;
    }

    .news__meta_bottom {
        margin-top: 12px;
    }

    .contacts-info {
        margin: 0;
    }

    .contacts-info > div {
        float: none;
        width: auto;
        padding: 0;
    }

    .contacts-map {
        height: 300px;
    }

    .additional-news {
        margin: 0 -10px 30px;
        padding: 18px 10px 6px;
    }

    .additional-news__header {
        margin: 0 0 13px 14px;
    }

    .additional-news__logo {
        width: 131px;
    }

    .additional-catalog__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .additional-catalog__card {
        font-size: 11px;
    }

    .additional-catalog__card-content {
        padding: 6px 8px 19px;
    }

    .additional-catalog .slick-prev {
        left: -5px;
    }

    .additional-catalog .slick-next {
        right: -5px;
    }

    /*.footer{
        display: none !important;
    }*/
    .footer__content {
        max-height: calc(100vh - 100px);
    }

    /*.footer-banner {
        padding: 0;
        bottom:0;
    }
    .footer-banner.is-no-index{
        display: block;
    }*/
    .news-catalog__item.first-gn .news__preview{
        width: 100%;
    }
    .wp .news__preview {
        font-size:28px;
    }
    .news_bg .news__preview{
        font-size:22px;
    }
    .news_bg .news__image-wrapper:after {
        background: linear-gradient(to bottom, rgba(0,0,0,0) 10%, rgba(0,0,0,0.9) 100%);
    }

    .form-btn-group .btn{
        min-width: 150px;
    }

    .mobile-show{
        display: block;
    }
    .hide-mobile{
        display: none;
    }
}
/* End */
/* /bitrix/templates/zba/styles.css?156810879412 */
/* /bitrix/templates/zba/template_styles.css?175188100621782 */
/* /bitrix/templates/zba/lib/normalize.css-8.0.1/normalize.css?15681087946137 */
/* /bitrix/templates/zba/lib/jquery.fancybox-3.5.6/jquery.fancybox.min.css?156810879412795 */
/* /bitrix/templates/zba/lib/mediaelement.js_/mediaelementplayer.css?156810879415907 */
/* /bitrix/templates/zba/lib/slick-1.9.0/slick.css?15681087941776 */
/* /bitrix/templates/zba/css/typography.css?173494896534227 */
/* /bitrix/templates/zba/css/style.css?169900790925941 */
/* /bitrix/templates/zba/css/media.css?166224093111255 */
