header {
    font-family: 'Play';
    background: #FFFFFF;
}
.header_top {
    position: relative;
    background: #fff;
    /*max-height: 75px;*/
}
.header_logo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*width: 320px;*/
}
.header_logo__img img,
.header_logo__img source{
    max-width: 95px;
}
.header_logo__slogan {
    display: none;
}
.header-top__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*justify-content: space-between;*/
    /*padding: 16px 0 6px;*/
    padding: 0;
}
.header__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    /*flex-direction: column;*/
}
.btn-call:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    mask: no-repeat left 0 top 5px url("/local/templates/kmktradeco/images/icons/call.svg");
    -webkit-mask: no-repeat left 0 top 5px url("/local/templates/kmktradeco/images/icons/call.svg");
    background: #56575c;
    mask-size: contain;
    -webkit-mask-size: contain;
}
.btn-calc {
    border: 0;
    outline: 0;
    background: transparent;
    padding: 0;
    margin-right: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.btn-calc:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    mask: no-repeat center url("/local/templates/kmktradeco/images/icons/kmk_calc.svg");
    -webkit-mask: no-repeat center url("/local/templates/kmktradeco/images/icons/kmk_calc.svg");
    background: #56575c;
    mask-size: contain;
    -webkit-mask-size: contain;
}
.btn-calc span {
    display: none;
}
.mobile_menu-burger {
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 22px;
    height: 16px;
    position: relative;
}
.mobile_menu-burger:before,
.mobile_menu-burger:after {
    content: '';
}
.mobile_menu-burger:before,
.mobile_menu-burger:after,
.mobile_menu-burger > span {
    width: 100%;
    height: 2px;
    background: #000;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    top: 7px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.mobile_menu-burger.active > span {
    visibility: hidden;
    opacity: 0;
}
.mobile_menu-burger.active:before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.mobile_menu-burger.active:after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.mobile_menu-burger.active:before,
.mobile_menu-burger.active:after {
    position: absolute;
}
header .city_current,
#footer .city_current {
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    font-family: 'Play', sans-serif;
    font-style: normal;
    line-height: 18px;
    color: #1B469A;
    margin-top: 6px;
}
header .city_current:after,
#footer .city_current:after{
    content: '';
    margin-left: 4px;
    margin-top: 2px;
    display: inline-block;
    width: 6px;
    height: 4px;
    mask: no-repeat center url("/bitrix/templates/kmktradeco/images/icons/kmk_chevron-down.svg");
    -webkit-mask: no-repeat center url("/bitrix/templates/kmktradeco/images/icons/kmk_chevron-down.svg");
    background: #1B469A;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
header .city_current.active,
#footer .city_current.active{
    color: #56575c;
}
header .city_current.active:after,
#footer .city_current.active:after{
    background: #56575c;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
header .cities_list,
#footer .cities_list{
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    z-index: 12;
    left: 0;
    right: 0;
    width: 100%;
}
header .cities_list li,
#footer .cities_list li{
    list-style: none;
    background: #1B469A;
    border-bottom: 1px solid #133577;
}
header .cities_list li:last-child,
#footer .cities_list li:last-child{
    border-bottom: 0;
}
header .cities_list li a,
#footer .cities_list li a{
    color: #FFFFFF;
    font-weight: normal;
    font-size: 16px;
    line-height: 50px;
    padding: 0 20px;
}
.header_menu__wrapper {
    background: #1B469A;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    position: relative;
    z-index: 11;
}
.header_search {
    padding: 7px 0;
}
.header_menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 11;
    overflow-y: auto;
}
.chevron {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}
.chevron:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
     -ms-transform-origin: center;
      -o-transform-origin: center;
         transform-origin: center;
}
.chevron-left:before {
    -webkit-transform: translate(-50%, -50%) rotate(
            -45deg
    );
    -moz-transform: translate(-50%, -50%) rotate(
            -45deg
    );
     -ms-transform: translate(-50%, -50%) rotate(
            -45deg
    );
      -o-transform: translate(-50%, -50%) rotate(
            -45deg
    );
         transform: translate(-50%, -50%) rotate(
            -45deg
    );
}
.chevron-right:before {
    -webkit-transform: translate(-50%, -50%) rotate(
            135deg
    );
    -moz-transform: translate(-50%, -50%) rotate(
            135deg
    );
     -ms-transform: translate(-50%, -50%) rotate(
            135deg
    );
      -o-transform: translate(-50%, -50%) rotate(
            135deg
    );
         transform: translate(-50%, -50%) rotate(
            135deg
    );
}
body.modal-open {
    overflow: hidden;
}
body .mobile-phone-request {
    width: 43px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.mobile-phone-request:before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #fff;
    mask: no-repeat center url("/bitrix/templates/kmktradeco/images/icons/kmk_telephone.svg");
    -webkit-mask: no-repeat center url("/bitrix/templates/kmktradeco/images/icons/kmk_telephone.svg");
}
.city-selector__title {
    /*display: none;*/
}
.city-selector__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px;
    font-family: 'Play';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #606060;
}
.city-selector__title:before {
    /*content: '';*/
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 4px;
    background: #00449E;
    mask: no-repeat center url("/bitrix/templates/kmktradeco/images/icons/kmk_location.svg");
    -webkit-mask: no-repeat center url("/bitrix/templates/kmktradeco/images/icons/kmk_location.svg");
}
.header__middle .cont-chedule,
.header__middle .cont-phone,
.header__right .btn-call {
    display: none;
}
.btn_orange-invert,
.btn_orange:hover {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #fff;
    border: 1px solid #56575c;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    height: 35px;
    width: auto;
    color: #56575c;
    padding: 0 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.btn_orange-invert:hover,
.btn_orange {
    background: #56575c;
    color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #56575c;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    height: 35px;
    width: auto;
    padding: 0 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.btn-calc {
    background: transparent;
    padding: 0;
    border: 0;
}
.fixed_header_logo__img {
    display: none;
}
.fixed_calc {
    display: none;
}
.header__middle .cont-phone,
body .header__middle .cont-phone a,
body .header__middle .cont-phone .row_inner a{
    font-size: 14px;
}
.header-time-line{
    width: 230px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.header-time-line:first-child{
    margin-bottom: 6px;
}
.header-time__title,
.header-time__values{
    position: relative;
    font-family: 'Play', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #606060;
    padding-left: 18px;
}
.header-time__title:before{
    content: '';
    position: absolute;
    background: url("/local/templates/kmktradeco/images/header/address.png") no-repeat left 0 top 0;
    width: 12px;
    height: 16px;
    left: 0;
}
.header-time__values{
    padding-left: 21px;
}
.header-time__values:before{
    content: '';
    position: absolute;
    background: url("/local/templates/kmktradeco/images/header/new-time.png") no-repeat left 0 top 3px;
    width: 14px;
    height: 17px;
    left: 0;
}
.header__middle .cont-phone .row_inner .header-phones a{
    position: relative;
    display: block;
    font-family: 'Play', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px!important;
    line-height: 18px;
    color: #1B469A;
    padding-left: 18px;
}
.header__middle .cont-phone .row_inner .header-phones a:hover{
    text-decoration: none;
}
.header-phones a:before{
    content: '';
    position: absolute;
    background: url("/local/templates/kmktradeco/images/header/new-phone.png") no-repeat left 0 top 3px;
    width: 13px;
    height: 16px;
    left: 0;
}
.header-phones a:first-child{
    margin-bottom: 6px;
}
#footer .city-selector{
    margin: 30px 0;
}
@media (min-width: 991px) {
    .header__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-bottom: 3px;
    }
    .header-top__wrapper {
        /*padding: 12px 0 6px;*/
        padding: 5px 0;
    }
    .header_logo__slogan:before {
        content: '';
        height: 31px;
        width: 1px;
        background: #A6A6A6;
        margin-right: 8px;
        display: inline-block;
    }
    header .city_current {
        /*margin-left: 16px;*/
    }
    .header__middle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        /*padding-top: 10px;*/
        margin-left: 15px;
    }
    .header__middle .cont-chedule {
        display: inline-block;
        /*margin-left: 94px;*/
        margin-left: 70px;
    }
    .header__middle .cont-chedule .row_title {
        color: #646464;
        font-size: 14px;
        display: block;
    }
    .header__middle .cont-chedule .row_title:before {
        background: #00449E;
    }
    .header__middle .cont-chedule .row_inner {
        color: #646464;
        font-size: 14px;
        font-weight: bold;
    }
    .header__middle .cont-phone {
        display: inline-block;
        margin-left: 30px;
    }
    .header__middle .cont-phone .row_inner a {
        color: #00449E;
        font-weight: bold;
        font-size: 18px;
        line-height: 21px;
    }
    .header__middle .cont-phone .row_inner:before {
        background: #00449E;
    }
    .header__right .btn-call {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 5px;
        width: 173px;
        white-space: nowrap;
        font-family: 'Play', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        color: #606060;
        border: 1px solid #DADADA;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        padding: 0 12px 0 9px;
        height: 25px;
    }
    .header__right .btn-call:hover{
        background: inherit;
        border: 1px solid #1B469A;
    }
    .header__right .btn-call:active{
        color: #FFFFFF;
        background: #1B469A;
        border: 1px solid #1B469A;
    }
    .header__right .btn-call:before{
        width: 13px;
        height: 18px;
        margin-right: 6px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
    }
    .header__right .btn-call:active:before{
        background: #fff;
    }
    .header__right .btn-calc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 173px;
        white-space: nowrap;
        font-family: 'Play', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        color: #FFFFFF;
        height: 25px;
    }
    .header__right .btn-calc:hover {
        /*background: #1B469A;
        -webkit-box-shadow: 0 4px 24px rgba(27, 70, 154, 0.4);
           -moz-box-shadow: 0 4px 24px rgba(27, 70, 154, 0.4);
                box-shadow: 0 4px 24px rgba(27, 70, 154, 0.4);*/
        background: #bbbe47;
        background: #C2CD00;
        -webkit-box-shadow: 0 4px 24px rgba(187, 190, 71, 0.4);
        -moz-box-shadow: 0 4px 24px rgba(187, 190, 71, 0.4);
        box-shadow: 0 4px 24px rgba(187, 190, 71, 0.4);
        color: #FFFFFF;
        border: 1px solid #bbbe47;
        border: 1px solid #C2CD00;
    }
    .header__right .btn-calc:active {
        /*background: #11306B;*/
        background: #bbbe47;
        background: #C2CD00;
        border: 1px solid #bbbe47;
        border: 1px solid #C2CD00;
    }
    .header__right .btn-calc span {
        display: inline-block;
    }
    .header__right .btn-calc:before {
        background: #fff;
        width: 13px;
        height: 14px;
        margin-right: 8px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
    }
    .header__right .btn-calc:hover:before {
        background: #FFFFFF;
    }
    .mobile_menu-toggler {
        display: none;
    }
    .header__right .btn-calc {
        background: #1B469A;
        border: 1px solid #1B469A;
        padding: 0 11px 0 14px;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        margin-right: 0;
        /*height: 36px;*/
    }
    .mobile-contacts {
        display: none;
    }
    .header_menu {
        display: block;
        position: static;
    }
    .header_menu__wrapper > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .header_search {
        width: auto;
    }
    .header_menu {
        overflow-y: unset;
    }
    header .city-selector,
    #footer .city-selector{
        position: relative;
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
           -moz-box-flex: 2;
            -ms-flex-positive: 2;
                flex-grow: 2;
        max-width: 160px;
    }
    header .cities_list,
    #footer .cities_list{
        width: -webkit-max-content;
        width: max-content;
        width: -moz-max-content;
        top: -webkit-calc(100% + 10px);
        top: -moz-calc(100% + 10px);
        top: calc(100% + 10px);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
           -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
                box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
    .header_menu__wrapper.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 12;
    }
    .header_menu__wrapper.fixed .fixed_header_logo__img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        max-height: 40px;
        -o-object-fit: contain;
           object-fit: contain;
        height: 100%;
        z-index: 13;
        left: -60px;
    }
    .header_menu__wrapper.fixed .fixed_header_logo__img img {
        width: auto;
        height: 100%;
    }
    .header_menu__wrapper.fixed > .container {
        position: relative;
    }
    .header_menu__wrapper.fixed .fixed_calc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        background: #A6A6A6;
        border: 1px solid #A6A6A6;
        padding: 0 16px;
        margin-right: 0;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
    }
    .header_menu__wrapper.fixed .fixed_calc:hover {
        background: #fff;
        color: #000000;
        border: 1px solid #DADADA;
        -webkit-box-shadow: 0 2px 12px rgba(27, 70, 154, 0.15);
           -moz-box-shadow: 0 2px 12px rgba(27, 70, 154, 0.15);
                box-shadow: 0 2px 12px rgba(27, 70, 154, 0.15);
    }
    .header_menu__wrapper.fixed .fixed_calc:active {
        background: #606060;
        color: #FFFFFF;
        border: 1px solid #606060;
    }
    .header_menu__wrapper.fixed .fixed_calc:hover:before {
        background: #000000;
    }
    .header_menu__wrapper.fixed .fixed_calc:active:before {
        background: #fff;
    }
    .header_menu__wrapper.fixed .fixed_calc:before {
        background: #fff;
        width: 12px;
        height: 12px;
        margin-right: 4px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
    }
    .fixed_calc span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    .header_menu__wrapper.fixed .header_search {
        position: absolute;
        right: -49px;
        width: 42px;
        -webkit-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
    }
    .header_menu__wrapper.fixed .header_search:hover,
    .header_menu__wrapper.fixed .header_search.active {
        width: 220px;
    }
    .header_menu__wrapper.fixed .header_search-form input[type=submit] {
        top: 0;
    }
}
@media (min-width: 1200px) {
    .header_logo__slogan {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        /*max-width: 170px;*/
        max-width: 150px;
        margin-left: 14px;
        font-family: 'Play', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 14px;
        color: #606060;
        /*margin-top: 18px;*/
    }
    .header_search {
        width: 227px;
    }
}
@media (max-width: 400px) {
    .modal-dialog .modal-body {
        padding: 0 10px 20px;
    }
    .modal-dialog .callback .callbackContainer {
        overflow: hidden;
    }
}

.header__middle .header-phone a {
    position: relative;
    display: block;
    font-family: 'Play', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px!important;
    line-height: 18px;
    color: #1B469A;
}

.header__middle .header-phone > a {
    padding-left: 18px;
}

.header__middle .header-phone > a:before {
    content: '';
    position: absolute;
    background: url('/local/templates/kmktradeco/images/header/new-phone.png') no-repeat left 0 top 3px;
    width: 13px;
    height: 16px;
    left: 0;
}

.header-time-line{
    width: 360px;
}

.header-time__title{
    min-width: 85px;
}

.city_selector{
    position: relative;
    margin: 0 15px;
}

.city_selector-mobile{
    margin: 0 0 20px;
}

.mobile_city-selector{
    display: none;
}

@media (min-width: 991px) {
    .city-selector__title:before {
        content: '';
        display: inline-block;
        width: 11px;
        height: 11px;
        margin-right: 4px;
        background: #00449E;
        mask: no-repeat center url(/bitrix/templates/kmktradeco/images/icons/kmk_location.svg);
        -webkit-mask: no-repeat center url(/bitrix/templates/kmktradeco/images/icons/kmk_location.svg);
    }
    header .city_current {
        margin-left: 16px;
    }
    #footer .cities_list{
        width: -webkit-max-content;
        width: max-content;
        width: -moz-max-content;
        top: auto;
        bottom: -webkit-calc(100% + 10px);
        bottom: -moz-calc(100% + 10px);
        bottom: calc(100% + 10px);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
}

@media (max-width: 991px) {
    header .city-selector{
        display: none;
    }
    header .city_current{
        color: #fff!important;
    }
    header .city_current:after{
        background: #fff;
    }
    .mobile_city-selector{
        display: block;
    }
}