html {
    --border-radius: 8px;
    --theme-base-color: #5b7fff;
    --theme-base-opacity-color: #5b7fff1a;
    --theme-more-color: #ffdf21;
    --theme-outer-border-radius: 8px;
    --theme-text-transform: none;
    --theme-letter-spacing: normal;
    --theme-button-font-size: 0%;
    --theme-button-padding-2px: 0%;
    --theme-button-padding-1px: 0%;
    --theme-more-color-hue: 51;
    --theme-more-color-saturation: 100%;
    --theme-more-color-lightness: 56%;
    --theme-base-color-hue: 227;
    --theme-base-color-saturation: 100%;
    --theme-base-color-lightness: 68%;
    --theme-lightness-hover-diff: 6%;
}

html {
    font-size: 16px;
    --theme-font-family: Nunito Sans;
    --theme-font-title-family: var(--theme-font-family);
    --theme-font-title-weight: 500;
}

html {
    --theme-page-width: 1500px;
    --theme-page-width-padding: 32px;
}



.chip {
    --item-pl: 12px;
    --item-pr: 12px;
    --item-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: rgba(136, 136, 136, .1);
    background-color: var(--darkgrey_bg_black);
    border-radius: 8px;
    border-radius: var(--border-radius);
    height: 34px;
    height: var(--item-height);
    color: var(--white_text_black)
}

.chip__label {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: var(--item-pl);
    padding-right: var(--item-pr);
    white-space: nowrap
}

.chip.active {
    color: #fff
}

.chip.active:not(.chip--toggle) {
    cursor: default
}

.chip--transparent {
    background-color: transparent
}

.chip:hover {
    background-color: var(--light, rgba(136, 136, 136, .05)) var(--dark, #343434)
}

.chip__icon {
    padding-left: var(--item-pl);
    padding-right: var(--item-pr);
    border-left: 1px solid rgba(255, 255, 255, .2);
    height: 18px;
    display: flex;
    align-items: center;
    stroke: #fff
}

.chip--sm {
    --item-pl: 10px;
    --item-pr: 10px;
    --item-height: 29px
}

@media (max-width:600px) {
    .chip--sm-to-600 {
        --item-pl: 10px;
        --item-pr: 10px;
        --item-height: 30px
    }
}

.dropdown-menu-wrapper {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    display: none;
    z-index: 107;
    cursor: default
}

.dropdown-menu-wrapper--visible {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out
}

.dropdown-menu-wrapper--toright {
    right: -1px;
    left: auto
}

.dropdown-menu-wrapper--woffset .dropdown-menu-inner {
    padding: 8px
}

.dropdown-menu-wrapper .dropdown-menu-inner {
    background: #fff;
    background: var(--card_bg_black);
    text-align: left;
    box-shadow: 0 5px 30px rgba(34, 34, 34, .1);
    overflow: hidden;
    max-width: 450px;
    min-width: 220px
}

.dropdown-select {
    cursor: pointer;
    position: relative
}

.dropdown-select__title {
    display: flex;
    align-items: center;
    color: var(--white_text_black)
}

.dropdown-select__title.bordered {
    padding: 4px 11px
}

.dropdown-select__icon-down {
    margin: 0 0 0 6px
}

.dropdown-menu-item {
    display: block;
    padding: 9px 16px 10px 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.dropdown-menu-item--current {
    cursor: default;
    background: var(--darkgrey_bg_black)
}

.dropdown-menu-wrapper--woffset .dropdown-menu-item--current {
    border-radius: var(--border-radius)
}

body .dropdown-menu-item--current:hover {
    color: var(--white_text_black)
}

.dropdown-select__icon-down svg {
    transition: transform .3s ease
}

.dropdown-select__title.opened .dropdown-select__icon-down svg {
    transform: scaleY(-1)
}

.dropdown-select__icon-left {
    margin: 0 10px 0 0
}

.regions__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px
}

.top_mobile_region {
    position: relative
}

.top_mobile_region .confirm_region {
    background: #f9f9f9;
    background: var(--darkerblack_bg_black);
    box-shadow: inset 0 -1px 0 0 #f5f5f5;
    box-shadow: inset 0 -1px 0 0 var(--lite_bg_black);
    border-radius: 0;
    margin: 0;
    padding-top: 18px
}

.top_mobile_region .confirm_region {
    position: static;
    top: 0;
    left: 0
}

.region_wrapper .dropdown {
    position: absolute;
    display: none;
    left: 0;
    top: 100%;
    margin-top: 13px;
    min-width: 190px
}

.region_wrapper .dropdown .wrap {
    margin: 0;
    background: #fff;
    background: var(--card_bg_black);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    border-radius: 4px;
    max-height: 300px;
    overflow: auto;
    padding: 12px 0 14px
}

.region_wrapper .dropdown .wrap::-webkit-scrollbar,
.searchinput .js-autocomplete-block::-webkit-scrollbar {
    width: 8px
}

.region_wrapper .dropdown .wrap::-webkit-scrollbar-track,
.searchinput .js-autocomplete-block::-webkit-scrollbar-track {
    border-radius: 8px
}

.region_wrapper .dropdown .wrap::-webkit-scrollbar-thumb,
.searchinput .js-autocomplete-block::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #999;
    border: 2px solid #fff
}

.region_wrapper .dropdown .wrap::-webkit-scrollbar-thumb:window-inactive,
.searchinput .js-autocomplete-block::-webkit-scrollbar-thumb:window-inactive {
    background: #999;
    border: 2px solid #fff
}

.region_wrapper .dropdown .more_item span {
    display: block;
    padding: 6px 24px 6px;
    cursor: pointer
}

.region_wrapper .dropdown .more_item.current span {
    cursor: default;
    font-weight: 700;
    color: #333;
    color: var(--white_text_black)
}

.city_chooser_frame.popup,
.city_chooser_small_frame.popup {
    max-width: 884px
}

.ext_view.cities {
    display: flex
}

.form.popup.popup--regions .form-header {
    padding: 34px 30px 26px
}

.popup--regions .title>span {
    padding-left: 5px
}

.popup_regions .h-search {
    padding: 0 32px 20px
}

.popup_regions .ui-menu li:before {
    display: none;
    padding-left: 10px
}

.favorits__item {
    padding-top: 12px;
    --border-radius: 50px
}

.city_chooser_small_frame .popup.popup--regions .form-header {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 34px
}

.city_chooser_small_frame .popup_regions .h-search {
    padding-left: 32px;
    padding-right: 32px
}

.cities {
    padding: 0 32px;
    margin-bottom: 40px
}

body .cities .cities__wrapper {
    max-height: 420px;
    overflow-y: auto;
    flex: 1;
    padding-right: 0
}

.cities__wrapper .block {
    padding: 0 12px 0 12px
}

.cities__wrapper:last-child .block {
    padding-right: 0
}

.cities__wrapper:first-child .block {
    padding-left: 0
}

.cities__title {
    padding: 0 0 10px
}

.cities__item {
    cursor: pointer
}

.cities__item span,
.cities__item-link,
.cities__title {
    padding: 9px 16px;
    display: block
}

body .cities__item.current {
    cursor: default
}

body .cities__item.current span {
    font-weight: 600;
    color: #333;
    color: var(--white_text_black);
    background: var(--darkgrey_bg_black);
    border-radius: var(--border-radius)
}

.popup_regions .parent_block {
    display: none
}

.popup_regions .parent_block.shown {
    display: block
}

.city .cities__item:not(.shown) {
    display: none
}

.cities--only-city.city {
    padding: 0
}

.cities--only-city .cities__title {
    display: none
}

.cities--only-city .items_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px
}

.cities--only-city .cities__item {
    padding-left: 4px;
    padding-right: 4px;
    flex: 0 0 33.3%
}

#title-search-city .ui-autocomplete {
    position: absolute !important;
    top: 48px !important;
    width: 100%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    background: #fff;
    background: var(--card_bg_black);
    border-radius: 4px;
    padding: 10px 0 4px;
    z-index: 9;
    height: auto;
    max-height: 230px;
    overflow-y: auto
}

#title-search-city .ui-autocomplete::-webkit-scrollbar {
    width: 8px
}

#title-search-city .ui-autocomplete::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .15);
    border-radius: 8px
}

#title-search-city .ui-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #999;
    border: 2px solid #fff
}

#title-search-city .ui-autocomplete::-webkit-scrollbar-thumb:window-inactive {
    background: #999;
    border: 2px solid #fff
}

#title-search-city .ui-menu-item {
    padding: 0 20px;
    margin-bottom: 8px
}

#title-search-city .searchinput {
    position: relative
}

.confirm_region {
    position: absolute;
    display: block;
    min-width: 360px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    z-index: 1002;
    background: #fff;
    background: var(--card_bg_black);
    border-radius: 8px;
    border-radius: var(--border-radius);
    padding: 18px 20px 24px;
    box-sizing: border-box;
    top: 36px;
    left: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.confirm_region .title {
    color: #333;
    color: var(--white_text_black);
    font-weight: 500;
    text-align: left
}

.confirm_region .title span {
    padding-left: 5px
}

.confirm_region .buttons {
    padding: 18px 0 0;
    white-space: nowrap;
    margin: 0 -4px
}

.confirm_region .buttons>span {
    padding: 0 4px;
    width: 50%;
    float: left
}

.confirm_region .buttons>span .btn {
    margin: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.mega-fixed-menu .dropdown {
    top: auto;
    bottom: 100%;
    margin: 0 0 13px
}

@media (min-width:992px) {

    .region_confirm_normal .top_mobile_region,
    .region_confirm_top .regions .confirm_region {
        display: none
    }

    .top_mobile_region {
        background: #fff;
        background: var(--card_bg_black);
        box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
        text-align: center
    }

    .top_mobile_region .confirm_region {
        display: inline-block;
        background: #fff;
        background: var(--card_bg_black);
        padding: 12px
    }

    .top_mobile_region .confirm_region>div {
        display: inline-block !important;
        font-weight: 400;
        vertical-align: middle
    }

    .top_mobile_region .buttons {
        padding: 0 0 0 25px;
        margin: 0 -6px
    }

    .top_mobile_region .buttons>span {
        width: auto;
        padding: 0 6px
    }

    .top_mobile_region .buttons span .btn {
        padding-left: 17px;
        padding-right: 17px;
        padding-bottom: 10px;
        font-size: 12px
    }

    .top_mobile_region .confirm_region .top-close {
        top: 50%;
        transform: translateY(-50%)
    }

    .mega-fixed-menu .confirm_region {
        bottom: 35px;
        top: auto
    }
}

@media (max-width:600px) {
    .cities--with-okrug {
        display: none
    }

    .popup_regions .parent_block {
        display: block
    }

    .cities {
        padding: 0 20px
    }

    .form.popup.popup--regions .form-header {
        padding-left: 18px;
        padding-right: 18px
    }

    #main .popup_regions .h-search {
        padding-left: 20px;
        padding-right: 20px
    }

    .cities--only-city .cities__item {
        overflow: hidden;
        text-overflow: ellipsis;
        flex: auto
    }

    .confirm_region {
        min-width: none
    }
}






.bottom-icons-panel {
    position: fixed;
    position: sticky;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    background: var(--card_bg_black);
    box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
    z-index: 992;
    padding-bottom: env(safe-area-inset-bottom, 22px);
    order: 9999;
    margin-top: auto
}

.bottom-icons-panel__content {
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 5px;
    transform: translateZ(0)
}

.bottom-icons-panel__content-link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    min-width: 75px;
    max-width: 200px;
    height: 56px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 0 3px 2px
}

.bottom-icons-panel__content-link--active .bottom-icons-panel__content-text {
    color: #9e9e9e;
    color: var(--theme-base-color)
}

.bottom-icons-panel__content-link--active svg path,
.bottom-icons-panel__content-link--active svg use {
    fill: #9e9e9e;
    fill: var(--theme-base-color)
}

.bottom-icons-panel__content-text {
    align-self: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bottom-icons-panel__content-link--display--block {
    display: block
}

.bottom-icons-panel__content-link--with-counter {
    gap: 5px 0
}

.bottom-icons-panel__content-picture-wrapper {
    position: relative
}

.bottom-icons-panel__content-picture-wrapper--mb-3 {
    align-items: flex-end;
    display: flex;
    height: 20px;
    margin: 0;
    position: relative
}

.bottom-icons-panel__content::-webkit-scrollbar {
    -webkit-appearance: none
}

.bottom-icons-panel__content::-webkit-scrollbar:vertical {
    width: 6px
}

.bottom-icons-panel__content::-webkit-scrollbar:horizontal {
    height: 6px
}

.bottom-icons-panel__content::-webkit-scrollbar-thumb {
    background-color: rgba(153, 153, 153, 1);
    background: var(--gray_bg_black);
    border-radius: 10px;
    border: 2px solid #fff;
    border-color: var(--black_bg_black)
}

.bottom-icons-panel__content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
    background: 0 0
}

.bottom-icons-panel .header-cart__count,
.bottom-icons-panel .icon-count {
    top: 0;
    bottom: auto;
    right: 0
}

@media (min-width:992px) {
    .bottom-icons-panel {
        display: none
    }
}

@media (max-width:991px) {
    .bottom-icons-panel_y .footer {
        padding-bottom: 67px
    }
}




@-ms-viewport {
    width: device-width
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    width: 100%;
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

p {
    margin: 0 0 10px
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    line-height: inherit
}

.form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.428571429
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.row {
    margin-left: -16px;
    margin-right: -16px
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-lg-12,
.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-lg-8,
.col-md-12,
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-8,
.col-sm-12,
.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-xs-12,
.col-xs-3,
.col-xs-4,
.col-xs-6,
.col-xs-8 {
    position: relative;
    min-height: 1px;
    padding-left: 16px;
    padding-right: 16px
}

.col-xs-3,
.col-xs-4,
.col-xs-6,
.col-xs-8 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-6 {
    width: 50%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-3 {
    width: 25%
}

@media (min-width:768px) {
    .container {
        width: 750px
    }

    .col-sm-3,
    .col-sm-4,
    .col-sm-6,
    .col-sm-8 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-8 {
        width: 66.66666666666666%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-4 {
        width: 33.33333333333333%
    }

    .col-sm-3 {
        width: 25%
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }

    .col-md-3,
    .col-md-4,
    .col-md-6,
    .col-md-8 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-8 {
        width: 66.66666666666666%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-3 {
        width: 25%
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }

    .col-lg-3,
    .col-lg-4,
    .col-lg-6 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-8 {
        width: 66.66666666666666%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-4 {
        width: 33.33333333333333%
    }

    .col-lg-3 {
        width: 25%
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    visibility: visible
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000;
    border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000;
    border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable {
    padding-right: 35px
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #356635
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #2d6987
}

.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5
}

.alert-warning hr {
    border-top-color: #f8e5be
}

.alert-warning .alert-link {
    color: #a47e3c
}

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

.alert-danger hr {
    border-top-color: #e6c1c7
}

.alert-danger .alert-link {
    color: #953b39
}

.img-responsive {
    max-width: 100%;
    max-height: 100%
}


.has-ripple {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.ripple {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    background: #fff;
    opacity: 1;
}

.ripple-animate {
    -webkit-animation: ripple;
    -o-animation: ripple;
    animation: ripple;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2);
        transform: scale(2);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}

.btn.btn-default {
    border-color: #9e9e9e;
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    color: #fff
}

.btn-default:active,
.btn-default:focus,
.btn.btn-default:hover {
    border-color: #9e9e9e;
    background-color: #9e9e9e;
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

.btn-default.white:active,
.btn-default.white:focus,
.btn.btn-default.white:hover {
    color: #fff !important;
    border-color: var(--theme-base-color);
    background: var(--theme-base-color)
}

.btn-default.white.white-bg:active,
.btn-default.white.white-bg:focus,
.btn.btn-default.white.white-bg:hover {
    color: var(--theme-base-color) !important;
    border-color: var(--theme-base-color);
    background: #fff
}

.btn.btn-default.btn-transparent-bg:not(:hover) {
    color: #9e9e9e;
    color: var(--fill_dark_lite_white_hover);
    border-color: var(--fill_dark_lite_white_hover)
}

.btn.btn-default.btn-transparent-bg:not(:hover) * {
    fill: var(--fill_dark_lite_white_hover)
}

.btn.btn-white {
    color: #9e9e9e;
    color: var(--theme-base-color);
    background-color: #fff
}

.btn.btn-white * {
    fill: var(--theme-base-color)
}

.btn.btn-white:hover {
    color: #fff
}

.btn.btn-white:hover * {
    fill: #fff
}

.btn.btn-white.btn-transparent {
    background-color: rgba(255, 255, 255, .1)
}

.btn.btn-white.btn-transparent:active,
.btn.btn-white.btn-transparent:focus,
.btn.btn-white.btn-transparent:hover {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

.btn.btn-white.btn-transparent-border {
    border: 1px solid rgba(255, 255, 255, .35);
    color: #fff
}

.btn.btn-white.btn-transparent-border:active,
.btn.btn-white.btn-transparent-border:focus,
.btn.btn-white.btn-transparent-border:hover {
    background-color: #fff;
    border-color: #fff
}

.btn.btn-white.btn-transparent-border:not(:hover) * {
    fill: #fff
}

.btn.btn-white.btn-transparent-border:hover {
    color: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-border:hover * {
    fill: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-bg:hover {
    color: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-bg:hover * {
    fill: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-bg:not(:hover) {
    color: #fff
}

.btn.btn-white.btn-transparent-bg:not(:hover) * {
    fill: #fff
}

.btn.btn-warning {
    background-color: #f38b04;
    border-color: #f38b04
}

.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:hover {
    background-color: #f8a132;
    border-color: #f8a132
}

.btn.btn-warning.btn-transparent {
    background-color: rgba(243, 139, 4, .1)
}

.btn.btn-warning.btn-transparent:active,
.btn.btn-warning.btn-transparent:focus,
.btn.btn-warning.btn-transparent:hover {
    background-color: #f8a132;
    border-color: #f8a132
}

.btn.btn-warning.btn-transparent-border {
    border: 1px solid rgba(243, 139, 4, .35);
    color: #f38b04
}

.btn.btn-warning.btn-transparent-border:active,
.btn.btn-warning.btn-transparent-border:focus,
.btn.btn-warning.btn-transparent-border:hover {
    background-color: #f8a132;
    border-color: #f8a132
}

.btn.btn-warning.btn-transparent-border:not(:hover) * {
    fill: #f38b04
}

.btn.btn-warning.btn-transparent-bg:not(:hover) {
    color: #f38b04
}

.btn.btn-warning.btn-transparent-bg:not(:hover) * {
    fill: #f38b04
}

.btn.btn-primary {
    background-color: #00b290;
    border-color: #00b290
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    background-color: #30c4a8;
    border-color: #30c4a8
}

.btn.btn-primary.btn-transparent {
    background-color: rgba(0, 178, 144, .1)
}

.btn.btn-primary.btn-transparent:active,
.btn.btn-primary.btn-transparent:focus,
.btn.btn-primary.btn-transparent:hover {
    background-color: #30c4a8;
    border-color: #30c4a8
}

.btn.btn-primary.btn-transparent-border {
    border: 1px solid rgba(0, 178, 144, .35);
    color: #00b290
}

.btn.btn-primary.btn-transparent-border:active,
.btn.btn-primary.btn-transparent-border:focus,
.btn.btn-primary.btn-transparent-border:hover {
    background-color: #30c4a8;
    border-color: #30c4a8
}

.btn.btn-primary.btn-transparent-border:not(:hover) * {
    fill: #00b290
}

.btn.btn-primary.btn-transparent-bg:not(:hover) {
    color: #00b290
}

.btn.btn-primary.btn-transparent-bg:not(:hover) * {
    fill: #00b290
}

.btn.btn-info {
    background-color: #0ca9e3;
    border-color: #0ca9e3
}

.btn.btn-info:active,
.btn.btn-info:focus,
.btn.btn-info:hover {
    background-color: #39baec;
    border-color: #39baec
}

.btn.btn-info.btn-transparent {
    background-color: rgba(12, 169, 227, .1)
}

.btn.btn-info.btn-transparent:active,
.btn.btn-info.btn-transparent:focus,
.btn.btn-info.btn-transparent:hover {
    background-color: #39baec;
    border-color: #39baec
}

.btn.btn-info.btn-transparent-border {
    border: 1px solid rgba(12, 169, 227, .35);
    color: #0ca9e3
}

.btn.btn-info.btn-transparent-border:active,
.btn.btn-info.btn-transparent-border:focus,
.btn.btn-info.btn-transparent-border:hover {
    background-color: #39baec;
    border-color: #39baec
}

.btn.btn-info.btn-transparent-border:not(:hover) * {
    fill: #0ca9e3
}

.btn.btn-info.btn-transparent-bg:not(:hover) {
    color: #0ca9e3
}

.btn.btn-info.btn-transparent-bg:not(:hover) * {
    fill: #0ca9e3
}

.btn.btn-danger {
    background-color: #dc130d;
    border-color: #dc130d
}

.btn.btn-danger:active,
.btn.btn-danger:focus,
.btn.btn-danger:hover {
    background-color: #e63f3a;
    border-color: #e63f3a
}

.btn.btn-danger.btn-transparent {
    background-color: rgba(220, 19, 13, .1)
}

.btn.btn-danger.btn-transparent:active,
.btn.btn-danger.btn-transparent:focus,
.btn.btn-danger.btn-transparent:hover {
    background-color: #e63f3a;
    border-color: #e63f3a
}

.btn.btn-danger.btn-transparent-border {
    border: 1px solid rgba(220, 19, 13, .35);
    color: #dc130d
}

.btn.btn-danger.btn-transparent-border:active,
.btn.btn-danger.btn-transparent-border:focus,
.btn.btn-danger.btn-transparent-border:hover {
    background-color: #e63f3a;
    border-color: #e63f3a
}

.btn.btn-danger.btn-transparent-border:not(:hover) * {
    fill: #dc130d
}

.btn.btn-danger.btn-transparent-bg:not(:hover) {
    color: #dc130d
}

.btn.btn-danger.btn-transparent-bg:not(:hover) * {
    fill: #dc130d
}

.btn.btn-success {
    background-color: #84bc29;
    border-color: #84bc29
}

.btn.btn-success:active,
.btn.btn-success:focus,
.btn.btn-success:hover {
    background-color: #9dca53;
    border-color: #9dca53
}

.btn.btn-success.btn-transparent {
    background-color: rgba(132, 188, 41, .1)
}

.btn.btn-success.btn-transparent:active,
.btn.btn-success.btn-transparent:focus,
.btn.btn-success.btn-transparent:hover {
    background-color: #9dca53;
    border-color: #9dca53
}

.btn.btn-success.btn-transparent-border {
    border: 1px solid rgba(132, 188, 41, .35);
    color: #84bc29
}

.btn.btn-success.btn-transparent-border:active,
.btn.btn-success.btn-transparent-border:focus,
.btn.btn-success.btn-transparent-border:hover {
    background-color: #9dca53;
    border-color: #9dca53
}

.btn.btn-success.btn-transparent-border:not(:hover) * {
    fill: #84bc29
}

.btn.btn-success.btn-transparent-bg:not(:hover) {
    color: #84bc29
}

.btn.btn-success.btn-transparent-bg:not(:hover) * {
    fill: #84bc29
}

.btn.btn-transparent {
    background-color: hsl(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness), .1);
    color: #9e9e9e;
    color: var(--fill_dark_lite_white_hover);
    border-color: transparent
}

.btn.btn-transparent .fill-theme path {
    fill: var(--fill_dark_lite_white_hover)
}

.btn.btn-transparent:active,
.btn.btn-transparent:focus,
.btn.btn-transparent:hover {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    color: #fff
}

.btn.btn-transparent-border {
    background-color: transparent;
    color: #9e9e9e;
    color: var(--fill_dark_lite_white_hover);
    border: 1px solid;
    border-color: hsla(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness), .35)
}

.btn.btn-transparent-border:active,
.btn.btn-transparent-border:focus,
.btn.btn-transparent-border:hover {
    border-color: #9e9e9e;
    background-color: #9e9e9e;
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    color: #fff
}

.btn.btn-transparent-border:not(:hover):not(.active) * {
    fill: var(--fill_dark_lite_white_hover)
}

.btn.btn-transparent-border.active,
.btn.btn-transparent-border:hover {
    color: #fff;
    background-color: var(--theme-base-color);
    border: 1px solid var(--theme-base-color)
}

.btn.btn-responsive-nav {
    background-color: var(--theme-base-color)
}

.btn.btn-responsive-nav:hover {
    color: var(--theme-base-color);
    border: 1px solid var(--theme-base-color);
    background-color: #fff;
    padding: 4px 7px 2px
}

.btn.btn-link {
    color: var(--theme-base-color);
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + 35%))
}

.btn.btn-link:hover {
    color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: transparent
}

.btn.btn-link:active {
    color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) - 16%))
}

.btn.btn-default.wc.vert .fa {
    background-color: var(--theme-base-color)
}

.btn.btn-default.wc.vert:hover .fa {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

body header.light .logo_and_menu-row .confirm_region .buttons .btn.btn-default.btn-transparent-bg:not(:hover) {
    color: var(--theme-base-color) !important
}

.btn {
    --button-height: 42px;
    --button-font-size: 0.9375rem;
    --button-pl: 20px;
    --button-pr: 20px;
    font-size: .9375rem;
    font-size: var(--button-font-size);
    line-height: 1em;
    font-weight: 600;
    text-transform: none;
    text-transform: var(--theme-text-transform);
    letter-spacing: normal;
    letter-spacing: var(--theme-letter-spacing);
    text-decoration: none;
    margin: 0;
    border: 1px solid;
    border-radius: 8px;
    border-radius: var(--border-radius);
    padding: 1px 20px;
    padding-left: var(--button-pl);
    padding-right: var(--button-pr);
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    height: var(--button-height);
    user-select: none;
    background-image: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .1s ease;
    -moz-transition: background-color .1s ease;
    -ms-transition: background-color .1s ease;
    -o-transition: background-color .1s ease;
    -webkit-transition: background-color .1s ease
}

.btn>* {
    -moz-transition: background-color .1s;
    -ms-transition: background-color .1s;
    -o-transition: background-color .1s;
    -webkit-transition: background-color .1s;
    transition: background-color .1s
}

.mobile .btn,
.mobile .btn>* {
    transition: none
}

.btn-elg {
    --button-height: 51px;
    --button-font-size: 1.0625rem;
    --button-pl: 24px;
    --button-pr: 24px
}

.btn.btn-lg {
    --button-height: 47px;
    --button-font-size: 1rem;
    --button-pl: 24px;
    --button-pr: 24px
}

.btn.btn-sm {
    --button-height: 35px;
    --button-font-size: 0.875rem;
    --button-pl: 16px;
    --button-pr: 16px
}

.btn.btn-xs {
    --button-height: 29px;
    --button-font-size: 0.8125rem;
    --button-pl: 13px;
    --button-pr: 13px
}

.btn.active,
.btn:active {
    box-shadow: none
}

.btn.disabled,
.btn[disabled] {
    background: 0 0 !important;
    border: 1px solid #bbb !important;
    color: #bbb !important
}

.btn.disabled>*,
.btn[disabled]>* {
    background: 0 0 !important;
    border: none !important;
    color: #bbb !important
}

.btn-lg.disabled,
.btn-lg[disabled] {
    border-width: 2px
}

.btn-icon i {
    margin-right: 10px
}

.btn-icon-right i {
    margin-right: 0;
    margin-left: 10px
}

.btn-default.wc {
    padding: 0 !important;
    font-size: 0
}

.btn-default.wc .fa {
    display: inline-block;
    height: 31px;
    line-height: 32px;
    vertical-align: top;
    width: 32px;
    zoom: 1;
    font-size: 13px
}

.btn-default.wc span {
    display: inline-block;
    padding: 6px 12px 5px 0;
    line-height: 19px;
    vertical-align: top;
    zoom: 1;
    font-size: 13px
}

.btn-default.btn-xs.wc .fa {
    width: 25px;
    height: 26px;
    line-height: 27px;
    font-size: 14px;
    font-weight: 600
}

.btn-default.btn-xs.wc span {
    line-height: 16px;
    padding: 5px 10px 4px 0;
    font-size: 11px
}

.btn-default.wc.vert {
    background: 0 0;
    border: none;
    padding: 0;
    min-width: 100px;
    width: 100%
}

.btn-default.wc.vert .fa {
    background-color: #cdd8dd;
    border: none;
    display: block;
    height: 70px;
    line-height: 70px;
    font-size: 39px;
    border-radius: 1px 1px 0 0;
    width: 100%
}

.btn-default.wc.vert span {
    color: #1d2029;
    background: #dfeaed;
    border-bottom: 1px solid #c8d2d5;
    border-top: 1px solid #eaf1f3;
    display: block;
    padding: 10px 12px 10px;
    line-height: 16px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 0 0 1px 1px;
    white-space: normal;
    text-shadow: none
}

.btn-default.wc.vert:hover span {
    background: #cdd8dd;
    border-bottom: 1px solid #b8c2c6;
    border-top: 1px solid #dde5e8
}

.btn.btn-responsive-nav {
    color: #fff;
    padding: 5px 8px 3px;
    margin: 0;
    border: medium none
}

.btn.btn-responsive-nav .fa {
    font-size: 21px
}

.btn.btn-transparent-bg:not(:hover) {
    background: 0 0
}

.btn.btn-theme.btn-transparent-bg {
    color: #9e9e9e;
    color: var(--theme-more-color);
    border-color: #9e9e9e;
    border-color: var(--theme-more-color)
}

.btn.btn-theme.btn-transparent-bg * {
    fill: #9e9e9e;
    fill: var(--theme-more-color)
}

.btn.btn-theme.btn-transparent-bg:hover {
    color: #fff;
    background: #9e9e9e;
    background: var(--theme-more-color)
}

.btn.btn-theme.btn-transparent-bg:hover * {
    fill: #fff
}

.btn.btn-default.white2:not(:hover) {
    background: #fff;
    border-color: #fff;
    color: #333
}

.btn.btn-wide {
    width: 100%
}

.btn--thin {
    padding-left: 18px;
    padding-right: 18px
}

body .btn.btn-default.in_cart {
    background-color: var(--theme-more-color);
    border-color: rgba(0, 0, 0, .1);
    padding: 0;
    display: flex
}

body .btn.btn-more-theme {
    background-color: var(--theme-more-color);
    border-color: var(--theme-more-color)
}

body .btn.btn-more-theme:hover {
    background-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)))
}

.svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center
}

.svg svg {
    display: block
}

.headers-container {
    position: relative;
    z-index: 2
}

.header {
    color: #333;
    color: var(--white_text_black);
    position: relative;
    z-index: 110;
    background-color: #fff;
    background-color: var(--black_bg_black)
}

.header--paddings {
    padding: 32px 32px 0
}

@media screen and (min-width:992px) {
    body.header_opacity.front_page .header__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
}

body .pos-static {
    position: static
}

.hide-dotted:not(.dotted-complete) * {
    opacity: 0
}

.hide-dotted:not(.dotted-complete) {
    overflow: hidden
}

.header__top-part {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 45px
}

.header__top-part--long {
    height: 58px
}

.header__top-part--longer {
    height: 68px
}

.header__bottom-inner--long {
    height: 63px
}

.header__inner--paddings {
    padding-left: 24px;
    padding-right: 24px;
    padding-left: var(--theme-page-width-padding);
    padding-right: var(--theme-page-width-padding)
}

.header__top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -16px;
    flex: 1;
    width: calc(100% + 32px);
    position: relative
}

.header__top-item {
    margin: 0 16px
}

.header__bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -16px;
    flex: 1;
    width: calc(100% + 32px)
}

.header__bottom-item {
    margin: 0 16px
}

.header__main-part {
    position: relative;
    z-index: 1;
    height: 70px;
    display: flex;
    align-items: center
}

.header__main-part--long {
    height: 75px
}

.header__main-part--short {
    height: 46px
}

.header__inner {
    padding-top: 13px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(34, 34, 34, .08);
    border-bottom: var(--light, 1px solid rgba(34, 34, 34, .08)) var(--dark, 1px solid rgba(237, 237, 237, .08))
}

.header__inner--no-pt {
    padding-top: 0
}

.header-no-border .header__inner {
    border-bottom: none
}

.header__main-inner {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -16px;
    min-width: 0
}

.header__main-item {
    margin: 0 16px;
    flex-shrink: 0
}

.dropdown {
    -webkit-box-shadow: 0 5px 30px rgba(34, 34, 34, .1);
    box-shadow: 0 5px 30px rgba(34, 34, 34, .1);
    background: #fff;
    background-color: var(--card_bg_black);
    border-radius: 8px;
    border-radius: var(--border-radius);
    position: absolute;
    top: 100%;
    left: 0
}

.dropdown--relative {
    position: relative
}

.dropdown--no-shadow {
    box-shadow: none
}

.dropdown.dropdown--transparent {
    background: 0 0
}

.logo {
    max-width: 210px;
    height: 50px;
    display: flex;
    align-items: center
}

.logo a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.logo img,
.logo svg {
    max-height: 100%;
    max-width: 100%
}

.phones {
    display: flex;
    align-items: center;
    position: relative
}

.phones__inner {
    display: flex;
    align-items: center;
    position: relative
}

.phones__icon {
    display: none;
    margin-right: 11px;
    margin-top: 1px
}

.phones--with_icon .phones__icon {
    display: block
}

.phones__phone-link {
    font-weight: 600;
    line-height: calc(1em + 3px);
    font-size: .9375em
}

.phones__dropdown {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    position: absolute;
    top: -20px;
    left: -16px;
    z-index: 2
}

.icon-block--with_icon .phones__dropdown {
    left: 0
}

.phones__dropdown .dropdown {
    padding: 15px 16px;
    min-width: 240px
}

.phones__dropdown .dropdown+.dropdown {
    margin-top: 4px
}

.phones__inner:hover {
    z-index: 1000
}

.phones__inner:hover .phones__dropdown {
    opacity: 1;
    visibility: visible
}

.phones__dropdown .dropdown__item {
    padding: 3.5px 0
}

.phones__dropdown .dropdown__item--first {
    padding-top: 0
}

.phones__dropdown .dropdown__item--last {
    padding-bottom: 0
}

.phones__callback {
    font-size: .875em;
    line-height: calc(1em + 4px);
    margin-left: 11px
}

.phones__phone-descript {
    display: block;
    font-weight: 400
}

.phones__dropdown-item {
    padding: 5px 0 7px
}

.phones__dropdown-item:last-child {
    padding-bottom: 0
}

.dropdown__item--last+.phones__dropdown-item {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 5px
}

.phones__dropdown-title {
    font-size: 12px;
    line-height: calc(1em + 4px);
    color: #999
}

.phones__dropdown-value {
    margin-top: 5px;
    font-size: .9375em;
    line-height: calc(1em + 3px)
}

.active>.dark_link {
    color: var(--fill_dark_lite_hover)
}

.header-cabinet {
    position: relative
}

.slogan__text {
    max-width: 250px
}

.header-cart__inner {
    position: relative;
    margin-right: 4px;
    display: block;
    line-height: 0
}

.header-cart__inner--empty {
    margin-right: 0
}

.header-cart__count,
.icon-count {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(57%, -31%);
    color: #fff;
    font-size: 12px;
    border-radius: 17px;
    text-align: center;
    line-height: 17px;
    min-width: 17px;
    padding: 0 4px;
    background-color: #49b822;
    white-space: nowrap;
    z-index: 2
}

.header-cart__inner--empty .header-cart__count,
.icon-count {
    display: none
}

.icon-block-with-counter {
    position: relative;
    display: block
}

.icon-block-with-counter--count .icon-count {
    display: block
}

.hide-basket-message .header-cart__name {
    display: none
}

.header-cart {
    position: relative
}

.basket-dropdown {
    display: none
}

.more-arrow {
    display: flex;
    margin-left: 8px
}

.header-search {
    cursor: pointer;
    line-height: 0
}

.light-opacity-hover {
    opacity: 1;
    transition: opacity .1s ease-in-out
}

.header__icon-name {
    font-size: .875rem;
    line-height: calc(1rem + 3px);
    padding-top: 7px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0
}

.header__icon-name--right {
    padding-top: 2px;
    margin-left: 10px
}

.header__icon {
    height: 20px;
    display: flex;
    align-items: flex-end;
    align-items: end
}

.menu-dots-visible .header-menu__wrapper {
    justify-content: space-between
}

.header__top-sections {
    min-width: 0
}

.header__top-sections-inner {
    padding: 10px 0
}

.header__search--limited {
    width: 40%
}

.header:not(:hover) .header-menu {
    overflow: hidden
}

.header-menu--long .header-menu__wrapper {
    height: 50px
}

.header-menu--longer .header-menu__wrapper {
    height: 66px
}

.header__burger .header-menu__wrapper {
    height: auto
}

.footer {
    --d2d_dark_light: var(--light, #2d2d2d) var(--dark, #121212);
    --d3_dark_light: var(--light, #222) var(--dark, #121212);
    --d1b_dark_light: var(--light, #222) var(--dark, #121212);
    --d6t9_dark_light: var(--light, #666) var(--dark, #999);
    --d3t9_dark_light: var(--light, #f4f4f4) var(--dark, #343434);
    --df_opacity_dark_light: var(--light, #ffffff1a) var(--dark, #3a3a3a);
    --dff_opacity_dark_light: var(--light, #00000026) var(--dark, #ffffff26);
    --df4_dark_light: var(--light, #fff) var(--dark, --d1b_dark_light)
}

.footer {
    border-top: 1px solid #ffffff1a;
    border-top-color: var(--df_opacity_dark_light);
    background: #333;
    background: var(--d1b_dark_light)
}

.footer--nowrap {
    white-space: nowrap
}

.footer--mw-290 {
    max-width: 290px
}

.footer--mt-3 .icon-block--with_icon {
    margin-top: 3px
}

.footer__top-part {
    padding-bottom: 76px
}

.footer__main-part {
    position: relative
}

.footer__main-part-inner {
    display: flex;
    justify-content: space-between
}

.footer__bottom-part-inner {
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-top-color: var(--df_opacity_dark_light);
    padding: 44px 0
}

.footer__bottom-part {
    position: relative
}

.footer__main-part .footer__part-item {
    flex: 1
}

.footer__bottom-part .footer__part-item {
    margin: 16px
}

.footer__bottom-part .footer__bottom-part-items-wrapper {
    margin: -16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.footer__part-item-confidentiality {
    display: flex
}

#bx-composite-banner:empty {
    display: none
}

.bottom-menu .items .item-link {
    line-height: normal
}

.bottom-menu .items .item {
    display: inline-block
}

.bottom-menu .items>.item-link {
    color: #fff
}

.footer--color-dark .bottom-menu .item a {
    color: #fff
}

.footer--color-dark .bottom-menu .item.active .title a,
.footer--color-dark .bottom-menu .item:hover .title a {
    color: #999 !important
}

.footer--color-dark .footer__license .dark_link:hover,
.footer--color-dark .footer__offer .dark_link:hover {
    color: #fff
}

.footer__info-item {
    margin: 12px 0 0 0
}

.footer__phone .phones {
    flex-direction: column;
    align-items: flex-start
}

.footer__phone .phones .phones__inner>.phones__phone-link {
    color: #fff
}

.footer__phone .phones .phones__callback:not(:hover) {
    color: #999
}

.footer__phone .phones .phones__callback {
    margin-left: 27px
}

.footer__phone .icon-block__icon {
    margin-right: 19px
}

.phones__dropdown--top {
    bottom: -34px;
    left: -16px;
    top: auto;
    display: flex;
    flex-direction: column-reverse
}

.phones__dropdown--top .dropdown {
    display: flex;
    flex-direction: column-reverse
}

.phones__dropdown--top .dropdown+.dropdown {
    margin: 0 0 4px
}

.phones__dropdown--top .dropdown__item--first {
    padding-top: 3.5px;
    padding-bottom: 0
}

.phones__dropdown--top .dropdown__item--last {
    padding-top: 0;
    padding-bottom: 3.5px
}

.phones__dropdown--top .phones__dropdown-item {
    padding: 7px 0 5px
}

.phones__dropdown--top .phones__dropdown-item:last-child {
    padding-top: 0;
    padding-bottom: 5px
}

.phones__dropdown--top .dropdown__item--last+.phones__dropdown-item {
    padding-top: 5px;
    padding-bottom: 12px
}

.footer__email .svg-inline-email {
    margin-top: 4px;
    margin-right: 17px
}

.footer__email .svg-inline-email * {
    stroke: #ddd
}

.footer__email a:not(:hover) {
    color: #fff
}

.footer--color-dark .footer__email a:hover {
    color: #999
}

.footer__address .icon-block__icon {
    margin-left: 1px;
    margin-top: -3px;
    margin-right: 18px
}

.footer__address .address__text {
    color: #fff;
    max-width: none
}

.footer__info .footer__social {
    margin-top: 28px
}

.footer__social .social__link {
    width: 37px;
    height: 37px;
    transition: opacity .3s ease-in-out
}

.footer__social .social__link:hover {
    filter: grayscale(0)
}

.footer__info--part-right .footer__social {
    margin-top: 13px
}

.footer__part-item .footer__social {
    margin-top: 23px
}

.footer__social .social__items.social__items--md.social__items--grid {
    grid-template-columns: repeat(auto-fit, 40px)
}

.subscribe-block__part--left {
    display: flex;
    align-items: center;
    margin-right: 43px
}

.subscribe-block__part--right {
    width: 100%
}

.subscribe-block {
    display: flex;
    align-items: center
}

.subscribe-block__text {
    color: #fff;
    max-width: 170px;
    min-width: 170px
}

.subscribe-block__icon * {
    fill: var(--fill_dark_light)
}

.subscribe-form {
    position: relative;
    display: flex;
    align-items: center
}

.subscribe-edit .subscribe-input {
    margin-right: 8px
}

.subscribe-edit form .error {
    position: absolute;
    top: 100%
}

.footer--color-dark .subscribe-edit .subscribe-input {
    --input_bg_color: var(--d1b_dark_light);
    --input_bg_color-hover: var(--d1b_dark_light)
}

.footer--color-dark .subscribe-edit .subscribe-input:not(:focus) {
    --input_color: #ccc;
    --input_border_color: rgba(218, 218, 218, 0.15)
}

.footer--color-dark .subscribe__icon svg * {
    fill: #fff
}

.subscribe-form__right-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.subscribe-form__right-arrow-line {
    background: #cacaca;
    height: 2px;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% - 41px);
    transition: left ease .5s
}

.footer--color-dark .subscribe-edit .svg path {
    stroke: #7a7a7a
}

.footer--color-dark .subscribe-edit .subscribe-form__right-arrow-line {
    background: #7a7a7a
}

.subscribe-edit:hover .subscribe-form__right-arrow-line,
.subscribe-input:focus~.subscribe-form__save .subscribe-form__right-arrow-line {
    left: calc(100% - 56px);
    background-color: var(--theme-base-color)
}

.subscribe-edit:hover .svg path,
.subscribe-input:focus~.subscribe-form__save .svg path {
    stroke: var(--theme-base-color)
}

.footer__pays {
    margin: -5px -10px 4px
}

.footer__pays i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    background: url(/bitrix/templates/aspro-lite/css/../images/svg/payment.svg) 0 0 no-repeat
}

.footer__pays i:hover {
    opacity: 1
}

.footer__pays i.cacsh {
    width: 20px;
    height: 20px;
    background-position: 0 0
}

.footer__pays i.mastercard {
    width: 27px;
    height: 20px;
    background-position-x: -67px
}

.footer__pays i.visa {
    width: 39px;
    height: 20px;
    background-position-x: -24px
}

.footer__pays i.yandex_money {
    width: 25px;
    height: 19px;
    background-position: -626px -198px
}

.footer__pays i.webmoney {
    width: 20px;
    height: 20px;
    background-position-x: -322px
}

.footer__pays i.qiwi {
    width: 18px;
    height: 20px;
    background-position-x: -278px
}

.footer__pays i.sbrf {
    width: 20px;
    height: 20px;
    background-position-x: -346px
}

.footer__pays i.alfa {
    width: 16px;
    height: 20px;
    background-position-x: -370px
}

.footer__pays i.mir {
    width: 51px;
    height: 20px;
    background-position-x: -165px
}

.footer__pays i.jcb {
    width: 26px;
    height: 20px;
    background-position-x: -220px
}

.footer__pays i.paypal {
    width: 18px;
    height: 20px;
    background-position-x: -300px
}

.footer__pays i.maestro {
    width: 27px;
    height: 20px;
    background-position-x: -98px
}

.footer__pays i.yoomoney {
    width: 28px;
    height: 20px;
    background-position-x: -455px
}

.footer__pays i.yookassa {
    width: 28px;
    height: 20px;
    background-position-x: -487px
}

.footer__pays i.belkart {
    width: 20px;
    height: 20px;
    background-position-x: -519px
}

.footer__pays i.halva {
    width: 20px;
    height: 20px;
    background-position-x: -543px
}

.footer__pays i.tinkoff {
    width: 61px;
    height: 20px;
    background-position-x: -390px
}

.footer__pays i.applepay {
    width: 46px;
    height: 20px;
    background-position-x: -567px
}

.footer__pays i.google_pay {
    width: 46px;
    height: 20px;
    background-position-x: -617px
}

.footer__pays i.yandex_pay {
    width: 38px;
    height: 20px;
    background-position-x: -667px
}

.footer__pays i.samsung_pay {
    width: 20px;
    height: 20px;
    background-position-x: -710px
}

.footer__pays i.assist {
    width: 24px;
    height: 20px;
    background-position-x: -250px
}

.footer__pays i.robokassa {
    width: 20px;
    height: 20px;
    background-position-x: -734px
}

.footer__pays i.pay_anyway {
    width: 20px;
    height: 20px;
    background-position-x: -758px
}

.footer__pays i.sbp {
    width: 15px;
    height: 20px;
    background-position-x: -782px
}

.footer--color-dark .color-theme-parent-all:hover .color-theme-target,
.footer__part-item--subscribe .color-theme-parent-all:hover .color-theme-target {
    color: #fff
}

.footer--color-dark .stroke-theme-parent-all:hover .stroke-theme-target *,
.footer__part-item--subscribe .stroke-theme-parent-all:hover .stroke-theme-target * {
    stroke: #fff
}

.footer--color-dark .fill-theme-parent-all:hover .fill-theme-target * {
    fill: #fff
}

.footer.footer--color-light {
    border-color: #e5e5e5;
    border-color: var(--stroke_black);
    background: var(--df4_dark_light)
}

.footer--color-light .footer__bottom-part-inner {
    border-top-color: #e5e5e5;
    border-color: var(--stroke_black)
}

.footer--color-light .footer__phone .phones .phones__inner>.phones__phone-link {
    color: #333;
    color: var(--white_text_black)
}

.footer--color-light .footer__phone .phones .more-arrow svg * {
    fill: #333;
    fill: var(--white_text_black)
}

.footer--color-dark .footer__phone .phones .more-arrow svg * {
    fill: #fff
}

.footer--color-light .footer__email .svg-inline-email * {
    stroke: #333;
    stroke: var(--white_text_black)
}

.footer--color-light .footer__email a:not(:hover) {
    color: #333;
    color: var(--white_text_black)
}

.footer--color-light .footer__address .address__text {
    color: #333;
    color: var(--white_text_black)
}

.footer--color-dark .footer__phone .phones__callback:hover {
    color: #fff
}

.footer--color-light .bottom-menu .items>.item-link {
    color: #333;
    color: var(--white_text_black)
}

.footer--color-light .subscribe-block__text {
    color: #333;
    color: var(--white_text_black)
}

.subscribe {
    cursor: pointer;
    font-weight: 400
}

.btn .subscribe__text {
    color: #fff;
    position: relative;
    top: 1px
}

.footer--color-light .btn .subscribe__text {
    color: #333
}

.subscribe-block .btn {
    background-color: var(--d3t9_dark_light);
    border-color: var(--d3t9_dark_light);
    color: var(--white_text_black)
}

.footer--color-dark .btn {
    --d3t9_dark_light: #343434;
    --white_text_black: #fff
}

@media (max-width:1200px) {
    .footer .flex-33-1200 {
        width: 33%;
        flex: auto
    }

    .footer .flex-50-1200 {
        width: 50%;
        flex: auto
    }

    .footer .flex-100-1200 {
        width: 100%;
        flex: auto
    }

    .footer__main-part .offset-top-1200 {
        margin-top: 48px
    }
}

@media (min-width:991px) {
    .footer__main-part .footer__part--right {
        margin-left: calc(min(100vw, var(--theme-page-width))/ 12 + var(--theme-page-width-padding))
    }

    .footer__subscribe {
        margin-right: 72px
    }
}

@media (max-width:991px) {
    .footer .flex-50-991 {
        width: 50%
    }

    .footer .flex-100-991 {
        width: 100%
    }

    .subscribe-block {
        align-items: flex-start;
        flex-direction: column
    }

    .subscribe-block__part--left {
        margin: 0 0 24px 0
    }

    .footer__top-part {
        padding-bottom: 40px
    }
}

@media (min-width:768px) {
    .footer__pays--on-line {
        position: absolute;
        bottom: -11px;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        padding: 0 23px;
        background: #333;
        background: var(--d1b_dark_light)
    }

    .footer--color-light .footer__pays--on-line {
        background: #fafafa;
        background: var(--lite_bg_black)
    }

    .footer__part-item--subscribe {
        position: absolute;
        top: -39px;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        padding: 0 23px
    }

    .footer--mw318 {
        max-width: 318px;
        min-width: 318px
    }
}

@media (max-width:767px) {
    .subscribe-block {
        justify-content: space-between
    }

    .subscribe-block__part--right {
        flex: 1
    }

    .footer__top-part {
        padding-bottom: 28px
    }

    .footer__bottom-part-inner {
        padding: 23px 0
    }

    .footer__info--row {
        padding: 24px 0 0
    }

    .footer__info--row-paddings {
        padding-bottom: 24px
    }

    .footer .flex-100-767,
    .footer .flex-33-1200,
    .footer .flex-50-1200,
    .footer .flex-50-991 {
        width: 100%
    }

    .footer__info--part-left>.line-block {
        flex-wrap: wrap;
        display: block
    }

    .footer__main-part .offset-top-1200 {
        margin-top: 0;
        margin-bottom: 16px
    }

    .bottom-menu .items>.item-link {
        position: relative;
        display: flex;
        justify-content: space-between
    }

    .bottom-menu .items>.item-link {
        margin-bottom: 16px
    }

    .wrap_menu_compact_mobile {
        display: none
    }

    .bottom-menu .items-child {
        cursor: pointer
    }

    .footer--color-dark .bottom-menu .items-child:hover .title a {
        color: #999 !important
    }

    .footer--color-light .bottom-menu .items-child:hover .title a {
        color: #000 !important;
        color: var(--fill_dark_lite_hover) !important
    }

    .subscribe-edit form .error {
        bottom: 110px;
        top: auto
    }
}

@media (min-width:600px) {
    .subscribe-block__part--left {
        margin-right: 32px
    }
}

@media (max-width:600px) {
    .subscribe-block {
        flex-direction: column;
        align-items: flex-start
    }

    .subscribe-block__part--left {
        margin-bottom: 18px
    }

    .subscribe-block__part--right {
        width: 100%
    }

    .subscribe-block__text {
        max-width: none
    }

    .subscribe-block__text br {
        display: none
    }

    .footer__bottom-part .footer__bottom-part-items-wrapper {
        margin: -8px
    }

    .footer__bottom-part .footer__part-item {
        margin: 8px
    }

    [class*=footer--mw] {
        max-width: none
    }

    .subscribe-edit .subscribe-input {
        flex-basis: auto;
        margin: 0 0 15px 0
    }

    .subscribe-form__save {
        flex: 1
    }

    .subscribe-form__save .btn {
        width: 100%
    }

    .subscribe-form {
        flex-wrap: wrap
    }

    .footer__info-item {
        margin: 17px 0 0 0
    }

    .footer__info .footer__social {
        margin-top: 25px;
        margin-bottom: 7px
    }

    .footer__bottom-part .footer__pays {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 20px;
        margin-top: 11px;
        margin-bottom: 17px
    }

    .footer__pays i {
        margin: 0
    }

    .footer__bottom-part .footer__developer {
        margin-top: 0
    }

    .subscribe-block--compact .subscribe-form {
        flex-wrap: nowrap
    }

    .subscribe-block--compact .subscribe-input {
        margin: 0 13px 0 0
    }
}

@media screen and (max-width:991px) {
    #mobileheader {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 993
    }

    #mobileheader.filter-none {
        z-index: 998
    }
}

.mobileheader {
    height: 62px;
    padding: 0 27px 0 20px
}

.mobileheader__inner {
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -16px
}

.mobileheader--color-white {
    background-color: #fff;
    background-color: var(--darkerblack_bg_black)
}

.mobileheader--color-dark {
    background-color: #333
}

.mobileheader--color-colored {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.mobileheader--color-grey {
    background-color: #fafafa;
    background-color: var(--lite_bg_black)
}

.mobileheader--color-grey,
.mobileheader--color-white {
    box-shadow: 0 1px 0 #e5e5e5;
    box-shadow: 0 1px 0 var(--stroke_black)
}

@media screen and (max-width:991px) {
    body.mfixed_y .headers-container {
        position: sticky;
        top: 0
    }

    body.mfixed_y.mfixed_view_scroll_top .headers-container {
        top: -63px;
        transition: top .3s ease
    }

    body.mfixed_y.mfixed_view_scroll_top .headers-container.fixed {
        top: 0
    }

    .bx-ie body.mfixed_y .headers-container {
        position: relative;
        top: 0 !important
    }
}

.mobileheader__item {
    margin: 0 16px
}

#main .mobileheader--color-colored .menu-light-icon-fill svg *,
#main .mobileheader--color-dark .menu-light-icon-fill svg * {
    fill: #fff
}

#main .mobileheader--color-colored .fill-theme-hover:hover svg *,
#main .mobileheader--color-dark .fill-theme-hover:hover svg * {
    opacity: .5
}

#main .header-cabinet__fill-white-link svg .fill-more-theme {
    fill: #fff !important
}

.mobileheader__item--right-icons .burger {
    margin-right: -27px
}

.mobileheader .burger {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 20px;
    margin: -20px
}

.mobileheader .logo {
    max-width: 160px
}

.mobileheader .line-block__item:not(.hidden)+.logo {
    padding-left: 4px
}

@media (max-width:991px) {
    .mobileheader__item--right-icons .line-block {
        height: 50px;
        overflow: hidden
    }

    .mobileheader__item--right-icons .line-block>.line-block__item {
        align-items: center;
        display: flex;
        height: 50px
    }
}

@media screen and (max-width:600px) {
    .mobileheader__item--right-icons .line-block {
        justify-content: flex-end;
        margin-right: -16px
    }

    .mobileheader__item--right-icons .line-block>.line-block__item {
        padding-right: 10px
    }

    .mobileheader__item--right-icons .line-block>.line-block__item.hide-600 {
        display: none
    }
}

@media (max-width:339px) {
    .mobileheader__item--right-icons {
        width: 100%
    }
}

.mobileheader .phones {
    cursor: pointer
}

.mobileheader .phones,
.mobileheader .phones__inner {
    position: inherit
}

#mobilephones {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3000;
    background: #fff;
    background: var(--black_bg_black);
    display: none;
    opacity: 1;
    visibility: visible;
    padding: 0;
    cursor: default
}

.mobileheader--color-grey #mobilephones,
.mobileheader--color-white #mobilephones {
    top: calc(100% + 1px)
}

.mobileheader .phones__dropdown .dropdown {
    left: 0 !important;
    box-shadow: none;
    display: block;
    padding: 17px 0 23px
}

.mobilephones__menu-item.mobilephones__menu-item--title {
    padding: 18px 23px 18px
}

.mobilephones__menu-item a {
    padding: 10px 23px;
    display: block
}

.mobilephones__menu-item--callback {
    padding: 9px 23px;
    margin: 8px 0 0 0
}

.mobilephones__close {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 24px;
    right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer
}

.icon-block--only_icon .icon-block__only-icon {
    display: flex
}

.mobileheader .header-cabinet__link.avt .header-cabinet__icon {
    margin-right: 0
}

.mobileheader .header-cart .header-cart__name {
    display: none
}

.mobileheader .basket-dropdown {
    display: none
}

form.search .btn-close {
    display: none;
    pointer-events: none
}

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

    .header__inner>:not(.part-with-search),
    .part-with-search__inner>:not(.header__search) {
        display: none
    }

    .header--mobile-search-active .searche-result {
        max-height: calc(50vh - 85px)
    }

    .headers-container {
        position: relative;
        z-index: 993
    }

    .header--mobile-search-active div.title-search-result {
        z-index: 993;
        left: -8px !important;
        margin-left: 0;
        width: 100vw !important
    }

    .header--mobile-search-active .headers-container {
        position: sticky !important;
        top: 0 !important
    }

    .header__search form.search {
        display: flex;
        align-items: center
    }

    .part-with-search .header__search {
        margin: 0;
        width: 100%
    }

    .header-search__mobile {
        cursor: pointer
    }

    [data-ajax-block=HEADER] {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(-100%);
        transition: transform .3s ease, visibility .3s ease-out;
        visibility: hidden;
        z-index: 999
    }

    .header--mobile-search-active [data-ajax-block=HEADER] {
        transform: translateY(0);
        visibility: visible
    }

    body .header__inner {
        padding-bottom: 0;
        padding-top: 0
    }

    .part-with-search {
        height: 63px
    }

    .search-input,
    .search-input::placeholder {
        color: var(--white_text_black) !important
    }

    .header_opacity header .banner-light-icon-fill * {
        fill: var(--white_text_black) !important
    }

    form.search .btn-close {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: block;
        height: 100%;
        margin-right: 7px;
        pointer-events: all;
        width: 40px;
        z-index: 1
    }

    body.jqm-initied .style-switcher {
        z-index: 992
    }
}




#mobilemenu {
    background: #fff;
    background: var(--black_bg_black);
    position: relative;
    transition: left .4s ease 0s, opacity .4s ease 0s;
    position: fixed;
    z-index: 3002;
    overflow: hidden;
    overflow-y: auto
}

.mobilemenu {
    overflow: hidden
}

.mobilemenu__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: transform .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -ms-transition: transform .2s ease-in-out;
    padding: 32px 0 48px
}

body.mmenu_dropdown #mobilemenu {
    top: 62px;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #f2f2f2;
    border-top-color: var(--darkerblack_bg_black);
    opacity: 0;
    visibility: hidden
}

body.mmenu_dropdown #mobilemenu.show {
    opacity: 1;
    visibility: visible
}

body.mmenu_leftside #mobilemenu {
    left: -100%;
    top: 0;
    bottom: 0;
    width: 375px;
    max-width: 100%
}

body.mmenu_leftside #mobilemenu.show {
    left: 0;
    box-shadow: 3px 0 10px 0 rgba(0, 0, 0, .45)
}

.mobilemenu__item {
    padding: 26px 0 0
}

.mobilemenu__item:first-of-type {
    padding-top: 0
}

.mobilemenu__menu>ul {
    padding: 0;
    margin: 0;
    display: block
}

.mobilemenu__menu-dropdown {
    left: 100%;
    top: 0;
    width: 100%;
    border: medium none;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    display: none;
    position: absolute;
    z-index: 5;
    background: #fff;
    background: var(--black_bg_black);
    margin: 0;
    padding: 40px 0
}

.mobilemenu__menu-item--expanded>.mobilemenu__menu-dropdown {
    display: block
}

.mobilemenu__menu-item {
    list-style: none;
    display: block;
    margin: 0;
    width: 100%;
    padding: 0;
    line-height: 0
}

.mobilemenu__menu-item--full-height {
    line-height: initial
}

.mobilemenu__menu-item .icon-block {
    align-items: center;
    display: flex
}

.mobilemenu__menu-item>.link-wrapper {
    position: relative
}

.mobilemenu__menu-item>.link-wrapper a:not(.icon-block) {
    display: block
}

.mobilemenu__menu-item-content,
.mobilemenu__menu-item>.link-wrapper a {
    padding: 9px 32px 9px 32px;
    position: relative;
    word-break: break-word
}

.mobilemenu__menu-dropdown .mobilemenu__menu-item>.link-wrapper a {
    padding: 10px 32px 10px 32px
}

.mobilemenu__menu-item--back {
    margin: 0
}

.mobilemenu__menu-item--back .arrow-all__item-arrow {
    margin-right: 20px
}

.mobilemenu__menu-item--back .stroke-theme-target * {
    stroke: var(--white_text_black)
}

.mobilemenu__menu-item--back>.link-wrapper {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 32px
}

.mobilemenu__menu-dropdown .mobilemenu__menu-item--back>.link-wrapper a {
    align-items: center;
    display: flex;
    height: 28px;
    padding: 0
}

.mobilemenu__menu-item--back .arrow-all {
    position: relative;
    top: inherit;
    right: inherit
}

.mobilemenu__menu-item--back a {
    position: relative
}

.mobilemenu__menu-item--back .arrow-all__item-line {
    left: 0;
    right: calc(100% - 18px);
    transition: right ease .5s
}

.mobilemenu__menu-item--back .arrow-all--wide .arrow-all__item-line {
    left: 0;
    right: calc(100% - 25px);
    top: 13px
}

.mobilemenu__menu-item--back .animate-arrow-hover:hover .arrow-all__item-line {
    left: 0;
    right: calc(100% - 34px)
}

.mobilemenu__menu-item--back .animate-arrow-hover:hover .arrow-all--wide .arrow-all__item-line {
    left: 0;
    right: calc(100% - 42px)
}

.mobilemenu__menu-item--title {
    margin: 27px 0 8px 0
}

.mobilemenu .menu-arrow.svg {
    width: 17px;
    height: 17px;
    border-radius: 10px;
    line-height: 13px;
    right: 34px;
    top: 14px
}

.mobilemenu .menu-arrow svg {
    vertical-align: middle
}

.mobilemenu .toggle_block {
    width: 75px;
    width: 100%
}

.link-wrapper a.mobilemenu__menu-parent-link:not(.icon-block) {
    display: flex;
    align-items: center
}

.arrow-parent__item-arrow {
    margin-left: 20px
}

.mobilemenu__menu-item--selected {
    position: static
}

.mobilemenu__menu-item--expanded {
    position: static
}

.mobilemenu .logo {
    margin-top: 0;
    padding: 0 32px;
    max-width: 262px
}

.mobilemenu__menu--top>.mobilemenu__menu-list>.mobilemenu__menu-item>.link-wrapper a {
    padding: 10px 32px
}

.mobilemenu__button {
    padding: 23px 32px 12px;
    margin: 0 0 16px 0
}

.mobilemenu__button .btn {
    display: block;
    padding: 9px 20px 10px
}

.mobilemenu .phones {
    position: inherit
}

.mobilemenu__menu-item--callback {
    padding: 9px 32px 9px 32px;
    margin: 9px 0 0 0
}

.mobilemenu__menu-item--with-icon>.link-wrapper a {
    font-size: 1em
}

.mobilemenu__menu .mobilemenu__menu-item-svg {
    align-items: center;
    display: flex;
    height: 26px;
    margin-right: 20px;
    width: 21px
}

.mobilemenu__menu .mobilemenu__menu-item-svg {
    position: static
}

.mobilemenu__menu--compare .mobilemenu__menu-item-svg,
.mobilemenu__menu--favorite .mobilemenu__menu-item-svg {
    justify-content: center
}

.mobilemenu__menu-item--with-icon>.link-wrapper>div>div+div {
    margin-top: -20px
}

.mobilemenu__menu--cart .basket-link .js-basket-block {
    position: absolute
}

.mobilemenu .header-cart__count,
.mobilemenu .icon-count {
    transform: none;
    top: calc(50% - 9px);
    right: 42px
}

.mobilemenu .social {
    padding: 13px 32px 0
}

.mobilemenu div+div>.social {
    padding-top: 28px
}

.mobilemenu__separator {
    height: 1px;
    background: #e5e5e5;
    background: var(--stroke_black);
    margin: 26px 32px 0
}

.mobilemenu__overlay {
    display: none;
    background: #3a3f44;
    opacity: .7 !important;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2999
}

.mobilemenu__close {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 31px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer
}

#headerfixed .header__main-part {
    height: 79px
}

#headerfixed .header__inner {
    padding-top: 0;
    padding-bottom: 0
}

@media not print {
    #headerfixed {
        display: none;
        opacity: 0;
        transition: opacity ease 10ms;
        display: none
    }

    #headerfixed.fixed {
        opacity: 1
    }

    .header__inner--shadow-fixed {
        box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
    }

    #headerfixed.fixed,
    header.fixed {
        position: fixed;
        margin: 0;
        width: 100%;
        top: 0;
        z-index: 998;
        right: 0;
        left: 0;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px)
    }

    #main #headerfixed .header__inner {
        position: static
    }
}

@media (max-width:1200px) {
    #headerfixed .header__icon-name {
        display: none
    }
}

@media (min-width:992px) {
    #headerfixed.fixed {
        display: block
    }

    body #headerfixed>.maxwidth-theme>.logo-row {
        padding-left: 16px;
        padding-right: 16px
    }

    body.fill_bg_y.visible_banner #headerfixed {
        background: 0 0;
        box-shadow: none
    }

    body.fill_bg_y.visible_banner #headerfixed>.maxwidth-theme {
        box-shadow: 0 1px 5px rgba(0, 0, 0, .136)
    }

    #headerfixed .header {
        background-color: hsl(var(--dark_light-hue) var(--dark_light-saturation) var(--dark_light-lightness) / 80%)
    }

    html:not(.bx-ie) #headerfixed .header__inner {
        background: 0 0
    }
}

.container .page-top-wrapper {
    margin-left: -16px;
    margin-right: -16px
}

body:not(.has-long-banner) .page-top-wrapper--grey {
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    margin-bottom: 48px;
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

section.page-top {
    padding-top: 15px;
    padding-bottom: 35px;
    position: relative
}

.title_position_centered section.page-top {
    text-align: center
}

section.page-top.center {
    text-align: center
}

.title_position_centered .topic__heading,
section.page-top.center .topic__heading {
    justify-content: center
}

.topic__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.topic__heading #pagetitle {
    margin: 0;
    padding-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline;
    vertical-align: middle;
    line-height: calc(1em + 15px)
}

.cowl {
    position: relative
}

.cowl>div:not(.topic):not(#navigation):not(.basket-back) {
    margin: 3px -13px 0 19px;
    width: 41px;
    text-align: center;
    position: relative;
    cursor: pointer;
    float: right
}

#main .heading-icons .btn-heading.btn_heading--with_title {
    width: initial;
    position: relative;
    cursor: pointer;
    text-align: center;
    margin: 0 -13px 0 25px;
    display: flex;
    align-items: center
}

#main .heading-icons .btn-heading.btn_heading--with_title .title {
    display: inline-block;
    font-size: .875rem;
    line-height: calc(1em + 7px);
    margin: 0 15px 0 12px;
    vertical-align: middle
}

.page-top-wrapper--top-breadcrumb .cowl {
    margin-bottom: 11px
}

.page-top-wrapper--top-breadcrumb .cowl>div:not(.topic):not(#navigation) {
    margin-top: 3px
}

.cowl>#navigation,
.cowl>.topic {
    text-overflow: ellipsis;
    overflow: hidden
}

.cowl>#navigation {
    margin-bottom: 21px
}

.element-count {
    position: relative;
    top: 0;
    margin-left: 11px;
    margin-bottom: 2px;
    display: inline-block;
    vertical-align: middle
}

.cowl .colored_theme_hover_bg-block:not(:hover) .svg path,
.heading-icons .colored_theme_hover_bg-block:not(:hover) .svg path {
    fill: #b8b8b8
}

.block-wo-title section.page-top .cowl {
    margin-bottom: 0
}

.block-wo-title section.page-top {
    padding-top: 24px
}

.block-wo-title section.page-top {
    padding-bottom: 11px
}

.block-wo-title .page-top-wrapper--grey section.page-top {
    padding-bottom: 27px
}

@media (max-width:600px) {
    .cowl>#navigation {
        overflow: visible;
        margin-bottom: 0
    }

    .block-wo-title section.page-top {
        padding-top: 12px
    }
}

.bottom_nav {
    --darkgrey_bg: var(--light, #f4f4f4) var(--dark, #2b2b2b);
    margin: 0;
    text-align: center
}

.bottom_nav>div {
    margin-top: 24px
}

.ajax_load_btn {
    max-width: 744px;
    margin-left: auto;
    margin-right: auto
}

.more_text_ajax {
    display: flex
}

.more_text_ajax.btn:not(:hover) {
    background-color: var(--darkgrey_bg);
    color: var(--white_text_black)
}

.module-pagination__wrapper {
    position: relative;
    display: inline-block
}

.module-pagination .module-pagination__item {
    display: inline-block;
    width: 46px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    color: #333;
    color: var(--white_text_black);
    border-radius: var(--border-radius)
}

.module-pagination__item--all {
    width: auto;
    margin: 0 10px
}

.cur.module-pagination__item {
    background-color: var(--theme-base-color);
    color: #fff
}

.module-pagination__item:not(.cur):hover {
    background-color: var(--darkgrey_bg)
}

.module-pagination__item.point_sep {
    --darkgrey_bg: transparent
}

.arrows-pagination__item {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center
}

.arrows-pagination__item:hover {
    background-color: var(--darkgrey_bg)
}

.arrows-pagination__prev {
    left: -51px
}

.arrows-pagination__next {
    right: -51px
}

.arrows-pagination__item .svg {
    display: block
}

.topic__heading .heading-icons {
    margin-left: auto
}

.topic__heading .heading-icons+.heading-icons {
    margin-left: 0
}

.header_opacity .heading-icons {
    --fill_dark_light: #fff;
    --fill_dark_lite_hover: #fff
}

.header_opacity .heading-icons .svg {
    opacity: 1
}

.header_opacity .heading-icons:hover .svg {
    opacity: .5
}

@media (min-width:601px) {
    .bottom_nav.mobile_slider {
        display: none
    }

    .has-long-banner .page-top .fill-theme-hover .title {
        color: #fff
    }

    .has-long-banner .page-top .fill-theme-hover:hover .title {
        opacity: .5
    }
}

@media (max-width:600px) {
    .bottom_nav.hidden-nav {
        display: none
    }
}

@media (min-width:769px) {
    .cowl .download {
        width: initial !important
    }
}

@media (max-width:768px) {
    .cowl .download .title {
        display: none
    }
}

@media (max-width:600px) {
    #main .bottom_nav.mobile_slider {
        width: auto
    }

    .bottom_nav.mobile_slider .ajax_load_btn {
        padding: 0 !important;
        height: 100%;
        display: block;
        margin: 0;
        border: none;
        width: calc(99px + 16px);
        background-color: var(--darkgrey_bg_black);
        border-radius: 8px;
        border-radius: var(--border-radius)
    }

    .bottom_nav.mobile_slider .more_text_ajax {
        height: 100%;
        margin: 0 0 0 1px;
        white-space: normal;
        padding: 0 15px;
        display: flex;
        align-items: center;
        background: 0 0;
        line-height: calc(1em + 2px);
        border: none;
        font-size: .875rem
    }

    .bottom_nav.mobile_slider .more_text_ajax:hover {
        color: var(--fill_dark_lite_white_hover)
    }

    .bottom_nav.mobile_slider .module-pagination {
        display: none
    }

    .bottom_nav.mobile_slider .svg {
        top: calc(50% - 27px);
        left: calc(50% - 10px);
        width: auto;
        height: auto
    }

    .bottom_nav.mobile_slider .svg svg {
        width: 18px;
        height: 18px
    }

    .topic__heading #pagetitle {
        line-height: calc(1em + 6px)
    }

    .cowl {
        margin-bottom: 10px
    }

    section.page-top {
        padding-bottom: 20px
    }
}

@media (max-width:450px) {
    .module-pagination__item {
        width: 36px
    }

    .cowl .download {
        display: none
    }
}

.phones__dropdown-item.social-item {
    padding: 9px 0 5px 0
}

.phones__dropdown--top .phones__dropdown-item.social-item {
    padding: 5px 0 9px 0
}

.social {
    position: relative
}

.social__title {
    font-weight: 400;
    text-align: center;
    padding: 33px 0 15px 0
}

.popup .social__title {
    padding-top: 0
}

.social__items {
    display: flex;
    flex-wrap: wrap;
    margin: -3px -8px;
    padding: 0
}


.contsoc {
    margin-left: 20px !important;
}

.social__items.social__items--grid {
    grid-template-columns: repeat(auto-fit, minmax(48px, 1fr));
    grid-gap: 8px;
    display: grid
}

.social__items.grid-list--items-4 {
    grid-template-columns: repeat(4, 1fr)
}

.social__items.social__items--md.social__items--grid {
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
    grid-gap: 4px
}

.main ul.social__items li:before,
.social__items .social__item:before {
    display: none
}

.social__items .social__item {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

.social__items .social__item span {
    display: none
}

.social__items .social__link {
    width: 100%;
    min-width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border-radius: var(--border-radius)
}

.social__items.social__items--md .social__link {
    height: 40px;
    min-width: 40px
}

.social__items .social__link:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block !important;
    position: relative;
    background: url(/bitrix/templates/aspro-lite/css/../images/svg/social.svg) 24px 0 no-repeat
}

.social__items .vkontakte .social__link:before {
    background-position-x: 0
}

.social__items .odnoklassniki .social__link:before {
    background-position-x: -24px
}

.social__items .facebook .social__link:before {
    background-position-x: -48px
}

.social__items .twitter .social__link:before {
    background-position-x: -72px
}

.social__items .yandex .social__link:before {
    background-position-x: -96px
}

.social__items .mailru2 .social__link:before {
    background-position-x: -120px
}

.social__items .mymailru .social__link:before {
    background-position-x: -120px
}

.social__items .openid-mail-ru .social__link:before {
    background-position-x: -120px
}

.social__items .yandex-zen .social__link:before {
    background-position-x: -144px
}

.social__items .telegram .social__link:before {
    background-position-x: -168px
}

.social__items .whatsapp .social__link:before {
    background-position-x: -192px
}

.social__items .viber .social__link:before {
    background-position-x: -216px
}

.social__items .snapchat .social__link:before {
    background-position-x: -240px
}

.social__items .tenchat .social__link:before {
    background-position-x: -264px
}

.social__items .linkedin .social__link:before {
    background-position-x: -288px
}

.social__items .youtube .social__link:before {
    background-position-x: -312px
}

.social__items .rutube .social__link:before {
    background-position-x: -336px
}

.social__items .tiktok .social__link:before {
    background-position-x: -360px
}

.social__items .instagram .social__link:before {
    background-position-x: -384px
}

.social__items .pinterest .social__link:before {
    background-position-x: -408px
}

.social__items .acloud .social__link:before {
    background-position-x: -432px
}

.social__items .avito .social__link:before {
    background-position-x: -456px
}

.social__items .wb .social__link:before {
    background-position-x: -480px
}

.social__items .ozon .social__link:before {
    background-position-x: -504px
}

.social__items .google .social__link:before {
    background-position-x: -528px
}

.social__items .zoom .social__link:before {
    background-position-x: -552px
}

.social__items .livejournal .social__link:before {
    background-position-x: -576px
}

.social__items .bitrix24 .social__link:before {
    background-position-x: -600px
}

.social__items .aspro-link .social__link:before {
    background-position-x: -432px
}

.social__items .box .social__link:before {
    background-position-x: -672px
}

.social__items .dropbox .social__link:before {
    background-position-x: -648px
}

.social__items .liveid .social__link:before {
    background-position-x: -792px
}

.social__items .liveinternet .social__link:before {
    background-position-x: -792px
}

.social__items .office365 .social__link:before {
    background-position-x: -696px
}

.social__items .apple .social__link:before {
    background-position-x: -720px
}

.social__items .blogger .social__link:before {
    background-position-x: -816px
}

.social__items .openid .social__link:before {
    background-position-x: -768px
}

.social__items--type-color {
    margin: 0;
    width: 100%;
    background: 0 0
}

.social__items--type-color .social__link {
    background-color: #f4f4f4;
    background-color: var(--light, #f4f4f4) var(--dark, #343434)
}

.footer--color-dark .footer__social .social__link,
.theme-dark .social__items--type-color .social__link {
    background-color: #474747
}

.social__items--type-color .social__item {
    padding: 0
}

.social__items .rutube .social__link:before,
.social__items .tiktok .social__link:before,
.social__items .yandex-zen .social__link:before {
    background-position-y: var(--light, 0) var(--dark, -24px)
}

.footer--color-dark .footer__social .social__items .rutube .social__link:before,
.footer--color-dark .footer__social .social__items .tiktok .social__link:before,
.footer--color-dark .footer__social .social__items .yandex-zen .social__link:before {
    background-position-y: -24px
}

.social__more {
    margin: 0
}

.social__more-dots {
    display: flex;
    margin: 0 15px;
    padding-bottom: 7px;
    letter-spacing: 1.8px;
    cursor: pointer
}

.social__more-dots:hover~.social__more,
.social__more:hover {
    opacity: 1;
    visibility: visible
}

.social__more {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    position: absolute;
    right: -2px;
    top: 100%;
    background: #fff;
    background: var(--card_bg_black);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin-top: 9px
}

.social__more .social__item {
    padding: 10px 15px
}

html:not(.mobile) .social__item.hide_on_desktop {
    display: none
}

html.mobile .social__item.hide_on_mobile {
    display: none
}

.soc-avt .row a {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 0;
    margin: 0
}

.soc-avt .row a i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/bitrix/templates/aspro-lite/css/../images/svg/social.svg) -2px -190px no-repeat
}

.soc-avt .row a:hover {
    opacity: .8
}

.soc-avt .row a {
    display: inline-block
}

#bx_auth_servform .form-control {
    margin: 10px 0
}

.sidearea,
.sidebar {
    margin-bottom: 24px
}

.side-menu ul,
ul.side-menu {
    margin-bottom: 0
}

.sidearea .nav-list {
    margin-bottom: 24px
}

.sidearea .subscribe-edit {
    margin-bottom: 24px
}

.sidearea div.banner {
    margin-bottom: 24px
}

.slide-block__head.closed+.slide-block__body {
    display: none
}

.slide-block__head+.slide-block__body {
    padding-top: 13px
}

.slide-block__head {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.slide-block__head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.side-menu {
    overflow: hidden
}

.side-menu a {
    padding: 4px 8px
}

.side-menu li {
    padding: 0;
    margin-bottom: 0
}

.side-menu .link-wrapper {
    display: flex;
    position: relative;
    align-items: center;
    padding-bottom: 3px
}

.side-menu li .dropdown-select__icon-down {
    margin: 0;
    transform: rotate(90deg);
    margin-right: 7px
}

.side-menu li a {
    position: relative;
    display: block
}

#main .side-menu li:before {
    display: none
}

.side-menu__link-text {
    margin-right: 5px
}

.bg-theme-parent-hover:hover .svg-inline-down path {
    fill: #fff
}

.side-menu li.active .link--active {
    background-color: var(--darkgrey_bg_black);
    font-weight: 500
}

.toggle_block {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 50px;
    height: 100%;
    bottom: 0;
    cursor: pointer
}

.side-menu .submenu-wrapper {
    display: none;
    user-select: none;
    padding-left: 12px
}

.arrow-left-icon~.submenu-wrapper.submenu-wrapper--filtred {
    padding-left: 0
}

.side-menu .submenu {
    padding: 0;
    list-style: none
}

.side-menu .submenu .submenu {
    margin: 0;
    border: none
}

.side-menu .submenu>li {
    margin-bottom: 0
}

.side-menu .submenu>li:last-child {
    margin: 0
}

.side-menu .submenu>li:last-child .submenu {
    padding-bottom: 0
}

.sidebar.dropdown-menu {
    border-radius: 0;
    border: none;
    margin: -1px 0 0;
    top: auto;
    padding: 0;
    text-align: left;
    opacity: 0;
    display: none;
    right: auto;
    left: auto;
    width: 200px;
    background: #fff !important
}

.sidebar.dropdown-menu .side-menu>li>a {
    padding: 15px 17px 15px 17px
}

.side-menu li.opened.child>.submenu-wrapper {
    display: block
}

.tabs {
    margin-bottom: 49px;
    border-bottom: 1px solid #ededed;
    border-bottom-color: var(--stroke_black)
}

.tabs .bordered {
    border: none
}

.tabs--in-section {
    margin-bottom: 48px
}

.tabs .nav-tabs>li>a {
    line-height: inherit;
    border: none
}

.tabs .nav>li>a:focus,
.tabs .nav>li>a:hover {
    background-color: transparent
}

.tabs .tab-content {
    background-color: #fff;
    background-color: var(--black_bg_black);
    border: none;
    padding: 40px 0 0
}

.tabs .tab-content.not_tabs {
    padding-top: 0
}

.tabs .nav-tabs+.tab-content {
    border-top: 0
}

.tabs .nav-tabs li {
    margin: 3px 23px 3px 3px
}

.tabs .nav-tabs li span {
    padding-top: 11px;
    padding-bottom: 11px
}

.tabs .nav-tabs li a,
.tabs .nav-tabs li>span {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 18px 0 19px 0;
    color: #555;
    color: var(--basic_text_black)
}

.tabs .nav-tabs li:not(.active) a:hover,
.tabs .nav-tabs li:not(.active) span:hover {
    border-color: transparent;
    color: #333;
    color: var(--fill_dark_lite_hover)
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
    background: 0 0
}

.nav-tabs>li.active:after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0;
    z-index: 1;
    height: 2px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    background: #9e9e9e;
    background: var(--theme-more-color)
}

.tabs .nav-tabs li.active>span {
    color: #333;
    color: var(--white_text_black);
    cursor: default
}

.tabs .nav-tabs li.active a {
    color: #222;
    color: var(--white_text_black);
    cursor: default
}

.tabs .nav-tabs li.active:hover {
    box-shadow: none;
    transform: none;
    border-color: #e5e5e5;
    border-color: var(--stroke_black)
}

.tabs .tab-content .content {
    margin: -8px 0 0
}

.pagination>li:before,
.tabs .nav-tabs>li:before {
    margin: 0;
    padding: 0
}

.nav:after {
    clear: both;
    content: " ";
    display: table
}

.nav-tabs {
    border: none;
    margin: -3px;
    padding: 0
}

.nav-tabs li {
    margin: 0;
    padding: 0;
    float: left
}

.nav-tabs li:before {
    display: none !important
}

.tabs.horizontal-scrolling {
    margin: 0;
    position: relative;
    overflow: hidden
}

.tabs.horizontal-scrolling:after,
.tabs.horizontal-scrolling:before {
    content: "";
    width: 10px;
    height: 48px;
    background: #fff;
    background: var(--black_bg_black);
    position: absolute;
    top: 0;
    opacity: 0
}

.tabs.horizontal-scrolling:before {
    left: 0
}

.tabs.horizontal-scrolling:after {
    right: 0
}

.tabs.horizontal-scrolling .nav {
    margin: 0;
    white-space: nowrap;
    padding: 0
}

.tabs.horizontal-scrolling .nav>li {
    float: none;
    display: inline-block;
    margin: 0
}

.tabs.horizontal-scrolling .nav>li:not(:last-of-type) {
    margin-right: 4px
}

.tabs.horizontal-scrolling+.tab-content {
    margin-top: 2.666rem
}

.tabs.horizontal-scrolling.bottom-line .nav>li:not(:last-of-type) {
    margin-right: 2.266rem
}

.tabs.bottom-line li {
    background: 0 0
}

.tabs.bottom-line li a {
    padding: 0 0 .466rem
}

.tabs.bottom-line li.active:after {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    border-radius: 0
}

.tabs.bottom-line+.tab-content {
    margin-top: 1.666rem
}

.arrow_scroll {
    max-height: 65px;
    overflow: hidden
}

.arrow_scroll .nav.nav-tabs {
    white-space: nowrap;
    min-width: 300%;
    z-index: 1;
    position: relative
}

.arrow_scroll .nav.nav-tabs>li {
    float: none;
    display: inline-block;
    vertical-align: top
}

.arrow_scroll_init .arrows_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.arrow_scroll_init .arrows_wrapper .arrow {
    position: absolute;
    width: 38px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    background: var(--black_bg_black);
    z-index: 1;
    cursor: pointer
}

.grey_block .arrow_scroll_init .arrows_wrapper .arrow {
    background-color: #f9f9fa;
    background-color: var(--darkerblack_bg_black)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left {
    left: -14px;
    border-right: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left svg {
    transform: rotate(-90deg)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: -14px;
    border-left: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.dropdown-select .arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: 14px
}

.dropdown-select .arrow_scroll_init .arrows_wrapper {
    right: -14px
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right svg {
    transform: rotate(90deg)
}

.arrow_scroll_init .arrows_wrapper .arrow.disabled {
    display: none
}

.dropdown-select .line-block {
    position: relative
}

@media (max-width:600px) {
    .tabs {
        margin-bottom: 41px
    }
}

body.fill_bg_y.visible_banner header .line-row {
    margin: auto
}

body.fill_bg_y.visible_banner .maxwidth-theme {
    background: #fff
}

body.fill_bg_y.visible_banner .top-block {
    background: 0 0;
    padding: 0
}

body.fill_bg_y.visible_banner.header_fill_dark header .top-block+.logo_and_menu-row .logo-row,
body.fill_bg_y.visible_banner.header_fill_light header .top-block+.logo_and_menu-row .logo-row {
    background: 0 0
}

body.fill_bg_y.visible_banner.header_fill_none.header_opacity header .top-block+.logo_and_menu-row .maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner header {
    background: 0 0
}

body.fill_bg_y.visible_banner header.topmenu-LIGHT .logo_and_menu-row {
    border-bottom-width: 0
}

body.fill_bg_y.visible_banner header.topmenu-LIGHT .logo_and_menu-row>.logo-row>.maxwidth-theme {
    border-bottom: 1px solid #f5f5f5
}

body.fill_bg_y.visible_banner .greyline .maxwidth-theme {
    background: #f9f9fa
}

body.fill_bg_y.visible_banner .maxwidth-banner {
    background: #fff
}

body.fill_bg_y.visible_banner .maxwidth-banner .maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner>.body>.main {
    background: #fff;
    z-index: 1;
    position: relative;
    margin: auto
}

body.fill_bg_y.visible_banner .company-block .maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner header .menu-row.bgcolored {
    background: 0 0
}

body.fill_bg_y.visible_banner .page-top-wrapper.grey {
    background: 0 0
}

body.fill_bg_y.visible_banner .page-top-wrapper.grey>.maxwidth-theme,
body.fill_bg_y.visible_banner .tabs_ajax .body-block .maxwidth-theme {
    background: #f9f9f9
}

body.fill_bg_y.visible_banner.title-v4 .page-top-wrapper .maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner .contacts.contacts-page-map-overlay.maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner .contacts-page-map+.contacts.contacts-page-overmap .contacts-wrapper {
    box-shadow: 0 -16px 15px 0 rgba(0, 0, 0, .22);
    margin: -70px -32px 0
}

body.fill_bg_y.visible_banner .banner.TOP_HEADER,
body.fill_bg_y.visible_banner .banner.TOP_UNDERHEADER {
    margin-left: auto;
    margin-right: auto
}

body.fill_bg_y.visible_banner .contacts-page-top {
    padding-top: 0
}

body.fill_bg_y.visible_banner .contacts-page-top>.maxwidth-theme {
    padding-top: 35px
}

body.fill_bg_y.visible_banner .contacts-page-map {
    background: #fff
}

body.fill_bg_y.visible_banner .basket_order .maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner footer {
    background: 0 0;
    margin: auto;
    position: relative;
    z-index: 2
}

body.fill_bg_y.visible_banner footer.compact {
    background: #373d44
}

body.fill_bg_y.visible_banner.footer-v1 footer,
body.fill_bg_y.visible_banner.footer-v3 footer {
    background: #373d44
}

body.fill_bg_y.visible_banner.footer-v2 footer {
    background: #fff
}

body.fill_bg_y.visible_banner.footer-v2 footer,
body.fill_bg_y.visible_banner.footer-v4 footer,
body.fill_bg_y.visible_banner.footer-v6 footer {
    background: #f9f9f9
}

body.fill_bg_y.visible_banner .subscribe-block-wrapper {
    background: 0 0
}

body.fill_bg_y.visible_banner.footer-v1 .subscribe-block-wrapper .maxwidth-theme {
    background: #ffffff0d
}

body.fill_bg_y.visible_banner.footer-v2 .subscribe-block-wrapper .maxwidth-theme {
    background: #f9f9f9
}

body.fill_bg_y.visible_banner footer .maxwidth-theme {
    background: 0 0
}

.text_before_items {
    margin-bottom: 41px;
    color: #666;
    color: var(--lite_basic_text_black)
}

.text_after_items {
    margin: 77px 0 0;
    color: #666;
    color: var(--lite_basic_text_black)
}

.item-views {
    margin-bottom: 0;
    position: relative
}

.text_before_items h1:first-child,
.text_before_items h2:first-child,
.text_before_items h3:first-child,
.text_before_items h4:first-child,
.text_before_items h5:first-child,
.text_before_items h6:first-child {
    margin-top: 0
}

.text_after_items :last-child {
    margin-bottom: 0
}

.countdown {
    position: relative;
    white-space: nowrap;
    font-size: 0;
    display: inline-block;
    overflow: hidden;
    color: #333;
    color: var(--white_text_black);
    border-radius: calc(var(--border-radius) - 2px)
}

.countdown-block {
    display: block
}

.countdown__inner {
    height: 23px;
    padding-right: 2px;
    background: #fff;
    background: var(--darkgrey_bg_black);
    overflow: hidden
}

.countdown__items {
    display: none;
    background: #fff;
    background: var(--darkgrey_bg_black);
    height: 23px
}

.countdown__items.is-countdown {
    display: inline-block
}

.countdown__item {
    padding: 4px 3px 0 7px;
    font-size: 12px;
    width: auto;
    display: inline-block;
    position: relative;
    line-height: 16px;
    height: 25px;
    font-weight: 700
}

.countdown__item:last-child {
    display: none
}

.countdown__item:after,
.countdown__item:before {
    content: "";
    background: #333;
    background: var(--white_text_black);
    width: 2px;
    height: 2px;
    display: block;
    position: absolute;
    right: -3px;
    border-radius: 6px;
    z-index: 10
}

.countdown__item:before {
    top: 9px
}

.countdown__item:after {
    bottom: 9px
}

.countdown__item:last-child:after,
.countdown__item:last-child:before {
    display: none
}

.countdown__item.minutes:after,
.countdown__item.minutes:before {
    display: none
}

.countdown__item.minutes {
    padding-right: 5px
}

.countdown__item .text {
    display: inline-block;
    padding: 0 0 0 1px;
    opacity: 1
}

.countdown__icon:after,
.countdown__icon:before {
    display: none
}

.countdown__icon {
    width: 7px;
    height: 10px;
    position: absolute;
    left: 7px;
    top: 6px;
    background: url(/bitrix/templates/aspro-lite/css/blocks/../../components/bitrix/news.list/sale-list/images/sale_fire.svg) no-repeat
}

.countdown__icon .svg {
    top: -1px;
    left: 1px
}

.countdown--icons .countdown__items {
    margin-left: 15px
}

.countdown--shadowed {
    box-shadow: 0 5px 12px 0 rgba(34, 34, 34, .08)
}

.countdown-list-image {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0
}

.countdown-list-list-image {
    margin-bottom: 4px
}

.sticker .countdown {
    margin: 0 2px 4px;
    display: block
}

.cross {
    position: relative;
    height: 18px;
    width: 18px
}

.cross:after,
.cross:before {
    content: '';
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 1px
}

.cross:before {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 2px;
    transition: width .5s ease-in-out
}

.cross:after {
    transform: translate(-50%, -50%);
    left: 50%;
    height: 18px;
    width: 2px;
    transition: height .5s ease-in-out
}

.animate-cross-hover:hover .cross:before {
    width: 26px
}

.animate-cross-hover:hover .cross:after {
    height: 26px
}

@media (min-width:992px) {
    .animate-cross-hover:hover .cross--wide34:before {
        width: 34px
    }

    .animate-cross-hover:hover .cross--wide34:after {
        height: 34px
    }
}

@media (min-width:601px) {
    .animate-cross-hover:hover .cross--wide42:before {
        width: 42px
    }

    .animate-cross-hover:hover .cross--wide42:after {
        height: 42px
    }
}

:root {
    --ON_toggle: initial;
    --OFF_toggle: ;
}

.theme-default,
.theme-light {
    --light: var(--ON_toggle);
    --dark: var(--OFF_toggle)
}

.theme-dark {
    --light: var(--OFF_toggle);
    --dark: var(--ON_toggle)
}

body {
    --white_text_black: var(--light, #222) var(--dark, white);
    --white_text_black_reverse: var(--light, #fff) var(--dark, #222);
    --basic_text_black: var(--light, #555) var(--dark, #ccc);
    --lite_basic_text_black: var(--light, #666) var(--dark, #ccc);
    --black_bg_black: var(--light, #fff) var(--dark, #121212);
    --darkerblack_bg_black: var(--light, #f8f8f8) var(--dark, #121212);
    --darkgrey_bg_black: var(--light, #f4f4f4) var(--dark, #343434);
    --stroke_black: var(--light, #ededed) var(--dark, #3a3a3a);
    --stroke_black_hover: var(--light, #fff) var(--dark, #3a3a3a);
    --card_bg_black: var(--light, #fff) var(--dark, #232323);
    --card_bg_hover_black: var(--light, #fff) var(--dark, #2b2b2b);
    --arrows_bg_black: var(--light, #fff) var(--dark, #444);
    --lite_bg_black: var(--light, #fafafa) var(--dark, #121212);
    --light2_bg_black: var(--light, #fafafa) var(--dark, #232323);
    --gray_bg_black: var(--light, #ccc) var(--dark, #3a3a3a);
    --white_bg_ccc: var(--light, #fff) var(--dark, #ccc);
    --fill_dark_light: var(--light, #222) var(--dark, #fff);
    --fill_dark_lite_ccc: var(--light, #222) var(--dark, #ccc);
    --fill_dark_lite_hover: var(--light, var(--theme-base-color)) var(--dark, #ccc);
    --fill_dark_lite_white_hover: var(--light, var(--theme-base-color)) var(--dark, #fff);
    --dark_light-wtheme-hue: var(--light, var(--theme-base-color-hue)) var(--dark, 0);
    --dark_light-wtheme-saturation: var(--light, var(--theme-base-color-saturation)) var(--dark, 0%);
    --dark_light-wtheme-lightness: var(--light, var(--theme-base-color-lightness)) var(--dark, 100%);
    --dark_light-hue: var(--light, 0) var(--dark, 0);
    --dark_light-saturation: var(--light, 0%) var(--dark, 0%);
    --dark_light-lightness: var(--light, 97%) var(--dark, 7%);
    --checkbox_dark_light: var(--light, #afafaf) var(--dark, #3a3a3a);
    --opacity_dark_lite_hover: var(--light, var(--theme-base-opacity-color)) var(--dark, #3a3a3a);
    --dff_dark_light: var(--light, #fff) var(--dark, #121212);
    --input_color: var(--light, #222) var(--dark, var(--basic_text_black));
    --input_bg_color: var(--black_bg_black);
    --input_bg_color-hover: var(--black_bg_black);
    --input_bg_color-focus: var(--card_bg_hover_black);
    --input_border_color: var(--light, #dadada) var(--dark, var(--stroke_black));
    --input_border_color-hover: var(--light, #dadada) var(--dark, var(--stroke_black_hover));
    --input_border_color-focus: var(--light, #999) var(--dark, #999)
}

@media (prefers-color-scheme:dark) {
    .theme-default {
        --light: var(--OFF_toggle);
        --dark: var(--ON_toggle)
    }
}




.body.index .main>.container,
.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1
}

.row.flexbox {
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bx-mac .row.flexbox:not(.nmac)>div {
    margin-left: -1px;
    margin-right: -1px
}

.bx-mac .flexbox.nmac,
.bx-mac .row.flexbox.nmac {
    display: block
}

.bx-mac .row.flexbox:after,
.bx-mac .row.flexbox:before {
    width: 100%
}

.flexbox--row {
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center
}

.flexbox--direction-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flexbox--direction-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.flexbox--direction-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flexbox--direction-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flexbox--justify-beetwen {
    -ms-justify-content: space-between;
    justify-content: space-between
}

.flexbox--justify-end {
    -ms-justify-content: flex-end;
    justify-content: flex-end
}

.flexbox--justify-center {
    -ms-justify-content: center;
    justify-content: center
}

.flexbox--justify-around {
    -ms-justify-content: space-around;
    justify-content: space-around
}

.flexbox--wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flexbox--align-center {
    -ms-align-items: center;
    align-items: center
}

.flexbox--align-start {
    -ms-align-items: flex-start;
    align-items: flex-start
}

.flexbox--align-self-start {
    align-self: flex-start
}

.flexbox--align-end {
    -ms-align-items: flex-end;
    align-items: flex-end
}

.flex-1 {
    flex: 1
}

.no-shrinked {
    flex-shrink: 0
}

.flex-grow-1 {
    flex-grow: 1;
    flex-basis: 0%
}

.flex-grow-0 {
    flex-grow: 0
}

.bx-ie .flex-grow-1 {
    flex-grow: 1;
    flex-basis: auto
}

.flexbox--wrap {
    flex-wrap: wrap
}

body .flexbox--inline {
    display: inline-flex
}

@media (max-width:600px) {
    .bx-ie .flex-grow-1.flex-basis-auto-f600-ie {
        flex-basis: 0
    }
}

@media (min-width:601px) {
    .bx-ie .flex-grow-1.flex-basis-auto-t600-ie {
        flex-basis: 0
    }
}

@media (min-width:992px) {
    .flexbox--w34-f992 {
        flex-basis: 34%;
        padding-right: 64px
    }
}

@media (max-width:991px) {
    .flexbox--column-t991 {
        flex-direction: column
    }

    .flexbox--mb20-t991 {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .flexbox--column-t767 {
        flex-direction: column
    }
}

.grid-list {
    --gap: 24px;
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr))
}

.grid-list--gap-4 {
    --gap: 4px
}

.grid-list.grid-list--gap-8 {
    --gap: 8px
}

.grid-list--gap-12 {
    --gap: 12px
}

.grid-list--gap-20 {
    --gap: 20px
}

.grid-list--gap-30 {
    --gap: 30px
}

.grid-list--gap-32 {
    --gap: 32px
}

#main .body .grid-list--items-1,
#main .body .grid-list--items-1-wide {
    grid-template-columns: 1fr
}

.grid-list--items-2 {
    grid-template-columns: repeat(auto-fill, minmax(505px, 1fr))
}

.grid-list--items-2.grid-list--items-min260 {
    grid-template-columns: repeat(auto-fill, minmax(max(calc((100% - 32px)/ 2), 260px), 1fr))
}

.grid-list--items-2.grid-list--no-gap {
    grid-template-columns: repeat(auto-fill, minmax(520px, 1fr))
}

.grid-list--items-2.grid-list--no-gap.grid-list--items-min260 {
    grid-template-columns: repeat(auto-fill, minmax(max(50%, 260px), 1fr))
}

.grid-list--items-3 {
    grid-template-columns: repeat(auto-fill, minmax(425px, 1fr))
}

.grid-list--items-4 {
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr))
}

.grid-list--items-5 {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))
}

.grid-list--items-6 {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr))
}

.grid-list--items-exact-2 {
    grid-template-columns: 1fr 1fr
}

body .grid-list--no-gap {
    --gap: 0px
}

body .grid-list--gap-row {
    grid-row-gap: 32px
}

body .grid-list--gap-row-40 {
    grid-row-gap: 40px
}

body .grid-list--gap-column-24 {
    column-gap: 24px
}

.grid-list--no-gap .grid-list-border-outer {
    margin: 0 -1px -1px 0
}

.grid-list--items-2-wide {
    grid-template-columns: repeat(auto-fill, minmax(640px, 1fr))
}

.grid-list--items-3-wide {
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr))
}

.grid-list--items-4-wide {
    grid-template-columns: repeat(auto-fill, minmax(385px, 1fr))
}

.grid-list--items-5-wide {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr))
}

.grid-list--items-6-wide {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))
}

body .grid-list--no-grid {
    display: flex;
    gap: unset;
    flex-wrap: wrap
}

@media(min-width:601px) {
    .grid-list--items-2-601 {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-list--items-3-601 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:768px) {
    .grid-list--items-8-768 {
        grid-template-columns: repeat(8, 1fr)
    }

    .grid-list--items-7-768 {
        grid-template-columns: repeat(7, 1fr)
    }

    .grid-list--items-6-768 {
        grid-template-columns: repeat(6, 1fr)
    }

    .grid-list--items-5-768 {
        grid-template-columns: repeat(5, 1fr)
    }

    .grid-list--items-4-768 {
        grid-template-columns: repeat(4, 1fr)
    }

    .grid-list--items-3-768 {
        grid-template-columns: repeat(3, 1fr)
    }

    .grid-list--items-2-768 {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-list--items-1-768 {
        grid-template-columns: 1fr
    }
}

@media(min-width:992px) {
    .grid-list--items-8-992 {
        grid-template-columns: repeat(8, 1fr)
    }

    .grid-list--items-7-992 {
        grid-template-columns: repeat(7, 1fr)
    }

    .grid-list--items-6-992 {
        grid-template-columns: repeat(6, 1fr)
    }

    .grid-list--items-5-992 {
        grid-template-columns: repeat(5, 1fr)
    }

    .grid-list--items-4-992 {
        grid-template-columns: repeat(4, 1fr)
    }

    .grid-list--items-3-992 {
        grid-template-columns: repeat(3, 1fr)
    }

    .grid-list--items-2-992 {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-list--items-1-992 {
        grid-template-columns: 1fr
    }
}

@media (min-width:1100px) {
    .grid-list--items-8-1100 {
        grid-template-columns: repeat(8, 1fr)
    }

    .grid-list--items-7-1100 {
        grid-template-columns: repeat(7, 1fr)
    }

    .grid-list--items-6-1100 {
        grid-template-columns: repeat(6, 1fr)
    }

    .grid-list--items-5-1100 {
        grid-template-columns: repeat(5, 1fr)
    }

    .grid-list--items-4-1100 {
        grid-template-columns: repeat(4, 1fr)
    }

    .grid-list--items-3-1100 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:1200px) {
    .grid-list--items-8-1200 {
        grid-template-columns: repeat(8, 1fr)
    }

    .grid-list--items-7-1200 {
        grid-template-columns: repeat(7, 1fr)
    }

    .grid-list--items-6-1200 {
        grid-template-columns: repeat(6, 1fr)
    }

    .grid-list--items-5-1200 {
        grid-template-columns: repeat(5, 1fr)
    }

    .grid-list--items-4-1200 {
        grid-template-columns: repeat(4, 1fr)
    }

    .grid-list--items-3-1200 {
        grid-template-columns: repeat(3, 1fr)
    }

    .grid-list--items-2-1200 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1300px) {
    .grid-list--items-8-1300 {
        grid-template-columns: repeat(8, 1fr)
    }

    .grid-list--items-7-1300 {
        grid-template-columns: repeat(7, 1fr)
    }

    .grid-list--items-6-1300 {
        grid-template-columns: repeat(6, 1fr)
    }

    .grid-list--items-5-1300 {
        grid-template-columns: repeat(5, 1fr)
    }

    .grid-list--items-4-1300 {
        grid-template-columns: repeat(4, 1fr)
    }

    .grid-list--items-3-1300 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:1400px) {
    .grid-list--items-8-1400 {
        grid-template-columns: repeat(8, 1fr)
    }

    .grid-list--items-7-1400 {
        grid-template-columns: repeat(7, 1fr)
    }

    .grid-list--items-6-1400 {
        grid-template-columns: repeat(6, 1fr)
    }

    .grid-list--items-5-1400 {
        grid-template-columns: repeat(5, 1fr)
    }

    .grid-list--items-4-1400 {
        grid-template-columns: repeat(4, 1fr)
    }

    .grid-list--items-3-1400 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:1300px) {
    .grid-list--items-2-wide {
        grid-template-columns: repeat(auto-fill, minmax(480px, 1fr))
    }
}

@media (min-width:992px) {
    .grid-list--items-5:not(.grid-list--no-gap) {
        grid-template-columns: repeat(auto-fill, minmax(235px, 1fr))
    }
}

@media (max-width:1100px) {
    #main .grid-list.grid-list--items-1-991 {
        grid-template-columns: 1fr
    }

    .grid-list.grid-list--items-2-991 {
        grid-template-columns: 1fr 1fr
    }

    .grid-list.grid-list--items-3-991 {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width:500px) {
    #main .grid-list:not(.mobile-scrolled) {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))
    }
}

.item-w25 {
    width: 25%
}

.item-w33 {
    width: 33.33%
}

.item-w50 {
    width: 50%
}

.item-w66 {
    width: 66.66%
}

.item-w75 {
    width: 75%
}

.item-w100 {
    width: 100%
}

html.bx-ie .grid-list {
    display: flex;
    flex-wrap: wrap
}

html.bx-ie .grid-list .grid-list__item {
    width: 100%
}

html.bx-ie .grid-list--items-6 .grid-list__item {
    width: 16.66%
}

html.bx-ie .grid-list--items-5 .grid-list__item {
    width: 20%
}

html.bx-ie .grid-list--items-4 .grid-list__item {
    width: 25%
}

html.bx-ie .grid-list--items-3 .grid-list__item {
    width: 33.33%
}

html.bx-ie .grid-list--items-2 .grid-list__item {
    width: 50%
}

@media (max-width:1200px) {
    html.bx-ie .grid-list--items-5 .grid-list__item {
        width: 33%
    }
}

@media (min-width:992px) {

    .grid-list--no-grid:not(.grid-list--no-gap),
    html.bx-ie .grid-list:not(.grid-list--no-gap) {
        margin: -16px -16px
    }

    .grid-list--no-grid:not(.grid-list--no-gap)>div,
    html.bx-ie .grid-list:not(.grid-list--no-gap)>div {
        padding: 16px
    }

    html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap) {
        margin: 0 -10px
    }

    html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap)>div {
        padding: 10px
    }

    html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap) {
        margin: 0 -16px
    }

    html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap)>div {
        padding: 16px
    }
}

@media (max-width:991px) {
    html.bx-ie .grid-list .grid-list__item {
        width: 50%
    }

    html.bx-ie .grid-list--items-5 .grid-list__item {
        width: 20%
    }

    html.bx-ie .grid-list--items-1 .grid-list__item,
    html.bx-ie .grid-list--items-1-wide .grid-list__item {
        width: 100%
    }

    .grid-list {
        --gap: 24px
    }

    .grid-list--no-grid:not(.grid-list--no-gap),
    html.bx-ie .grid-list:not(.grid-list--no-gap) {
        margin: 0 -12px
    }

    .grid-list--no-grid:not(.grid-list--no-gap)>div,
    html.bx-ie .grid-list:not(.grid-list--no-gap)>div {
        padding: 12px
    }
}

@media (max-width:767px) {
    html.bx-ie .grid-list .grid-list__item {
        width: 100%
    }
}

@media (max-width:600px) {
    body .grid-list--no-gap.grid-list--no-gap-f601 {
        gap: 24px
    }

    body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601 {
        gap: 0
    }

    body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601>div {
        padding-right: 24px
    }

    #main .grid-list.grid-list--compact {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:450px) {
    #main .grid-list.grid-list--compact {
        gap: 0;
        display: flex;
        flex-flow: row wrap
    }

    #main .grid-list.grid-list--compact .grid-list-border-outer {
        margin: 0 -1px -1px 0;
        width: 50%
    }

    #main .grid-list.grid-list--compact .grid-list__item>.bordered {
        border-radius: 0
    }
}

@media (max-width:400px) {
    #main .grid-list:not(.mobile-scrolled) {
        grid-template-columns: 1fr
    }
}

.grid-list--fill-bg>.grid-list__item>div {
    background: #fff;
    background: var(--card_bg_black)
}

.hint {
    position: relative;
    cursor: pointer
}

.hint--absolute {
    position: absolute;
    top: 0;
    right: -12px;
    z-index: 1
}

.hint.hint--absolute2 {
    position: absolute;
    right: -23px;
    top: 0;
    z-index: 1
}

.hint.hint--inline {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 3px
}

.hint--inline .tooltip {
    margin-bottom: 4px
}

.hint__icon {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 0;
    height: 16px;
    width: 16px;
    line-height: 15px;
    border: 1px solid #e5e5e5;
    font-size: 11px
}

.hint .hint__icon:hover {
    color: #fff
}

.hint__icon i {
    font-style: normal
}

.hint__icon--absolute {
    position: absolute;
    z-index: 202;
    left: -35px;
    top: -1px
}

.hint__text {
    padding: 0 0 0 6px
}

.hint .tooltip {
    position: absolute;
    left: -19px;
    top: auto;
    bottom: 100%;
    line-height: 14px;
    z-index: 202;
    display: none;
    padding: 13px 16px 13px;
    min-width: 200px;
    max-width: 300px;
    font-size: 12px;
    border-radius: 8px;
    border-radius: var(--border-radius);
    font-weight: 400;
    box-shadow: 0 0 15px rgba(0, 0, 0, .12);
    background: #fff;
    background: var(--card_bg_hover_black)
}

.hint.active .tooltip {
    opacity: 1;
    z-index: 204;
    cursor: auto
}

.hint .tooltip--manual {
    max-width: 232px;
    opacity: 1
}

.hint.active .hint__icon {
    border-color: #9e9e9e;
    border-color: var(--theme-base-color);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    color: #fff
}

.hint.hint--down .tooltip {
    left: -16px;
    top: calc(100% + 4px);
    word-break: normal;
    bottom: inherit;
    opacity: 1
}

.properties_absolute {
    position: absolute;
    top: 0;
    padding-right: 35px;
    padding-top: 2px;
    right: 100%;
    bottom: 0;
    width: 100%;
    text-align: left;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

.properties__item {
    margin-top: 3px;
    position: relative;
    word-break: break-word
}

.properties__item:first-of-type {
    margin-top: 0
}

.properties__item--inline {
    display: inline
}

.properties__item.properties__item--compact {
    margin-top: 0
}

.properties__hr {
    margin: 0 1px
}

.properties--mt-10 {
    margin-top: 10px
}

.properties--mt-13 {
    margin-top: 13px
}

.properties--mt-20 {
    margin-top: 20px
}

@media (min-width:768px) {
    .properties-absolute-outer:hover .properties_absolute {
        right: 0
    }

    .properties_absolute.to-top {
        right: 0;
        top: 100%
    }

    .properties-absolute-outer:hover .properties_absolute.to-top {
        top: 0
    }
}

.image-list,
.image-list-outer {
    width: 100%;
    position: relative
}

.image-list-wrapper {
    position: relative;
    padding-top: 100%;
    margin: 0 auto;
    text-align: center;
    zoom: 1;
    display: block
}

.image-list__link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.image-list-wrapper img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none
}

.section-gallery-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    flex-direction: row;
    z-index: 2
}

.section-gallery-wrapper__item {
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1
}

.section-gallery-wrapper__item-nav {
    display: block;
    position: relative;
    margin: 0 1px;
    height: 100%
}

.section-gallery-wrapper__item_hidden {
    display: none
}

.section-gallery-wrapper__item img {
    opacity: 0;
    transition: opacity .2s ease-in-out;
    left: 0;
    right: 0;
    border-radius: 8px;
    border-radius: var(--border-radius)
}

.section-gallery-wrapper__item.active img {
    opacity: 1
}

.section-gallery-nav {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    line-height: 0
}

.section-gallery-nav__wrapper {
    display: block
}

.section-gallery-nav__item {
    display: inline-block;
    width: 12px;
    height: 2px;
    background: rgba(136, 136, 136, .5);
    border-radius: 12px
}

.section-gallery-nav__item:not(.active) {
    cursor: pointer
}

.section-gallery-nav__item.active {
    background-color: var(--light, #222) var(--dark, #fff)
}

.image-list .price-economy {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2
}

.line-block {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 -16px
}

.line-block--column {
    flex-direction: column
}

.line-block--align-normal {
    align-items: normal
}

.line-block--align-baseline {
    align-items: baseline
}

.line-block--align-flex-start {
    align-items: flex-start
}

.line-block--align-flex-end {
    align-items: flex-end
}

.line-block--flex-wrap {
    flex-wrap: wrap
}

.line-block>.line-block__item {
    padding-left: 16px;
    padding-right: 16px
}

.line-block--40 {
    margin-left: -20px;
    margin-right: -20px
}

.line-block--40>.line-block__item {
    padding-left: 20px;
    padding-right: 20px
}

.line-block--48 {
    margin-left: -24px;
    margin-right: -24px
}

.line-block--48>.line-block__item {
    padding-left: 24px;
    padding-right: 24px
}

.line-block--100 {
    margin-left: -50px;
    margin-right: -50px
}

.line-block--100>.line-block__item {
    padding-left: 50px;
    padding-right: 50px
}

.line-block-80 {
    margin-left: -40px;
    margin-right: -40px
}

.line-block--80>.line-block__item {
    padding-left: 40px;
    padding-right: 40px
}

.line-block--24 {
    margin-left: -12px;
    margin-right: -12px
}

.line-block--24>.line-block__item {
    padding-left: 12px;
    padding-right: 12px
}

.line-block--20 {
    margin-left: -10px;
    margin-right: -10px
}

.line-block--20>.line-block__item {
    padding-left: 10px;
    padding-right: 10px
}

.line-block--16 {
    margin-left: -8px;
    margin-right: -8px
}

.line-block--16>.line-block__item {
    padding-left: 8px;
    padding-right: 8px
}

.line-block--12 {
    margin-left: -6px;
    margin-right: -6px
}

.line-block--12>.line-block__item {
    padding-left: 6px;
    padding-right: 6px
}

.line-block--8 {
    margin-left: -4px;
    margin-right: -4px
}

.line-block--8>.line-block__item {
    padding-left: 4px;
    padding-right: 4px
}

.line-block--6 {
    margin-left: -3px;
    margin-right: -3px;
    row-gap: 6px
}

.line-block--6>.line-block__item {
    padding-left: 3px;
    padding-right: 3px
}

.line-block--4 {
    margin-left: -2px;
    margin-right: -2px;
    row-gap: 4px
}

.line-block--4>.line-block__item {
    padding-left: 2px;
    padding-right: 2px
}

.line-block--2 {
    margin-left: -1px;
    margin-right: -1px
}

.line-block--2>.line-block__item {
    padding-left: 1px;
    padding-right: 1px
}

.line-block--0 {
    margin-left: 0;
    margin-right: 0
}

.line-block--0>.line-block__item {
    padding-left: 0;
    padding-right: 0
}

.line-block--flex-100>.line-block__item {
    flex-basis: 100%
}

@media all and (max-width:1400px) {
    .line-block--24-narrow {
        margin-left: -12px;
        margin-right: -12px
    }

    .line-block--24-narrow>.line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width:1300px) {
    .line-block--24-1300 {
        margin-left: -12px;
        margin-right: -12px
    }

    .line-block--24-1300>.line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width:1200px) {
    .line-block--24-1200 {
        margin-left: -12px;
        margin-right: -12px
    }

    .line-block--24-1200>.line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width:1100px) {
    .line-block--24-1100 {
        margin-left: -12px;
        margin-right: -12px
    }

    .line-block--24-1100>.line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width:1400px) {
    .line-block--32-narrow {
        margin-left: -16px;
        margin-right: -16px
    }

    .line-block--32-narrow>.line-block__item {
        padding: 0 16px
    }

    .line-block--32-1400 {
        margin-left: -16px;
        margin-right: -16px
    }

    .line-block--32-1400>.line-block__item {
        padding: 0 16px
    }
}

@media all and (max-width:1300px) {
    .line-block--32-1300 {
        margin-left: -16px;
        margin-right: -16px
    }

    .line-block--32-1300>.line-block__item {
        padding: 0 16px
    }
}

@media all and (max-width:1200px) {
    .line-block--32-1200 {
        margin-left: -16px;
        margin-right: -16px
    }

    .line-block--32-1200>.line-block__item {
        padding: 0 16px
    }
}

@media all and (max-width:1100px) {
    .line-block--32-1100 {
        margin-left: -16px;
        margin-right: -16px
    }

    .line-block--32-1100>.line-block__item {
        padding: 0 16px
    }
}

@media (max-width:1400px) {
    .line-block--wrap-end-1400 {
        flex-wrap: wrap;
        justify-content: flex-end
    }
}

@media (max-width:767px) {
    .line-block--block {
        display: block
    }
}

.line-block--24-vertical {
    margin-top: -12px;
    margin-bottom: -12px
}

.line-block--24-vertical>.line-block__item {
    padding-top: 12px;
    padding-bottom: 12px
}

.line-block--20-vertical {
    margin-top: -10px;
    margin-bottom: -10px
}

.line-block--20-vertical>.line-block__item {
    padding-top: 10px;
    padding-bottom: 10px
}

.line-block--16-vertical {
    margin-top: -8px;
    margin-bottom: -8px
}

.line-block--16-vertical>.line-block__item {
    padding-top: 8px;
    padding-bottom: 8px
}

.line-block--12-vertical {
    margin-top: -6px;
    margin-bottom: -6px
}

.line-block--12-vertical>.line-block__item {
    padding-top: 6px;
    padding-bottom: 6px
}

.line-block--8-vertical {
    margin-top: -4px;
    margin-bottom: -4px
}

.line-block--8-vertical>.line-block__item {
    padding-top: 4px;
    padding-bottom: 4px
}

.line-block--8-1-vertical {
    margin-top: -8px;
    margin-bottom: -1px
}

.line-block--8-1-vertical>.line-block__item {
    padding-top: 8px;
    padding-bottom: 1px
}

.line-block--6-vertical {
    margin-top: -3px;
    margin-bottom: -3px
}

.line-block--6-vertical>.line-block__item {
    padding-top: 3px;
    padding-bottom: 3px
}

.line-block--5-6-vertical {
    margin-top: -5px;
    margin-bottom: -6px
}

.line-block--5-6-vertical>.line-block__item {
    padding-top: 5px;
    padding-bottom: 6px
}

.line-block--4-vertical {
    margin-top: -2px;
    margin-bottom: -2px
}

.line-block--4-vertical>.line-block__item {
    padding-top: 2px;
    padding-bottom: 2px
}

.line-block--gap {
    --gap: 0px;
    margin: 0;
    gap: var(--gap)
}

.line-block--gap>.line-block__item {
    padding: 0
}

.line-block--gap-4 {
    --gap: 4px
}

.line-block--gap-6 {
    --gap: 6px
}

.line-block--gap-8 {
    --gap: 8px
}

.line-block--gap-12 {
    --gap: 12px
}

.line-block--gap-16 {
    --gap: 16px
}

.line-block--gap-20 {
    --gap: 20px
}

.line-block--gap-32 {
    --gap: 32px
}

.line-block--gap-40 {
    --gap: 40px
}

.line-block--gap-70 {
    --gap: 70px
}

@media (max-width:600px) {
    .line-block--gap-8-to-600 {
        --gap: 8px
    }
}

@media (max-width:600px) {
    .mobile-scrolled {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 15px !important;
        margin-bottom: -15px !important;
        padding-top: 15px !important;
        margin-top: -15px !important;
        gap: 8px
    }

    #main .mobile-scrolled>div {
        width: 420px;
        flex-shrink: 0;
        box-sizing: content-box;
        order: unset
    }

    #main .mobile-scrolled--items-2>div {
        width: 260px
    }

    #main .mobile-scrolled--items-3>div {
        width: 164px
    }

    #main .mobile-scrolled.mobile-scrolled--items-auto>div {
        width: auto;
        padding: 0
    }

    #main .mobile-scrolled.mobile-scrolled--small-offset>div {
        gap: calc(var(--theme-page-width-padding)/ 2)
    }

    #main .mobile-offset {
        margin: 0 calc(-1 * var(--theme-page-width-padding));
        padding: 0 var(--theme-page-width-padding);
        flex-wrap: nowrap
    }

    #main .mobile-offset--right {
        padding: 0 var(--theme-page-width-padding)
    }
}

@media (max-width:450px) {
    .mobile-scrolled>div {
        width: 320px
    }
}

body.jqm-initied #panel,
body.jqm-initied .basket_bottom_block>div,
body.jqm-initied .basket_fly_forms>div,
body.jqm-initied .basket_wrapp .opener,
body.jqm-initied .body>div>div,
body.jqm-initied .body>div>header>div>div,
body.jqm-initied .bottom-icons-panel,
body.jqm-initied .fixed_wrapper,
body.jqm-initied .page-top,
body.jqm-initied .scroll-to-top,
body.jqm-initied .style-switcher,
body.jqm-initied .ui-panel-top-devices-inner,
body.jqm-initied footer,
body.jqm-initied.wf .wrapper1>div {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.filter-none,
.filter-none>div,
.filter-none>header>div {
    -webkit-filter: none !important;
    filter: none !important
}

#popup_iframe_wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

.popup.loading-state {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

.jqmWindow {
    display: none;
    position: fixed;
    min-width: 250px;
    max-width: 460px;
    background: #fff;
    background: var(--black_bg_black);
    animation: toggle_opacity .2s;
    max-height: 100%;
    width: 100%;
    border-radius: 12px;
    border-radius: var(--theme-outer-border-radius);
    padding: 0 2px 0 0;
    overflow: hidden
}

.jqmWindow--overflow-visible {
    overflow: visible
}

.jqmWindow.include_block_frame {
    max-width: 960px
}

.jqmWindow>.scrollbar {
    max-height: 100vh;
    display: block;
    height: 100%
}

.review_frame.popup {
    max-width: 700px
}

.ocb_frame.popup:not(.compact) {
    max-width: 957px
}

.auth_frame.popup {
    max-width: 460px
}

.wizard_solution_frame.popup {
    max-width: 100px;
    min-width: 100px;
    height: 100px;
    overflow: hidden;
    padding: 0
}

.wizard_solution_frame.popup.mCustomScrollbar>.mCustomScrollBox,
.wizard_solution_frame.popup.mCustomScrollbar>.mCustomScrollBox>.mCSB_container {
    max-height: 100vh !important;
    height: 100% !important
}

.change_payment_frame.popup,
.popup--order-pay.popup,
.replenishment_frame.popup {
    max-width: 800px
}

.stores_frame.popup {
    max-width: 1200px;
    width: auto;
    display: none !important
}

.jqmOverlay {
    background: #3a3f44;
    opacity: .7 !important;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998
}

.jqmOverlay.mobp {
    z-index: 992
}

.jqmOverlay.waiting {
    z-index: 998
}

.jqmClose.top-close {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    right: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer
}

.top-close.top-close--small {
    width: 44px;
    height: 40px
}

.top-close--small svg {
    width: 10px;
    height: 10px
}

.mobile .jqmWindow.popup {
    overflow: hidden;
    overflow-y: auto
}

.form.popup .form-header {
    padding-top: 35px;
    padding-left: 32px;
    padding-right: 32px
}

.form.popup .licence_block.bx_filter {
    display: block
}

.form.popup .form-body {
    padding-left: 32px;
    padding-right: 32px
}

.form.popup .form-error {
    padding-left: 32px;
    padding-right: 32px
}

.form.popup .form-footer,
.form.popup .social_block {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    text-align: left
}

.scrollbar .form.popup .form-body,
.scrollbar .form.popup .form-error,
.scrollbar .form.popup .form-footer,
.scrollbar .form.popup .form-header,
.scrollbar .form.popup .social_block {
    padding-right: calc(32px - 2px)
}

.form.popup .captcha-row {
    margin-bottom: 41px
}

.form.popup .captcha-row.compact,
.form.popup .captcha-row.normal {
    margin-bottom: 21px
}

.form.popup .captcha-row.invisible {
    margin-bottom: 25px
}

.form.popup.success .form-header {
    padding-bottom: 0
}

.form.popup.success .form-header .text {
    display: none
}

.goods-popup {
    width: 393px;
    border-right: 1px solid #e5e5e5;
    border-right: 1px solid var(--stroke_black);
    padding: 35px 32px
}

.goods-popup__sticky {
    position: sticky;
    top: 35px
}

.goods-popup__image {
    margin-bottom: 26px;
    border-radius: 8px;
    border-radius: var(--theme-outer-border-radius);
    overflow: hidden
}

.goods-popup__info-link {
    display: block;
    margin-bottom: 6px
}

.goods-popup__info-more {
    margin-bottom: 14px
}

.goods-popup .status-amount--stores,
.goods-popup .status-container .icon-container {
    display: none
}

.popup__item-block-info {
    align-items: center;
    grid-template-columns: 80px auto;
    margin: 16px 0 28px;
    padding: 20px
}

.item-block-info__image img {
    width: 100%
}

.fast_view_sale_frame {
    max-width: 700px
}

.fast_view_frame.popup {
    max-width: 940px;
    z-index: 2998;
    max-height: 750px
}

#fast_view_item {
    height: 100%;
    overflow: visible
}

@media (max-height:750px) {
    .fast_view_frame.popup {
        height: 100vh
    }
}

.navigation-wrapper-fast-view {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    max-width: 1080px;
    display: flex;
    justify-content: space-between
}

.navigation-wrapper-fast-view .fast-view-nav {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #fff;
    background: var(--arrows_bg_black);
    cursor: pointer;
    z-index: 2998;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.navigation-wrapper-fast-view .fast-view-nav * {
    fill: #fff;
    fill: var(--fill_dark_light)
}

.navigation-wrapper-fast-view .fast-view-nav:hover * {
    fill: #fff
}

.navigation-wrapper-fast-view .fast-view-nav.prev .svg {
    transform: rotate(-90deg)
}

.navigation-wrapper-fast-view .fast-view-nav.next .svg {
    transform: rotate(90deg)
}

.bx-ie .jqmWindow {
    transform: translate(-50%, -50%)
}

@media (max-width:991px) {
    .goods-popup {
        width: 300px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:767px) {
    .jqmWindow {
        width: calc(100% - 48px)
    }

    .goods-popup {
        display: none
    }

    .navigation-wrapper-fast-view {
        display: none
    }
}

@media (max-width:600px) {

    .form.popup .form-body,
    .form.popup .form-footer,
    .form.popup .form-header {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:450px) {
    .jqmWindow {
        transition: .15s linear
    }
}

@media (max-width:430px) {
    .jqmWindow {
        max-width: inherit;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        min-height: 100%;
        top: 0 !important;
        bottom: 0 !important;
        overflow: hidden;
        border-radius: 0;
        padding: 0 !important
    }

    .jqmWindow>.scrollbar {
        max-height: 100vh
    }
}

.price {
    font-weight: 600;
    line-height: 20px;
    font-size: 1rem
}

.price__old {
    display: inline-block;
    vertical-align: top;
    font-weight: 400
}

.price__old-val {
    text-decoration: line-through
}

.price-economy {
    display: flex
}

.price .price-economy {
    margin-bottom: 2px
}

.price-economy__val {
    --economy-height: 21px;
    display: flex;
    align-items: center;
    background: #ffeb81;
    background: var(--sticker_color);
    padding: 1px 5px;
    border-radius: calc(var(--border-radius) - 2px);
    height: var(--economy-height)
}

.price--inline>div {
    display: inline-block;
    vertical-align: baseline
}

.bx-touch .table-scroller-wrapper__ear {
    display: none
}

@media (min-width:992px) {
    #table-scroller-wrapper.scroller {
        overflow-x: auto;
        overflow-y: hidden
    }

    .table-scroller-wrapper__ear {
        position: absolute;
        z-index: 6;
        margin-bottom: -80px;
        width: 36px;
        height: 160px;
        opacity: 0;
        -webkit-transition: opacity .3s ease, margin .3s ease, height .3s ease;
        -o-transition: opacity .3s ease, margin .3s ease, height .3s ease;
        transition: opacity .3s ease, margin .3s ease, height .3s ease;
        -webkit-transform: translate3d(0, 48px, 0);
        -ms-transform: translate3d(0, 48px, 0);
        transform: translate3d(0, 48px, 0);
        will-change: transform
    }

    .table-scroller-wrapper__ear:after,
    .table-scroller-wrapper__ear:before {
        content: "";
        width: 36px;
        height: 48px;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .table-scroller-wrapper__ear:before {
        background-color: #333;
        opacity: .4
    }

    .table-scroller-wrapper__ear:hover:before {
        background-color: var(--theme-base-color);
        opacity: 1
    }

    .table-scroller-wrapper__ear--right {
        right: 0;
        left: auto;
        margin-right: -36px
    }

    .table-scroller-wrapper__ear--right:after {
        background: url(/bitrix/templates/aspro-lite/css/blocks/../../images/svg/arrows/arrow-right-light.svg) center no-repeat
    }

    .table-scroller-wrapper__ear--right:before {
        border-radius: 4px 0 0 4px
    }

    .table-scroller-wrapper__ear--left {
        left: 0;
        margin-left: -36px
    }

    .table-scroller-wrapper__ear--left:after {
        background: url(/bitrix/templates/aspro-lite/css/blocks/../../images/svg/arrows/arrow-left-light.svg) center no-repeat
    }

    .table-scroller-wrapper__ear--left:before {
        border-radius: 0 4px 4px 0
    }

    #table-scroller-wrapper:hover .table-scroller-wrapper__ear.showing {
        opacity: 1
    }

    #table-scroller-wrapper:hover .table-scroller-wrapper__ear--left.showing {
        margin-left: 0
    }

    #table-scroller-wrapper:hover .table-scroller-wrapper__ear--right.showing {
        margin-right: 0
    }
}

@media (max-width:991px) {
    .table-scroller-wrapper__ear {
        display: none
    }
}

.social-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 0
}

.social-list--mt-15 {
    margin-top: 15px
}

.social-list--mt-30 {
    margin-top: 30px
}

.social-list__item {
    display: flex;
    align-items: center;
    margin: 0 10px
}

.social-list__item .svg {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.social-list .social-list__item * {
    fill: #b8b8b8
}

.sticker {
    position: absolute;
    z-index: 3;
    top: 0;
    left: -2px;
    display: flex;
    flex-wrap: wrap
}

.sticker--static {
    position: static
}

.sticker__item {
    --sticker_color: #0cbc3d;
    --sticker-height: 23px;
    padding: 1px 6px 1px 8px;
    margin: 0 2px 4px;
    color: #fff;
    background: #0cbc3d;
    background: var(--sticker_color);
    border-radius: 8px;
    border-radius: calc(var(--border-radius) - 2px);
    font-weight: 500;
    position: relative;
    height: var(--sticker-height);
    display: inline-flex;
    align-items: center
}

.sticker .sticker__item {
    line-height: var(--sticker-height);
    display: flex
}

.sticker__item:before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    box-shadow: 0 6px 12px var(--sticker_color);
    opacity: .2;
    border-radius: 8px;
    border-radius: var(--border-radius)
}

.sticker__item--bordered {
    color: #666;
    color: var(--lite_basic_text_black);
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    background: #fafafa;
    background: var(--light2_bg_black)
}

.sticker--upper .sticker__item {
    text-transform: uppercase;
    letter-spacing: 1.2px
}

.sticker__item--aktsiya,
.sticker__item--sale,
.sticker__item--stock {
    --sticker_color: #ffeb81;
    color: #222
}

.sticker__item--new,
.sticker__item--novinka {
    --sticker_color: #32cb5d
}

.sticker__item--hit,
.sticker__item--khit {
    --sticker_color: #ff6565
}

.sticker__item--recommend,
.sticker__item--sovetuem {
    --sticker_color: #a56ffd
}

.sticker__item--sale-text {
    --sticker_color: #e35689
}

.status-icon {
    position: relative;
    display: inline-block;
    color: #69be15;
    white-space: nowrap
}

.status-icon.nostock {
    color: #f91a35
}

.status-icon.order {
    color: #25a4f1
}

.status-icon.pending {
    color: #fc9e41
}

.btn-fast-view {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 4;
    opacity: 0;
    box-shadow: 0 5px 30px 0 rgba(34, 34, 34, .1);
    transition: opacity .3s ease
}

.btn-fast-view .btn {
    border: none;
    font-weight: 400
}

.btn-fast-view .btn:not(:hover) {
    background-color: rgba(255, 255, 255, .9);
    color: #222
}

.grid-list__item:hover .btn-fast-view {
    opacity: 1
}

@media (max-width:600px) {
    .sticker__item {
        --sticker-height: 19px
    }
}

#main .sticky-block {
    position: -webkit-sticky;
    position: sticky;
    z-index: 5;
    top: 32px
}

#main.fixed_y .sticky-block {
    top: 112px
}

#main .sticky-block--top-0 {
    top: 0
}

#main .sticky-block--show-N {
    position: static
}

.body.index .main>.container>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.drag-block[data-order="1"] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.drag-block[data-order="2"] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.drag-block[data-order="3"] {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.drag-block[data-order="4"] {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.drag-block[data-order="5"] {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.drag-block[data-order="6"] {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.drag-block[data-order="7"] {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.drag-block[data-order="8"] {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.drag-block[data-order="9"] {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.drag-block[data-order="10"] {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.drag-block[data-order="11"] {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.drag-block[data-order="12"] {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.drag-block[data-order="13"] {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.drag-block[data-order="14"] {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14
}

.drag-block[data-order="15"] {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.drag-block[data-order="16"] {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16
}

.drag-block[data-order="17"] {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17
}

.drag-block[data-order="18"] {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18
}

.drag-block[data-order="19"] {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19
}

.drag-block[data-order="20"] {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

.drag-block[data-order="21"] {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21
}

.drag-block[data-order="22"] {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22
}

.drag-block[data-order="23"] {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23
}

.drag-block[data-order="24"] {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24
}

.drag-block[data-order="25"] {
    -webkit-box-ordinal-group: 26;
    -ms-flex-order: 25;
    order: 25
}

.drag-block.container {
    position: relative
}

.bg-fix {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.index-block>[id^=bx_incl] {
    display: block
}

.index-block--padding-top-0>div {
    padding-top: 0
}

.index-block--padding-top-40>div {
    padding-top: 40px
}

.index-block--padding-top-80>div {
    padding-top: 80px
}

.index-block--padding-top-60>div {
    padding-top: 60px
}

.index-block--padding-top-130>div {
    padding-top: 130px
}

.index-block--padding-bottom-0>div {
    padding-bottom: 0
}

.index-block--padding-bottom-40>div {
    padding-bottom: 40px
}

.index-block--padding-bottom-80>div {
    padding-bottom: 80px
}

.index-block--padding-bottom-130>div {
    padding-bottom: 130px
}

.index-block--padding-top-40 .index-block--mt-dynamic {
    margin-top: -40px
}

.index-block--padding-top-80 .index-block--mt-dynamic {
    margin-top: -80px
}

.index-block--padding-top-130 .index-block--mt-dynamic {
    margin-top: -130px
}

.index-block--padding-bottom-40 .index-block--mb-dynamic {
    margin-bottom: -40px
}

.index-block--padding-bottom-80 .index-block--mb-dynamic {
    margin-bottom: -80px
}

.index-block--padding-bottom-130 .index-block--mb-dynamic {
    margin-bottom: -130px
}

@media (max-width:767px) {
    .index-block--padding-top-80>div {
        padding-top: 40px
    }

    .index-block--padding-top-130>div {
        padding-top: 40px
    }

    .index-block--padding-bottom-80>div {
        padding-bottom: 40px
    }

    .index-block--padding-bottom-130>div {
        padding-bottom: 40px
    }

    .index-block--padding-top-80 .index-block--mt-dynamic {
        margin-top: -40px
    }

    .index-block--padding-top-130 .index-block--mt-dynamic {
        margin-top: -40px
    }

    .index-block--padding-bottom-80 .index-block--mb-dynamic {
        margin-bottom: -40px
    }

    .index-block--padding-bottom-130 .index-block--mb-dynamic {
        margin-bottom: -40px
    }
}

@media (max-width:600px) {
    .index-block--padding-bottom-N .mobile-scrolled {
        margin-bottom: 0 !important
    }

    .index-block--padding-top-N .mobile-scrolled {
        margin-top: 0 !important
    }
}

.index-block--fon {
    background: #f8f8f8;
    background: var(--darkerblack_bg_black)
}

.index-block--delimiter>div {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--stroke_black)
}

.header-no-border .BIG_BANNER_INDEX .index-block--delimiter>div {
    border-bottom: none
}

.index-block__title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.index-block__title-wrapper--align-baseline {
    align-items: baseline
}

.index-block__part--center {
    flex: 1;
    text-align: center
}

.index-block__title-wrapper--mb-35 {
    margin-bottom: 35px
}

.index-block--mb-59 {
    margin-bottom: 59px
}

.index-block__title {
    font-size: 24px;
    line-height: 34px;
    margin: 0
}

.index-block .tab-nav-wrapper {
    margin-left: 50px
}

@media (min-width:992px) {
    .tariffs-list .index-block__title-wrapper--with-center-block .index-block__part--left {
        flex-basis: auto
    }
}

@media (max-width:991px) {
    .index-block__space-wrapper.flexbox {
        flex-direction: column
    }

    .index-block__title-wrapper--with-center-block .tab-nav {
        justify-content: normal
    }
}

@media (max-width:767px) {
    .index-block__title {
        font-size: 30px;
        line-height: 40px
    }
}

@media (max-width:600px) {
    .index-block__title {
        font-size: 20px;
        line-height: 30px
    }
}

.index-block__link-wrapper {
    display: flex;
    align-items: center
}

.index-block__link {
    height: 28px;
    font-size: 0;
    line-height: 28px;
    margin-left: 20px;
    background-color: rgba(136, 136, 136, .1);
    padding: 0 7px 0 8px;
    border-radius: 8px;
    border-radius: var(--border-radius)
}

.index-block__part--left {
    display: flex;
    align-items: center;
    position: relative
}

.index-block__part--right {
    display: flex;
    align-items: center;
    min-width: 0
}

@media (max-width:991px) {
    .index-block__part--right.visible-t991 {
        display: flex !important
    }
}

@media (min-width:992px) {
    .visible-t991 {
        display: none
    }
}

@media (max-width:767px) {
    .index-block__title-wrapper--with-center-block {
        flex-wrap: wrap
    }

    .index-block__title-wrapper--with-center-block .index-block__part--right {
        order: 2;
        flex-basis: 100%
    }

    .index-block__title-wrapper--with-center-block .tab-nav-wrapper {
        margin: 10px 0 0
    }
}

@media (max-width:600px) {
    .index-block__title-wrapper.index-block__title-wrapper--align-baseline {
        align-items: center
    }

    .index-block--mb-59,
    .index-block__title-wrapper.index-block__title-wrapper--mb-52 {
        margin-bottom: 18px
    }

    .index-block__title-wrapper.index-block__title-wrapper--mb-35 {
        margin-bottom: 16px
    }

    .index-block__link {
        margin-left: 13px
    }
}

.index-block__arrow {
    font-size: 0;
    vertical-align: middle;
    line-height: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 3px
}

.index-block__arrow .svg {
    top: 0
}

.index-block__arrow svg * {
    stroke: #333;
    stroke: var(--white_text_black)
}

.index-block__nav {
    margin-left: 20px
}

.index-block__nav.disabled {
    display: none
}

.index-block__nav button {
    border: none;
    background: no-repeat;
    padding: 0
}

.index-block__nav .owl-carousel__button {
    height: 36px;
    width: 36px;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, .1)
}

.index-block__nav button.disabled .owl-carousel__button {
    background: #fff
}

.index-block__nav .owl-carousel__button:not(:hover) * {
    stroke: #333
}

.index-block__nav .owl-carousel__button--right {
    transform: rotate(180deg);
    margin-left: 8px
}

.index-block__nav .owl-carousel__button--right svg {
    margin-left: -1px
}

@media (max-width:767px) {
    .index-block__nav {
        display: none
    }
}

.fill_bg_n .drag-block.container.noborder {
    border-top: none
}

.fill_bg_n .drag-block.container.noborder .item-views {
    border-top: 1px solid #f2f2f2
}

div.TEASERS_INDEX:not(.hidden)+div.NEWS_INDEX,
div[data-class=BIG_BANNER_INDEX_drag]+div[data-class=TEASERS_INDEX_drag],
div[data-class=BIG_BANNER_INDEX_drag][data-order="1"] {
    border-top-width: 0
}

body.tizersPadding0 div[data-class=BIG_BANNER_INDEX_drag]:not(.hidden)+div[data-class=TEASERS_INDEX_drag][data-order="2"] .tizers_block2 {
    padding-top: 0
}

.fill_bg_n div.TEASERS_INDEX:not(.hidden)+div.NEWS_INDEX .item-views {
    border-top: 1px solid #f2f2f2
}

.styled-block.front {
    margin-bottom: 56px
}

.styled-block.front h2 {
    margin-bottom: 15px;
    margin-top: -1px
}

.item-views.catalog.blocks {
    padding-bottom: 0
}

.wo-tizers .item-views.blocks {
    padding-top: 0
}

.item-views.blocks h3,
.item-views.blocks h3.title {
    padding: 0 0 34px;
    margin: 0;
    font-size: 1.733em;
    font-weight: 700;
    display: inline-block;
    position: relative
}

.COMPANY_INDEX h3 {
    font-size: 1.733em
}

.item-views.blocks h3.line:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 50px;
    background: #dedede;
    height: 3px
}

.item-views.blocks .title_block {
    clear: both
}

.item-views.blocks .title_block .right_link_block {
    float: right;
    position: relative;
    z-index: 1
}

.row.block-with-bg .item-views:not(.catalog) h3,
.row.block-with-bg+.row .item-views.blocks h3 {
    padding-top: 86px
}

.float-banners .title_block+.items .text-block {
    color: #777;
    padding-top: 35px
}

.float-banners.v2 .items .item {
    background: #fff;
    padding: 30px 30px 36px;
    margin-bottom: 0
}

.float-banners.v2 .items.indent2.flexbox .item {
    height: 100%
}

.float-banners.v2 .items.indent2.flexbox>div {
    margin-bottom: 4px
}

.float-banners.v2 .items .item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 2px;
    background: #ddd;
    transition: right ease .3s
}

.float-banners.v2 .items .item .img {
    margin-bottom: 17px
}

.float-banners .items .item .title {
    font-weight: 700;
    font-size: 1.2em;
    padding: 0 0 0
}

.float-banners .items .item .preview_text {
    color: #666;
    font-size: .933em;
    padding: 0 0 0;
    line-height: 21px
}

body .items .item:hover .title a.colored {
    color: #333
}

.float-banners.v2 .items .item:hover:after {
    right: 0
}

.float-banners.v3 .items .item {
    box-shadow: none;
    margin-bottom: 32px
}

.float-banners.v3 .items .item .img {
    height: 0;
    position: relative;
    padding-bottom: 66%;
    margin-bottom: 16px;
    overflow: hidden
}

.float-banners.v3 .items .item .title {
    font-size: 1.067em;
    margin-bottom: 4px
}

.float-banners.v3.list {
    overflow: hidden
}

.float-banners.v3.list .items .item .img {
    float: left;
    width: 120px;
    height: 120px;
    padding: 0;
    border-radius: 100%
}

.float-banners.v3.list .items .item .img .img_block {
    border-radius: 100%
}

.float-banners.v3.list .items .item .title {
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis
}

.float-banners.v3.list .items .item .preview_text {
    overflow: hidden;
    text-overflow: ellipsis
}

.float-banners.v3.list .items .item .img+.text-wrapper {
    padding-left: 148px;
    padding-top: 8px
}

.float-banners.v3.list .items .items {
    margin-top: -1px;
    margin-right: -1px !important;
    margin-left: -30px !important
}

.float-banners.v3.list>.items>div {
    overflow: hidden
}

.float-banners.v3.list .items .items>div {
    border-top: 1px solid #f2f2f2;
    padding: 0 0 0 30px
}

.float-banners.v3.list .items .item {
    margin: 0;
    padding: 30px 20px 29px 0
}

.float-banners.v3.list .items .item:after {
    content: "";
    background: #f2f2f2;
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    bottom: 0
}

.index-block__link:hover {
    color: var(--theme-base-color)
}

iframe.waitwindowlocal {
    position: absolute;
    border: 0;
    z-index: 9999
}

div.waitwindowlocal {
    position: absolute;
    width: 25px;
    height: 25px;
    padding: 0;
    z-index: 10000;
    background-color: #fcf7d1;
    border: 1px solid #e1b52d;
    background-image: url(https://diz.ukravtoline.com.ua/d/p/wait.gif);
    background-position: center center;
    background-repeat: no-repeat
}

div.waitwindowlocalshadow {
    position: absolute;
    z-index: 9998;
    background-image: url(https://diz.ukravtoline.com.ua/d/p/shadow.gif);
    border: 1px solid #808080
}

.item-action--horizontal {
    display: inline-flex
}

.item-action.active svg * {
    fill: var(--fill_dark_lite_hover)
}

.item-action.active .svg {
    opacity: 1
}

.item-action__inner {
    --item-action-width: 38px;
    --item-action-height: 35px;
    width: 38px;
    width: var(--item-action-width);
    height: 35px;
    height: var(--item-action-height);
    display: flex;
    align-items: center;
    justify-content: center
}

.item-action__inner--md {
    --item-action-height: 42px
}

.item-action__inner .svg {
    transition: opacity .1s ease;
    opacity: .35
}

.item-action__inner--md {
    --item-action-width: 42px;
    --item-action-height: 42px
}

@media (hover:hover) {
    .item-action__inner:hover .svg {
        opacity: 1
    }
}

@media (max-width:600px) {
    .item-action__inner--sm-to-600 {
        --item-action-width: 38px;
        --item-action-height: 34px
    }
}

.notice-surface {
    position: fixed;
    z-index: 3000;
    right: 32px;
    top: 28px;
    max-width: calc(100% - 64px);
    max-height: calc(100vh - 56px);
    display: flex;
    flex-direction: row
}

.notice-surface--left {
    left: 32px;
    right: auto
}

.notice-surface--reverse {
    bottom: 28px;
    top: auto
}

@media (max-width:991px) {
    .notice-surface {
        max-width: calc(100% - 32px)
    }

    .notice-surface--right {
        right: 16px
    }

    .notice-surface--left {
        left: 16px
    }

    .mfixed_y .notice-surface {
        top: 74px
    }

    .bottom-icons-panel_y .notice-surface--reverse {
        bottom: 72px
    }
}

.notice-surface__inner {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    position: relative;
    min-width: 0
}

.notice-surface--reverse .notice-surface__inner {
    display: flex;
    flex-direction: column
}

.notice {
    min-width: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    background: #fff;
    background: var(--black_bg_black);
    border-radius: var(--theme-outer-border-radius);
    position: relative;
    width: 346px;
    max-width: 100%;
    transition: transform .1s linear;
    flex-shrink: 0;
    margin: 4px 0
}

@media (max-width:320px) {
    .notice {
        word-break: break-all
    }
}

.notice--link {
    cursor: pointer
}

.notice--hidden {
    display: none !important;
    margin: 0
}

.notice__closer {
    width: 38px;
    height: 38px;
    position: absolute;
    top: -1px;
    right: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer
}

.notice__inner {
    padding: 20px
}

.notice__image {
    height: 60px;
    width: 60px
}

.notice__image img {
    max-height: 100%;
    max-width: 100%
}

.notice .line-block__item+.line-block__item {
    align-self: center
}

.notice .line-block__item+.line-block__item .notice__title:first-child {
    margin-top: -7px;
    color: #222;
    color: var(--white_text_black);
    font-weight: 700
}

.notice .line-block__item+.line-block__item .notice__detail:first-child {
    margin-top: -3px
}

.notice__title+.notice__detail {
    margin-top: 4px
}

.notice__detail__more {
    margin-top: 6px
}

.notice-surface--right .animate--notice-show {
    -webkit-animation: animate--notice-show--right .4s linear;
    -ms-animation: animate--notice-show--right .4s linear;
    animation: animate--notice-show--right .4s linear;
    right: 0
}

@-webkit-keyframes animate--notice-show--right {
    from {
        right: calc(-100% - 32px)
    }

    50% {
        right: 32px
    }

    to {
        right: 0
    }
}

@-ms-keyframes animate--notice-show--right {
    from {
        right: calc(-100% - 32px)
    }

    50% {
        right: 32px
    }

    to {
        right: 0
    }
}

@keyframes animate--notice-show--right {
    from {
        right: calc(-100% - 32px)
    }

    50% {
        right: 32px
    }

    to {
        right: 0
    }
}

.notice-surface--left .animate--notice-show {
    -webkit-animation: animate--notice-show--left .6s linear;
    -ms-animation: animate--notice-show--left .6s linear;
    animation: animate--notice-show--left .6s linear;
    left: 0
}

@-webkit-keyframes animate--notice-show--left {
    from {
        left: calc(-100% - 32px)
    }

    50% {
        left: 32px
    }

    to {
        left: 0
    }
}

@-ms-keyframes animate--notice-show--left {
    from {
        left: calc(-100% - 32px)
    }

    50% {
        left: 32px
    }

    to {
        left: 0
    }
}

@keyframes animate--notice-show--left {
    from {
        left: calc(-100% - 32px)
    }

    50% {
        left: 32px
    }

    to {
        left: 0
    }
}

.animate--notice-hide {
    height: 0 !important;
    opacity: 0 !important;
    margin: 0 !important;
    transition: transform .1s linear, opacity .3s ease-in-out .1s, height .3s linear .4s, margin .3s linear .4s
}

.animate--notice-hide .notice__closer {
    display: none
}

.animate--notice-click {
    transform: scale(.95)
}



a.scroll-to-top {
    -moz-transition: opacity .3s ease, visibility .3s ease, background-color .1s ease;
    -ms-transition: opacity .3s ease, visibility .3s ease, background-color .1s ease;
    -o-transition: opacity .3s ease, visibility .3s ease, background-color .1s ease;
    -webkit-transition: opacity .3s ease, visibility .3s ease, background-color .1s ease;
    transition: opacity .3s ease, visibility .3s ease, background-color .1s ease;
    position: fixed;
    text-align: center;
    text-decoration: none;
    display: block;
    background: #9e9e9e url(https://diz.ukravtoline.com.ua/d/p/scroll.svg) no-repeat scroll center center;
    background-color: var(--theme-base-color);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    right: 73px;
    left: inherit;
    bottom: 23px;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

a.scroll-to-top.visible {
    opacity: 1;
    visibility: visible
}

a.scroll-to-top.RECT_WHITE,
a.scroll-to-top.ROUND_WHITE {
    background-color: #fff
}

a.scroll-to-top.RECT_GREY,
a.scroll-to-top.ROUND_GREY {
    background-color: #e3e3e3
}

a.scroll-to-top.RECT_COLOR,
a.scroll-to-top.RECT_GREY,
a.scroll-to-top.RECT_WHITE {
    border-radius: 2px;
    border-radius: var(--border-radius)
}

a.scroll-to-top.TOUCH {
    border-radius: 2px 0 0 2px;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    width: 50px;
    height: 50px;
    right: 0
}

a.scroll-to-top.RECT_COLOR,
a.scroll-to-top.ROUND_COLOR {
    background-position: center 14px
}

a.scroll-to-top.RECT_GREY,
a.scroll-to-top.RECT_WHITE,
a.scroll-to-top.ROUND_GREY,
a.scroll-to-top.ROUND_WHITE {
    background-position: center -70px
}

a.scroll-to-top.RECT_COLOR.TOUCH {
    background-position: center 17px
}

a.scroll-to-top.RECT_GREY.TOUCH,
a.scroll-to-top.RECT_WHITE.TOUCH {
    background-position: center -67px
}

a.scroll-to-top.CONTENT {
    left: 50%;
    margin-left: 512px
}

a.scroll-to-top:hover {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    background-position: center 14px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

.header-menu__wrapper {
    display: flex;
    height: 45px
}

.header-menu--centered .header-menu__wrapper {
    justify-content: center
}

.header-menu.header-menu--left .header-menu__wrapper {
    justify-content: left
}

.header-menu__item {
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.header-menu__link {
    padding: 0 13px
}

.header-menu--height_50 .header-menu__item,
.header-menu--height_50 .header-menu__wrapper {
    height: 50px
}

.header-menu__item--more-items {
    display: none;
    opacity: 0;
    margin-right: 0;
    cursor: pointer
}

.header-menu__item--more-items:hover>.header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__item--more-items .header-menu__item,
.header-menu__item--more-items .header-menu__title {
    height: auto;
    font-size: .9375rem;
    line-height: calc(1em + 7px)
}

.header-menu__item--more-items .header-menu__wide-submenu-right-arrow svg {
    transform: rotate(270deg)
}

#main .header-menu__item--more-items .header-menu__link {
    color: #333;
    color: var(--white_text_black);
    opacity: 1
}

.header-menu__item--more-items .header-menu__dropdown-menu-inner {
    padding: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu {
    position: absolute;
    right: calc(100% + 8px);
    left: auto;
    top: -8px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu.dropdown {
    top: -8px
}

.header-menu__more-items-list .header-menu__link {
    padding: 9px 16px 10px 16px
}

.header-menu__item--more-items .dropdown-submenu:hover>.header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

body.menu_lowercase_n .header-menu__title {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: .08em
}

body.menu_lowercase_n .header-menu__dropdown-menu .header-menu__title {
    text-transform: none;
    font-size: 1em;
    line-height: calc(1em + 7px);
    letter-spacing: 0
}

.header-menu__link {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.active>.header-menu__link>.svg use {
    fill: var(--fill_dark_lite_hover)
}

.header-menu__dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    transition-delay: .2s
}

.header-menu__dropdown-menu.dropdown {
    min-width: 240px
}

.header-menu__item--more-items>.header-menu__dropdown-menu.dropdown {
    left: -30px
}

.header-menu__dropdown-menu>.dropdown {
    min-width: 240px;
    padding: 17px 0;
    left: -29px
}

.header-menu__dropdown-item {
    margin: 0
}

.header-menu__dropdown-item.active>a {
    color: var(--white_text_black)
}

.header-menu__arrow {
    margin-left: 7px;
    color: #333
}

.header-menu__dropdown-item--with-dropdown:hover>.header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__dropdown-item--with-dropdown>a {
    padding-right: 30px
}

.header-menu__wrapper .header-menu__dropdown-menu--submenu {
    position: absolute;
    left: calc(100% + 8px);
    top: -8px
}

.header-menu__dropdown-menu .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu {
    z-index: 2
}

.svg.header-menu__dropdown-right-arrow {
    position: absolute;
    top: calc(1em + 5px);
    transform: translateY(-50%) rotate(270deg);
    right: 16px
}

.header-menu__item--dropdown:hover>.header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__dropdown-menu-inner {
    margin-bottom: 0
}

body .header-menu__wrapper .dropdown-menu-inner {
    overflow: visible;
    margin-bottom: 0
}

.header-menu__wide-limiter {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px
}

.header-menu__wide-right-part {
    width: 240px;
    position: sticky;
    top: 0
}

.header-menu__wide-right-part+.header-menu__dropdown-menu--grids {
    width: calc(100% - 280px)
}

@media (max-width:1500px) {
    .header-menu--bottom-1500 {
        position: absolute;
        top: calc(100% + 1px);
        left: -32px;
        right: -32px;
        border-bottom: 1px solid #e5e5e5
    }

    .header--offset .header-menu--bottom-1500 {
        left: 0;
        right: 0
    }

    .header--narrow.header--offset .header-menu--bottom-1500 {
        border-bottom: none;
        box-shadow: 0 3px 7px rgba(0, 0, 0, .05);
        border-radius: 0 0 4px 4px
    }

    .header-menu--bottom-1500.header-menu--color_dark {
        background-color: #333
    }

    .header-menu--bottom-1500.header-menu--color_light {
        background-color: #fff
    }

    .header-menu--bottom-1500.header-menu--color_gray {
        background-color: #fafafa
    }
}

@media (max-width:1200px) {
    .header-menu--bottom-1200 {
        position: absolute;
        top: 100%;
        left: -32px;
        right: -32px;
        border-bottom: 1px solid #e5e5e5
    }

    .header-menu--color_dark.header-menu--bottom-1200 {
        border-bottom: 1px solid #00000012
    }

    .header-menu--color_colored.header-menu--bottom-1200 {
        border-bottom: 1px solid #ffffff1a
    }

    .header--offset .header-menu--bottom-1200 {
        left: 8px;
        right: 8px
    }

    .header--narrow.header--offset .header-menu--bottom-1200 {
        left: 32px;
        right: 32px
    }

    .header--offset:not(.header--narrow) .header-menu--bottom-1200 {
        left: -24px;
        right: -24px
    }

    .header--offset .header-menu--bottom-1200 {
        border-bottom: none;
        border-top: 1px solid #e5e5e5;
        box-shadow: 0 3px 7px rgba(0, 0, 0, .05);
        border-radius: 0 0 4px 4px
    }

    .header--offset .header-menu--color_dark.header-menu--bottom-1200 {
        border-top: 1px solid #00000012
    }

    .header--offset .header-menu--color_colored.header-menu--bottom-1200 {
        border-top: 1px solid #ffffff1a
    }

    .header-menu--bottom-1200.header-menu--color_dark {
        background-color: #333
    }

    .header-menu--bottom-1200.header-menu--color_light {
        background-color: #fff
    }

    .header-menu--bottom-1200.header-menu--color_gray {
        background-color: #fafafa
    }
}

.side_banners__item {
    overflow: hidden
}

.side_banners__item-img {
    width: 100%;
    height: 310px;
    background-size: cover !important
}

.side_banners__item-date {
    color: #999;
    margin-top: 12px
}

.header-menu__item--wide {
    position: static
}

.header-menu__item--wide>.header-menu__dropdown-menu {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 100%;
    padding-top: 1px
}

.header-menu__wide-limiter {
    max-height: 520px
}

.menu-dropdown-offset .header-menu__item--wide>.header-menu__dropdown-menu {
    top: calc(100% + 12px)
}

.header-menu__wrapper>.header-menu__item--wide .dropdown-menu-inner {
    overflow: hidden
}

@media (max-height:800px) {
    .header-menu__wide-limiter {
        max-height: calc(80vh - 100px)
    }
}

.header-menu__item--wide .header-menu__dropdown-menu>.dropdown {
    padding: 0;
    left: 0
}

.header-menu__dropdown-menu--grids {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 32px;
    width: 100%
}

.header--narrow .header-menu__dropdown-menu--grids {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

html.bx-ie .header-menu__dropdown-menu--grids {
    display: flex;
    flex-wrap: wrap
}

html.bx-ie .header-menu__item--wide .header-menu__dropdown-item {
    padding: 40px;
    width: 25%
}

@media (max-width:1200px) {
    html.bx-ie .header-menu__item--wide .header-menu__dropdown-item {
        padding: 24px;
        width: 33%
    }
}

.header-menu__item--wide .header-menu__dropdown-item {
    padding: 0;
    display: flex;
    flex-direction: column
}

.header-menu__item--wide .header-menu__dropdown-item--img-LEFT {
    flex-direction: row
}

.header-menu__wide-submenu-item--more_items {
    padding-left: 0;
    margin: 0;
    cursor: pointer
}

.header-menu__wide-submenu-item--more_items .with_dropdown {
    position: relative
}

.header-menu__wide-submenu-item--more_items.opened svg {
    transform: rotate(180deg) translateY(2px)
}

.header-menu__wide-item-wrapper {
    overflow: hidden;
    white-space: normal
}

.header-menu__dropdown-item--centered {
    align-items: center
}

.header-menu__dropdown-item--centered.header-menu__dropdown-item--img-TOP {
    justify-content: center
}

.header-menu__dropdown-item--centered .header-menu__dropdown-item-img--TOP {
    justify-content: center
}

.header-menu__dropdown-item--img-LEFT .header-menu__wide-item-wrapper {
    margin-top: -4px
}

.header-menu__dropdown-item-img {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

.header-menu__dropdown-item-img--LEFT {
    margin-right: 24px;
    flex-shrink: 0
}

.header-menu__dropdown-item-img--TOP {
    margin-bottom: 12px;
    width: auto;
    justify-content: flex-start
}

.header-menu__dropdown-item-img .svg svg {
    max-height: 40px;
    max-width: 40px
}

.header-menu__dropdown-item-img-inner {
    position: relative;
    width: auto;
    height: 56px;
    overflow: hidden
}

.header-menu__wide-submenu {
    padding-top: 6px;
    margin-bottom: 0
}

.header-menu__wide-submenu .header-menu__wide-submenu {
    margin-left: 12px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-top: 5px
}

.header-menu__wide-submenu-item {
    padding: 3px 0;
    margin: 0;
    line-height: calc(1em + 5px)
}

.header-menu__wide-submenu .header-menu__wide-submenu-item {
    padding: 2px 0 4px
}

.header-menu__wide-submenu-item.active>.header-menu__wide-submenu-item-inner>a>.header-menu__wide-submenu-item-name {
    font-weight: 700;
    color: #333;
    color: var(--white_text_black)
}

.header-menu__wide-submenu-item-inner .toggle_block {
    display: inline-block;
    position: static;
    transform: translateX(-17px);
    width: 0
}

body .header-menu__wide-submenu-right-arrow.menu-arrow {
    top: 5px;
    right: 6px
}

.header-menu-side__wide-submenu-item--more_items:hover .menu-arrow,
.header-menu__wide-submenu-item--more_items:hover .menu-arrow,
.header-menu__wide-submenu-item-inner .toggle_block:hover .menu-arrow {
    background-color: #9e9e9e;
    background-color: var(--theme-base-opacity-color)
}

.header-menu__wide-submenu-item-inner.opened .menu-arrow.svg {
    transform: rotate(180deg)
}

.header-menu__wide-submenu-item-inner {
    display: inline;
    position: relative
}

.header-menu__wide-item-description {
    color: #666;
    margin-top: 3px
}

.header-menu__item--wide>.header-menu__dropdown-menu {
    padding-top: 0
}

.header-menu__item--wide>.header-menu__dropdown-menu>.dropdown-menu-inner {
    max-width: 100%
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item-img {
    display: none
}

.header-menu__item--more-items .header-menu__wide-limiter.scrollbar {
    max-height: none;
    overflow: visible
}

.header-menu__item--more-items .header-menu__dropdown-menu .maxwidth-theme {
    padding: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    transition-delay: .2s;
    position: absolute;
    right: calc(100% + 8px);
    top: -8px;
    background: #fff;
    background: var(--card_bg_black);
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    padding: 8px;
    margin: 0;
    min-width: 240px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown:hover>.header-menu__wide-item-wrapper>.header-menu__wide-submenu {
    opacity: 1;
    visibility: visible
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu-item-inner {
    position: static
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown:hover .header-menu__wide-submenu-item-inner .submenu-wrapper .header-menu__wide-submenu {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    margin-left: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown .header-menu__wide-submenu-item-inner .submenu-wrapper {
    display: block !important
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown .header-menu__wide-submenu-item-inner .toggle_block {
    display: none
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .switcher-title {
    font-family: inherit
}

.header-menu__wide-submenu-right-arrow.only_more_items {
    display: none
}

.header-menu__item--more-items .header-menu__wide-submenu-right-arrow.only_more_items {
    display: block;
    padding-left: 7px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids {
    display: block
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-limiter {
    padding: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide {
    position: relative
}

.header-menu__item--more-items .header-menu__wide-item-wrapper {
    width: 100%;
    margin-top: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-right-part {
    display: none
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids {
    width: 100%
}

.header-menu__item--more-items .header-menu__wide-child-link:not(:hover) {
    color: #333;
    color: var(--white_text_black)
}

.header-menu__item--more-items li.active>a,
.header-menu__item--more-items li.active>div>a,
.header-menu__item--more-items li.active>span>a {
    color: var(--white_text_black);
    border-radius: var(--border-radius);
    cursor: default;
    background: var(--darkgrey_bg_black);
    font-weight: 400
}

.header-menu__item--more-items li.active:hover>a {
    color: var(--white_text_black)
}

.header-menu__item--more-items .header-menu__dropdown-menu {
    --banner-light-text: var(--fill_dark_light);
    --banner-light-text-hover: var(--fill_dark_lite_hover)
}

.header-menu__item--more-items .header-menu__dropdown-menu.scrollbar {
    overflow: visible
}

.header-menu__item--more-items .header-menu__wide-child-link {
    padding: 9px 16px 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: .9375rem;
    line-height: calc(1em + 7px)
}

.header-menu__item--more-items .header-menu__wide-submenu-item {
    padding: 0
}

.header-menu .header-menu__wide-submenu-item--more_items .menu-arrow svg {
    position: static
}

.header-menu .header-menu__wide-submenu-item--more_items .with_dropdown {
    padding-right: 20px
}

.header-menu__item--dropdown .header-menu__title {
    padding-right: 7px
}

.header-menu__link--only-catalog>.header-menu__title {
    padding-right: 0;
    padding-left: 16px;
    font-size: 1.06667em;
    font-weight: 600
}

.header-menu__item .header-menu__link--only-catalog~.header-menu__dropdown-menu {
    opacity: 0;
    visibility: hidden
}

.header-menu__item .header-menu__link--only-catalog.opened~.header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__link--only-catalog~.header-menu__dropdown-menu {
    transition-delay: 0s
}

.header-menu__link--only-catalog .svg {
    padding-bottom: 1px
}

.header-menu__wrapper .menu-arrow.svg {
    position: static;
    width: 17px;
    height: 16px;
    text-align: center;
    line-height: 11px
}

.menu-arrow.svg {
    position: absolute;
    right: 18px;
    top: 21px;
    width: 15px;
    height: 14px;
    text-align: center;
    line-height: 8px;
    border-radius: 3px;
    margin: 0
}

.menu-arrow.svg svg {
    display: inline-block
}

.active>.menu-arrow-wrapper>.menu-arrow {
    transform: rotate(180deg)
}

.header-menu__many-items {
    width: 100%
}

.long-menu-items .parent-items:not(.parent-items--active) {
    display: none
}

.header-menu__wide-right-part+.header-menu__many-items {
    width: calc(100% - 280px)
}

.long-menu-items .header-menu__wide-limiter {
    max-height: 630px;
    height: 630px;
    padding: 33px 40px 40px 40px
}

.menu-navigation__scroll {
    max-height: 630px
}

.parent-items__info {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start
}

.parent-items__item-arrow {
    height: 28px;
    width: 28px;
    margin-left: 14px;
    background-color: rgba(136, 136, 136, .1);
    padding: 0 7px 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.parent-items__item-arrow svg * {
    stroke: #333;
    stroke: var(--white_text_black)
}

.parent-items__item-title {
    margin-bottom: 28px
}

.menu-navigation {
    display: flex;
    height: 630px
}

body .menu-navigation__sections-wrapper {
    overflow: hidden;
    flex-direction: column;
    width: 312px;
    height: 100%;
    flex-shrink: 0;
    border-right: 1px solid var(--stroke_black)
}

.menu-navigation__sections {
    padding: 20px 16px 20px 16px;
    width: 100%
}

body .menu-navigation__sections .menu-navigation__sections-item-link {
    white-space: normal
}

.menu-navigation__sections-item-link {
    padding: 9px 33px 10px 16px;
    position: relative;
    display: block
}

.menu-navigation__sections-item-link .svg-inline-right {
    position: absolute;
    right: 20px;
    top: 17px
}

.menu-navigation__sections-item-link .image {
    display: table-cell
}

.menu-navigation__sections-item-link .image img {
    width: 30px
}

.menu-navigation__sections-item-link .image .svg svg {
    width: 30px;
    height: 30px
}

.menu-navigation__sections-item-link .image+.name {
    padding-left: 13px;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 1px
}

.menu-navigation__sections-item-link--image.menu-navigation__sections-item-link {
    padding-top: 6px;
    padding-bottom: 12px
}

.menu-navigation__content {
    flex-grow: 1;
    padding: 0
}

.menu-navigation__sections-item-link--active {
    background: var(--darkgrey_bg_black)
}

.menu-navigation__content .header-menu__dropdown-menu-inner {
    width: 100%
}

.header-menu__item--more-items .long-menu-items {
    display: none
}

.theme-selector {
    height: 24px;
    line-height: 24px;
    cursor: pointer
}

.header_opacity .theme-selector {
    border-color: rgba(255, 255, 255, .1)
}

.theme-selector__inner {
    height: 100%
}

.theme-selector__items {
    display: flex;
    flex-direction: row;
    height: 100%
}

.theme-selector__item {
    flex: 1;
    width: 34px;
    height: 100%;
    background-color: #fff;
    background-color: var(--black_bg_black);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px
}

.header_opacity .theme-selector__item {
    background-color: transparent
}

.theme-selector__item-icon {
    opacity: .5;
    display: flex;
    align-items: center;
    justify-content: center
}

.theme-selector__item.current {
    background-color: #f4f4f4;
    background-color: var(--light, #f4f4f4) var(--dark, #343434)
}

.header_opacity .theme-selector__item.current {
    background-color: rgba(255, 255, 255, .1)
}

.theme-selector__item.current .theme-selector__item-icon {
    opacity: 1
}

.theme-selector:hover .theme-selector__item-icon {
    opacity: 1
}

.theme-selector__item-icon svg * {
    fill: #222;
    fill: var(--fill_dark_light);
    stroke: none
}

.header_opacity .theme-selector__item-icon svg * {
    fill: var(--banner-light-text)
}

.inline-search-block {
    position: absolute;
    right: 0;
    top: -150px;
    width: 100%;
    z-index: 1000;
    transition: all ease .3s;
    background: #fff;
    background: var(--black_bg_black)
}

.inline-search-block.show {
    top: 0
}

.inline-search-block.fixed {
    position: fixed;
    z-index: 2999
}

.inline-search-block--big .search .search-button-div {
    right: -22px
}

.inline-search-block--big .search .btn-search {
    padding: 0 12px
}

.inline-search-block--big .search .search-input {
    color: #666;
    color: var(--lite_basic_text_black);
    display: block;
    height: 130px;
    padding: 0 50px 0 0;
    font-size: 28px;
    width: 100%;
    background: #fff;
    background: var(--black_bg_black);
    border: none;
    border-radius: 0;
    line-height: 36px
}

.inline-search-block--big input::-webkit-input-placeholder {
    color: #d9d9d9
}

.inline-search-block--big input::-moz-input-placeholder {
    color: #d9d9d9
}

.inline-search-block--big input::-ms-input-placeholder {
    color: #d9d9d9
}

.inline-search-block--big input::-o-input-placeholder {
    color: #d9d9d9
}

.inline-search-block--big .search .search-button-div {
    position: static;
    display: flex;
    flex-shrink: 0;
    align-items: center
}

.inline-search-block--big form.search {
    display: flex
}

.inline-search-block--big .top-close.inline-search-hide {
    position: static;
    transform: translateX(4px)
}

.search-icon-before {
    display: flex;
    align-items: center;
    width: 40px;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0
}

.inline-search-block--cover {
    transition: none;
    display: none
}

.inline-search-block--cover.show {
    bottom: 0;
    display: block
}

.inline-search-block--cover .search-wrapper {
    max-width: 991px;
    margin: 152px auto 0
}

.inline-search-block--cover .search-title {
    padding-bottom: 37px
}

.inline-search-block--cover .search .search-input {
    height: 48px
}

.inline-search-block--cover .search .search-input:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .015) inset;
    border-color: #999
}

div.title-search-result {
    margin-left: 1px;
    margin-top: 2px;
    display: none;
    overflow: visible;
    z-index: 100;
    padding: 0;
    border: none;
    position: absolute;
    border-radius: 8px;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 -1px 0 var(--stroke_black), 0 20px 20px rgba(0, 0, 0, .1)
}

.title-search-input-fixed:not(.title-type-cover) {
    width: 100% !important;
    left: 0 !important;
    margin-left: 0
}

.searche-result {
    background-color: #fff;
    background-color: var(--card_bg_black);
    max-height: 350px;
    overflow: auto;
    padding: 12px 8px 0
}

.searche-result__item {
    display: block;
    padding: 9px 12px
}

.searche-result__item:hover {
    background: #f4f4f4;
    background: var(--darkgrey_bg_black)
}

.searche-result__item-image {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    align-self: start;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: #fff
}

.searche-result__item-image img {
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.searche-result__inner {
    align-items: center
}

.searche-result__item--find {
    padding: 23px 0 24px
}

.title-search-result .item-parent {
    color: #999;
    font-weight: 400;
    line-height: calc(1em + 4px)
}

header .search .search-input {
    padding-right: 108px
}

.search .dropdown-select.searchtype {
    margin: 0 16px 0 0;
    width: 68px
}

.search .dropdown-select.searchtype .dropdown-select__title {
    justify-content: center
}

.search .dropdown-select.searchtype .dropdown-select__title>span {
    width: 55px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis
}

.search.search--hastype .btn-clear-search {
    margin: 0 16px 0 0
}

.search.search--hastype .search-input {
    padding-right: 182px
}

.searche-result__all {
    padding: 12px 8px;
    background-color: #fff;
    background-color: var(--card_bg_black)
}

.all_result_title {
    font-weight: 600
}

.search-button-div {
    display: flex;
    align-items: center
}

.btn-clear-search {
    background: var(--darkgrey_bg_black);
    padding: 7px;
    height: 23px;
    line-height: 0;
    border-width: 0;
    margin-right: 20px;
    display: none
}

.title-search-price .price {
    font-weight: 500
}

.search:focus-within .btn-search {
    background-color: var(--theme-base-color)
}

.search:focus-within .btn-search use {
    fill: #fff
}

body .search:focus-within .btn-search:hover {
    opacity: 1
}

.search .search-input:focus {
    border-color: #fff;
    border-color: var(--card_bg_black);
    box-shadow: 0 5px 30px rgba(34, 34, 34, .1)
}

.title-search-price {
    transform: translateY(-4px)
}

@media (max-width:600px) {
    .inline-search-block--cover .search-wrapper {
        margin-top: 24px
    }

    .inline-search-block--cover .search-title,
    .inline-search-block.fixed .btn-search {
        display: none
    }

    #title-search-fixed .top-close {
        top: 22px;
        right: 22px
    }

    .inline-search-block.fixed #title-search-fixed .top-close {
        top: 19px
    }

    .inline-search-block--cover #title-search-fixed .top-close {
        top: 25px;
        right: 25px
    }

    .inline-search-block.fixed.inline-search-block--big .search .search-input {
        height: 85px;
        font-size: 1em
    }

    .inline-search-block--big .search .search-input {
        padding-right: 10px
    }
}

.search-wrapper .bx_item_block {
    position: relative
}

.drag-scroll {
    position: relative;
    z-index: 0
}

.drag-scroll__content-wrap {
    overflow: hidden
}

.drag-scroll__content {
    position: relative;
    width: 100%;
    overflow: visible;
    white-space: nowrap;
    transition: transform 0s;
    will-change: transform;
    user-select: none;
    z-index: 1
}

.drag-scroll--scrollable .drag-scroll__content {
    cursor: pointer
}

.drag-scroll--scrollable.drag-scroll--active,
.drag-scroll--scrollable.drag-scroll--active * {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.drag-scroll__arrows {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.drag-scroll__arrow {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    background: var(--arrows_bg_black);
    border-radius: 50px;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .07)
}

.drag-scroll__arrow:hover {
    background: var(--theme-base-color)
}

.drag-scroll__arrow:hover path {
    stroke: #fff
}

.drag-scroll__arrow--left svg {
    transform: rotate(180deg)
}

.drag-scroll__arrow--right svg {
    transform: translateX(1px)
}

.drag-scroll__arrow--left {
    transform: translateX(-16px)
}

.drag-scroll__arrow--right {
    transform: translateX(16px)
}

.drag-scroll__arrow--disabled {
    opacity: 0;
    visibility: hidden
}







@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}


.swiper-lazy {
    transition: opacity ease .3s
}

.swiper-lazy:not(.swiper-lazy-loaded)>div {
    opacity: 0
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 6px
}

.swiper-slide.swiper-slide--height-auto {
    height: auto
}

.slider-solution--hide-before-loaded:not(.swiper-initialized) {
    opacity: 0;
    visibility: hidden;
    max-height: 0
}

.slider-solution--hide-before-loaded:not(.swiper-initialized)~.slider-nav {
    display: none
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(0, 0, 0, .1);
    opacity: 1;
    position: relative
}

.swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.swiper-pagination-bullet:hover:before {
    transform: scale(1.5);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 21px
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px
}

@media screen and (max-width:600px) {
    .swiper-pagionation-bullet--line-to-600.swiper-pagination-horizontal .swiper-pagination-bullet {
        --swiper-pagination-bullet-horizontal-gap: 2px
    }

    .swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet {
        border-radius: 5px;
        height: 2px;
        background: rgba(136, 136, 136, .5)
    }

    .swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--light, #222) var(--dark, #fff)
    }

    .swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet:before {
        display: none
    }
}

.swiper-button-next,
.swiper-button-prev {
    width: 40px;
    height: 40px;
    background: #fff;
    background: var(--arrows_bg_black);
    border-radius: 3px;
    border-radius: var(--theme-border-radius);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 50px
}

.swiper-button-prev .svg {
    transform: translateX(-1px)
}

.swiper-button-next .svg {
    transform: translateX(1px)
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.swiper-button-next:hover use,
.swiper-button-prev:hover use {
    stroke: #fff
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none
}

.navigation_on_hover:not(:hover) .swiper-button-next,
.navigation_on_hover:not(:hover) .swiper-button-prev {
    opacity: 0;
    visibility: hidden
}

.swiper-nav-offset .swiper-button-prev {
    left: -20px
}

.swiper-nav-offset .swiper-button-next {
    right: -20px
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    display: none
}

.swiper-pagination--flex {
    display: flex;
    align-items: center
}

.swiper-pagination-bullets-dynamic {
    flex-wrap: nowrap
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    flex-shrink: 0
}

.swiper-pagination--bottom {
    top: 100%
}

.slider-nav {
    box-shadow: 0 5px 20px rgba(34, 34, 34, .07)
}

.slider-nav--shadow {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .07)
}

@media(max-width:767px) {
    .slider-nav:not(.slider-nav--no-auto-hide) {
        display: none
    }
}

.slider-solution--static-dots .slider-pagination {
    position: static
}

.slider-nav:hover svg {
    stroke: #fff
}

.slider-nav.slider-nav--static {
    position: static;
    margin-top: 0
}

.bx-no-touch .slider-solution--show-nav-hover:not(:hover) .slider-nav--prev {
    left: -50px
}

.bx-no-touch .slider-solution--show-nav-hover:not(:hover) .slider-nav--next {
    right: -50px
}

.banners-big--detail {
    margin-bottom: 64px;
    overflow: hidden
}

.banners-big--padding-top-0 {
    padding-top: 0
}

.banners-big .maxwidth-banner .maxwidth-theme {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.banners-big .maxwidth-banner {
    position: relative;
    display: flex;
    padding: 0 !important
}

body .maxwidth-banner.maxwidth-theme {
    max-width: var(--theme-page-width)
}

.banners-big__wrapper {
    position: relative;
    width: 100%
}

body .banners-big .main-slider,
body .banners-big .owl-carousel {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    display: block
}

.banners-big .main-slider .main-slider__item,
.banners-big .owl-carousel .owl-item {
    overflow: hidden
}

body .banners-big.banners-big--img-square .owl-carousel .owl-item,
body .banners-big.banners-big--side-banners .owl-carousel .owl-item {
    overflow: hidden
}

.banners-big__item,
.main-slider__item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom
}

.banners-big__inner {
    height: 100%;
    display: flex;
    align-items: flex-end
}

.banners-big__inner>.row {
    width: calc(100% + 32px)
}

.banners-big__text {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2
}

.banners-big--img-square .banners-big__text {
    background-color: var(--card_bg_black)
}

.banners-big--img-square .banners-big__title,
.banners-big--img-square .banners-big__title h1,
.banners-big--img-square .banners-big__top-text,
.banners-big--img-square .banners-tizers__top-text,
.banners-tizers__name {
    color: var(--white_text_black)
}

.banners-big__text--wide {
    width: 100%
}

.banners-big__text--center {
    align-items: center;
    text-align: center
}

.banners-big__inner--righttext .banners-big__text {
    order: 1
}

.banners-big__inner--padding-left-narrow {
    padding-left: 48px
}

.banners-big__img-wrapper {
    width: 50%;
    position: relative;
    background-position: center;
    background-size: cover
}

.banners-big__img-wrapper--back-right {
    width: 50%;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0
}

.banners-big__img-wrapper--back-center {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0
}

.banners-big__item .banners-big__img-wrapper .banners-big__img {
    width: auto;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.banners-big__item .banners-big__img-wrapper .banners-big__img--center {
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.banners-big__item .banners-big__img-wrapper--back-center .banners-big__img {
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.banners-big__item .banners-big__inner--righttext .banners-big__img-wrapper:not(.banners-big__img-wrapper--back-center) .banners-big__img {
    left: auto;
    right: 0
}

.banners-big__item--opacity:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(255, 255, 255, .3)
}

.banners-big__item--light.banners-big__item--opacity:before {
    background: rgba(0, 0, 0, .3)
}

.banners-big__item--opacity-bottom:before {
    content: "";
    position: absolute;
    top: 50.04%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%);
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.banners-big__item--light.banners-big__item--opacity-bottom:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%)
}

.banners-big__item--opacity-bottom:after {
    top: 0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    background: rgba(255, 255, 255, .5);
    transition: opacity .2s ease-in-out
}

.banners-big__item--opacity-bottom:hover:after {
    opacity: 1
}

.banners-big__item--opacity-bottom:hover:before {
    opacity: 0
}

.banners-big__item--light.banners-big__item--opacity-bottom:after {
    background: rgba(0, 0, 0, .5)
}

.banners-big__item--opacity-bottom .banners-big__buttons,
.banners-big__item--opacity-bottom .banners-big__text-wrapper {
    display: none
}

.banners-big__item--opacity-bottom:hover .banners-big__buttons,
.banners-big__item--opacity-bottom:hover .banners-big__text-wrapper {
    display: flex
}

.banners-big__item--opacity-bottom .banners-big__text {
    transition: all .2s ease-in-out;
    transform: translateY(10px)
}

.banners-big__item--opacity-bottom:hover .banners-big__text {
    transform: translateY(0)
}

.banners-big__top-text {
    font-size: .933em;
    line-height: 1.429em;
    opacity: .5;
    margin-bottom: 9px
}

.banners-big__top-text--small {
    text-transform: none;
    letter-spacing: normal;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 7px
}

.banners-big__title {
    font-weight: 700;
    margin: 0
}

.banners-big__text--center .banners-big__title {
    margin-left: 0
}

.banners-big__title h1,
.banners-big__title--small {
    font-size: 42px;
    line-height: 52px
}

.banners-big__title h1 {
    margin: 0
}

.banners-big__text--wide .banners-big__title {
    width: 80%
}

.banners-big__text--padding-left-wide {
    padding-left: 88px
}

.banners-big__text-wrapper {
    display: flex;
    flex-direction: column
}

.banners-big__text--wide.banners-big__text--center .banners-big__text-wrapper {
    width: 70%
}

.banners-big__text-block {
    margin-top: 14px
}

.banners-big__text-block--small {
    margin-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.banners-big__text--bottom {
    position: absolute;
    height: auto;
    width: auto;
    bottom: 66px;
    left: 56px;
    right: 56px
}

.banners-big__text--padding-right {
    padding-right: 100px
}

.banners-big__text-wrapper--row {
    flex-direction: row;
    align-items: center;
    margin-left: -64px;
    margin-right: -64px;
    margin-top: 14px
}

.banners-big__text-wrapper--row .banners-big__text-block {
    width: 50%;
    margin-top: 9px;
    margin-left: 64px;
    margin-right: 64px
}

.banners-big__text-wrapper--row .banners-big__tizers {
    width: 50%;
    margin-top: 0;
    margin-left: 64px;
    margin-right: 64px;
    margin-bottom: 2px
}

.banners-big__title,
.banners-big__title h1,
.banners-big__top-text,
.banners-tizers__name,
.banners-tizers__top-text {
    color: #333
}

.banners-big__text-block,
.banners-tizers__desc-text {

display: inline;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: -5px 0 0 rgba(0, 0, 0, 0.5), 5px 0 0 rgba(0, 0, 0, 0.5);
	padding: 0 10px 0 0;
	color: #FFFFFF;


}

.banners-big__item--light .banners-big__text-block,
.banners-big__item--light .banners-big__title,
.banners-big__item--light .banners-big__title h1,
.banners-big__item--light .banners-big__top-text,
.banners-big__item--light .banners-tizers__desc-text,
.banners-big__item--light .banners-tizers__name,
.banners-big__item--light .banners-tizers__top-text {
    color: #fff
}

.banners-big__item--light .banners-tizers__icon * {
    fill: #fff
}

@media (max-width:768px) {

    .banners-big__item--light-767 .banners-big__text-block,
    .banners-big__item--light-767 .banners-big__title,
    .banners-big__item--light-767 .banners-big__title h1,
    .banners-big__item--light-767 .banners-big__top-text,
    .banners-big__item--light-767 .banners-tizers__desc-text,
    .banners-big__item--light-767 .banners-tizers__name,
    .banners-big__item--light-767 .banners-tizers__top-text {
        color: #fff
    }

    .banners-big__item--light-767 .banners-tizers__icon * {
        fill: #fff
    }

    .banners-big__item--opacity-767:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(255, 255, 255, .3)
    }

    .banners-big__item--light-767.banners-big__item--opacity-767:before {
        background: rgba(0, 0, 0, .3)
    }

    .banners-big__inner--padding-left-narrow {
        padding-left: 0
    }
}

.banners-big__tizers {
    margin-top: 24px;
    margin-bottom: 2px
}

.banners-big__text-wrapper--row .banners-big__tizers--icons {
    margin-top: 10px
}

.banners-tizers__top-text {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 5px
}

.banners-tizers__desc-text {
    margin-top: 1px
}

.banners-tizers__top-icon {
    margin-bottom: 11px;
    height: 40px
}

.banners-tizers__top-icon svg {
    height: 40px;
    text-align: left
}

.banners-tizers__image {
    display: inline-block;
    width: 40px;
    height: 40px
}

.banners-big__buttons {
    margin: 15px -10px -10px;
    display: flex;
    flex-wrap: wrap
}

.banners-big:not(.banners-big--img-square) .banners-big__item .banners-big__buttons .btn.btn-white {
    border-color: #fff
}

.banners-big .banners-big__item .banners-big__buttons .btn.btn-white:hover {
    border-color: transparent
}

.banners-big__buttons--small {
    margin-top: 23px
}

.banners-big__buttons-item {
    margin: 10px
}

.banners-big__buttons .btn-video {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--button-height);
    width: var(--button-height);
    padding: 0
}

.banners-big__buttons .btn-video.with-text {
    padding: 17px 26px 17px 26px;
    width: auto
}

.banners-big__buttons .btn-video.with-text .svg {
    padding-right: 15px
}

.banners-big__text--wide .banners-big__buttons {
    margin-top: 24px
}

.banners-big .subscribe-edit__form {
    display: flex
}

.banners-big .subscribe-edit__text {
    height: 56px;
    padding: 6px 21px;
    font-size: inherit;
    max-width: 288px;
    width: auto
}

.banners-big .subscribe-edit__btn {
    margin-left: -4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: static
}

.banners-big .subscribe-edit__btn.btn {
    font-size: 1.06667em;
    line-height: calc(1em + 2px)
}

body.header_opacity .banner.TOP_UNDERHEADER {
    display: none !important
}

.banners-big__adaptive-block {
    display: none
}

.only_img--video {
    height: 100%;
    width: 100%
}

.only_img--video .play {
    width: 100px;
    height: 100px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    background: 0 0;
    z-index: 8;
    cursor: pointer
}

.only_img--video .play:after {
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    border-radius: 100%
}

.only_img--video .play:before {
    border: 14px solid transparent;
    border-left: 25px solid #fff;
    z-index: 2;
    margin: -14px 0 0 -9px
}

.only_img--video .play:after,
.only_img--video .play:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform .3s
}

.only_img--video .play:hover:after,
.only_img--video .play:hover:before {
    transform: scale(1.2)
}

.banners-big__item--img-with-video .wrapper_video {
    z-index: 2
}

.banners-big .banners-big__item--video-half.banners-big__item--img-with-video .wrapper_video {
    width: 100%
}

@media (max-width:768px) {
    .only_img--video .play:after {
        margin: -40px 0 0 -40px;
        width: 80px;
        height: 80px
    }
}

.banners-big {
    --big-banner-height: 700px;
    --big-banner-padding: var(--theme-page-width-padding)
}

.banners-big--high {
    --big-banner-height: 700px
}

.banners-big--normal {
    --big-banner-height: 570px
}

.banners-big--low {
    --big-banner-height: 460px
}

.banners-big__depend-height {
    height: var(--big-banner-height)
}

.banners-big--paddings {
    padding: var(--big-banner-padding)
}

@media(min-width:992px) {
    body.header_opacity .banners-big__depend-padding {
        height: calc(var(--big-banner-height) + var(--header-height))
    }
}

@media (min-width:769px) and (max-width:1450px) {
    .banners-big--high {
        --big-banner-height: 600px
    }
}

.banners-big .swiper-pagination {
    max-width: 600px
}

.banners-big .maxwidth-banner .banners-big__nav-wrap {
    position: absolute;
    top: auto;
    bottom: 24px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.banners-big__nav-wrap .swiper-pagination {
    width: auto;
    padding-right: 14px;
    position: static
}

.banners-big__nav-wrap .slider-nav-wrap {
    display: flex;
    justify-content: space-between;
    width: 88px
}

@media(min-width:768px) {
    .banners-big__nav-wrap .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        transform: translateX(0);
        margin-right: 14px
    }
}

@media(max-width:768px) {
    .banners-big__nav-wrap .slider-nav-wrap {
        display: none
    }

    .banners-big__nav-wrap .swiper-pagination {
        padding-right: 0
    }

    body .banners-big .maxwidth-theme.banners-big__nav-wrap {
        justify-content: center
    }
}

@media (max-width:1200px) {

    .banners-big__title h1,
    .banners-big__title--small {
        font-size: 32px;
        line-height: 42px
    }

    .banners-big__text-wrapper--row {
        flex-direction: column;
        align-items: flex-start
    }

    .banners-big__text-wrapper--row .banners-big__text-block {
        width: 80%
    }

    .banners-big__text--wide .banners-big__title {
        width: 100%
    }

    .banners-big__text--padding-left-wide {
        padding-left: 48px
    }

    .banners-big__text--padding-right {
        padding-right: 48px
    }

    .banners-big__buttons {
        margin-top: 26px
    }

    .banners-big__buttons .btn-video.with-text {
        padding: 12px 20px 12px 20px
    }

    .banners-big--side-banners .banners-big__img-wrapper {
        width: 50%;
        position: absolute;
        right: 0
    }

    .banners-big--side-banners .banners-big__text {
        width: 100%
    }

    .banners-big--side-banners .banners-big__text-wrapper,
    .banners-big--side-banners .banners-big__title {
        width: 80%
    }

    .banners-big__side-item-text-wrapper {
        left: 24px;
        right: 24px;
        bottom: 24px
    }

    .banners-big .subscribe-edit__btn.btn,
    .banners-big .subscribe-edit__text {
        font-size: 14px;
        line-height: 16px
    }

    .banners-big .subscribe-edit__text {
        height: 44px
    }
}

@media (max-width:991px) {
    .banners-big .maxwidth-theme {
        padding-left: 32px;
        padding-right: 32px
    }

    .banners-big .maxwidth-banner {
        flex-direction: column
    }

    .banners-big__text--padding-right {
        padding-right: 24px
    }

    .banners-big__text--padding-left-wide {
        padding-left: 24px
    }
}

@media (max-width:768px) {
    .banners-big--paddings {
        padding: 0
    }

    .main-slider__item.rounded-x {
        border-radius: 0
    }

    .banners-big__text-wrapper--row {
        margin: 0
    }

    .banners-big__buttons {
        justify-content: center
    }

    .banners-big__buttons {
        margin: 20px -7px -7px
    }

    .banners-big__buttons-item {
        margin: 7px
    }

    .banners-big--adaptive-1 .banners-big__depend-height {
        height: 500px
    }

    .banners-big--adaptive-3 .banners-big__depend-height {
        height: 100%
    }

    .banners-big--adaptive-1:not(.banners-big--multi-slide) .banners-big__inner,
    .banners-big--adaptive-3 .banners-big__inner {
        position: relative
    }

    .banners-big--adaptive-1 .banners-big__img-wrapper {
        display: none
    }

    .banners-big--adaptive-1 .banners-big__text,
    .banners-big--adaptive-3 .banners-big__text {
        width: 100%;
        align-items: center;
        text-align: center;
        padding: 0
    }

    .banners-big--adaptive-1 .banners-big__title,
    .banners-big--adaptive-1 .banners-big__title h1,
    .banners-big--adaptive-3 .banners-big__title,
    .banners-big--adaptive-3 .banners-big__title h1 {
        font-size: 30px;
        line-height: 40px;
        width: 100%
    }

    .banners-big--adaptive-1 .banners-big__text-block {
        width: 100%;
        margin: 10px 0 0
    }

    .banners-big--adaptive-1 .banners-big__text--bottom {
        left: 0;
        right: 0;
        width: auto
    }

    .banners-big--adaptive-1 .banners-big__title--xs {
        font-size: 20px;
        line-height: 30px
    }

    .banners-big--adaptive-1 .banners-big__item--opacity-bottom .banners-big__buttons {
        display: flex
    }

    .banners-big--adaptive-1 .banners-big__item--opacity-bottom:after {
        opacity: 1
    }

    .banners-big--adaptive-1 .banners-big__item--opacity-bottom:before {
        opacity: 0
    }

    .banners-big--adaptive-1 .banners-big__item--opacity-bottom .banners-big__text {
        transform: translateY(10px)
    }

    .banners-big--adaptive-1 .banners-big__img-wrapper--square {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%
    }

    .banners-big--adaptive-1 .banners-big__img-wrapper--square .banners-big__img {
        display: none
    }

    .banners-big--adaptive-1 .banners-big__inner--paddings-24-767 {
        padding-left: 24px;
        padding-right: 24px
    }

    .banners-big--adaptive-2 .banners-big__item {
        position: relative
    }

    .banners-big--adaptive-2.banners-big .main-slider,
    .banners-big--adaptive-2.banners-big .owl-carousel {
        height: auto;
        background-color: #fff;
        background-color: var(--card_bg_black)
    }

    .banners-big--adaptive-2 .banners-big__adaptive-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 19px 24px 24px
    }

    .banners-big--adaptive-2 .banners-big__text {
        display: none
    }

    .banners-big--adaptive-2 .banners-big__img-wrapper,
    .banners-big--adaptive-2 .banners-big__img-wrapper a {
        width: 100%;
        position: relative;
        justify-content: center;
        align-items: flex-end;
        display: flex;
        height: 200px
    }

    .banners-big--adaptive-2 .banners-big__item .banners-big__img-wrapper .banners-big__img {
        position: relative;
        left: 0;
        transform: none
    }

    .banners-big--adaptive-2 .banners-big__text-wrapper {
        justify-content: center;
        align-items: center
    }

    .banners-big--adaptive-2 .banners-big__text-block {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        width: 100%;
        font-size: 14px;
        line-height: 24px
    }

    .banners-big--adaptive-2 .banners-big__title,
    .banners-big--adaptive-2 .banners-big__title h1 {
        font-size: 23px;
        line-height: 33px;
        max-width: 580px;
        color: var(--white_text_black)
    }

    .banners-big--adaptive-2 .banners-big__buttons {
        margin-top: 10px
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg,
    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border {
        background-color: #fff;
        color: #9e9e9e !important;
        color: var(--theme-base-color) !important;
        border-color: #9e9e9e;
        border-color: var(--theme-base-color)
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg *,
    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border * {
        fill: #9e9e9e !important;
        fill: var(--theme-base-color) !important
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg:hover,
    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border:hover {
        background-color: #9e9e9e;
        background-color: var(--theme-base-color);
        color: #fff !important
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg:hover *,
    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border:hover * {
        fill: #fff !important
    }

    .banners-big--adaptive-2 .maxwidth-banner .banners-big__nav-wrap {
        top: 180px;
        bottom: auto !important
    }

    .banners-big--adaptive-2 .banners-big__inner-wrap {
        height: 200px;
        position: relative !important
    }

    .banners-big--adaptive-2 .wrapper_video {
        height: 200px;
        z-index: 1
    }

    .banners-big--adaptive-2 .banners-big__text-block {
        color: #666;
        color: var(--light_basic_text_black)
    }

    .banners-big--adaptive-3 .banners-big__adaptive-img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        z-index: 3
    }

    .banners-big--adaptive-3 .banners-big__item {
        padding-top: 68%;
        height: 0
    }

    .banners-big--adaptive-3 .banners-big__item .pos-static {
        opacity: 0
    }

    body .banners-big .main-slider .owl-carousel__dots {
        bottom: 24px;
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
        right: auto
    }

    body .banners-big .main-slider~.owl-carousel__dots:not(.owl-carousel__dots--line),
    body .banners-big .owl-carousel~.owl-carousel__dots:not(.owl-carousel__dots--line) {
        left: 24px;
        right: 24px;
        transform: none;
        justify-content: center;
        max-width: 100%
    }

    .banners-big .owl-carousel__dots:not(.owl-carousel__dots--line) .owl-carousel__dot {
        width: 12px;
        height: 12px;
        margin: 2px
    }

    .banners-big--adaptive-2 .swiper-slide {
        height: auto
    }

    .banners-big--adaptive-2 .banners-big__item.banners-big__depend-height {
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

@media (max-width:600px) {
    .banners-big .maxwidth-theme {
        padding-left: 16px;
        padding-right: 16px
    }

    .banners-big__buttons {
        margin: 16px -5px -5px
    }

    .banners-big__buttons-item {
        margin: 5px
    }

    .banners-big__buttons .btn {
        --button-height: 37px;
        --button-font-size: 13px;
        --button-pl: 13px;
        --button-pr: 13px
    }

    .banners-big__buttons .btn-video.with-text {
        padding: 9px 13px 9px 13px
    }

    .banners-big--adaptive-1 .banners-big__depend-height {
        height: 400px
    }

    .banners-big--adaptive-1 .banners-big__title,
    .banners-big--adaptive-1 .banners-big__title h1,
    .banners-big--adaptive-3 .banners-big__title,
    .banners-big--adaptive-3 .banners-big__title h1 {
        font-size: 20px;
        line-height: 30px
    }

    .banners-big--adaptive-1 .banners-big__text-wrapper--row {
        margin: 0
    }

    .banners-big--adaptive-1 .banners-big__text-block {
        font-size: 14px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .banners-big__side-item:before {
        top: 30%
    }

    .banners-big__side-item {
        padding-top: 50%
    }

    .banners-big--adaptive-2 .banners-big__adaptive-block {
        padding: 13px 16px 16px
    }

    .banners-big--adaptive-2 .banners-big__title,
    .banners-big--adaptive-2 .banners-big__title h1 {
        font-size: 18px;
        line-height: 28px
    }

    .banners-big--adaptive-2 .banners-big__text-block {
        font-size: 13px;
        line-height: 23px
    }

    .banners-big .subscribe-edit__text {
        width: 100%;
        height: 37px
    }

    .banners-big.hidden_narrow {
        display: none
    }
}

@media (max-width:500px) {
    .banners-big__side-item {
        width: 100%
    }
}

.vvideo.started .banners-big__inner {
    position: relative;
    z-index: 1
}

body .banners-big .loading.vvideo {
    background-image: none !important
}

.banners-big .wrapper_video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.banners-big .wrapper_video iframe,
.banners-big .wrapper_video object,
.banners-big .wrapper_video video {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vvideo.loading .banners-big__item .banners-big__img-wrapper,
.vvideo.started .banners-big__item .banners-big__img-wrapper {
    opacity: 0;
    visibility: hidden
}

.vvideo.started.loading .banners-big__adaptive-block .banners-big__buttons-item--video,
.vvideo.started.loading .banners-big__item .banners-big__buttons-item--video,
.vvideo.started.loading .play.btn-video {
    display: none
}

.vvideo.started .banners-big__item.banners-big__item--opacity-767:before,
.vvideo.started .banners-big__item.banners-big__item--opacity:before {
    content: none
}

.banners-big .banners-big__inner-wrap {
    background-size: cover
}

@media (min-width:769px) {
    .banners-big .banners-big__item--video-half .wrapper_video {
        width: 50%;
        left: auto
    }

    .banners-big .maxwidth-banner .maxwidth-theme {
        background-image: none !important
    }
}

@media (max-width:768px) {
    .banners-big--adaptive-3 .vvideo.started {
        opacity: 1 !important;
        height: auto;
        position: relative;
        z-index: 4
    }

    body .banners-big--adaptive-3 .started.vvideo iframe,
    body .banners-big--adaptive-3 .started.vvideo object,
    body .banners-big--adaptive-3 .started.vvideo video {
        opacity: 1
    }

    .banners-big--adaptive-3 .vvideo.started .wrapper_video {
        z-index: 4
    }

    body .banners-big--adaptive-2 .swiper-slide,
    body .banners-big--adaptive-3 .swiper-slide {
        background-image: none !important
    }
}

.sections-list__item {
    background: #fff;
    background: var(--card_bg_black)
}

.sections-list__item-link {
    padding: 18px 28px 18px 24px;
    max-width: 320px;
    display: block
}

.sections-list__item-image-wrapper {
    --section-image-width: 50px;
    --section-image-height: 50px;
    --section-image-offset: 24px;
    width: var(--section-image-width);
    height: var(--section-image-height);
    margin-right: var(--section-image-offset);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.sections-list__item-image {
    max-width: 100%;
    max-height: 100%
}

.sections-list__item-image-wrapper--ICONS svg {
    width: var(--section-image-width);
    height: var(--section-image-height)
}

.sections-list__item-image-wrapper--LINK {
    background-color: rgba(136, 136, 136, .1)
}

.sections-list__item-link:hover .arrow * {
    stroke: #fff
}

.sections-list__item-text {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: clamp(.875rem, .6875rem + .5vw, 1rem)
}

@media (max-width:600px) {
    .sections-list__wrapper {
        flex-basis: 100%
    }

    .mobile-scrolled .sections-list__wrapper {
        flex-basis: auto
    }

    .sections-list__item-link {
        padding: 12px 16px 12px 16px
    }

    .sections-list__item-image-wrapper {
        --section-image-offset: 16px
    }
}

.tab-content-block {
    display: none
}

.tab-content-block.active {
    display: block
}

.buy_block {
    display: block
}

body .buy_block .item-action--basket.loadings+.in_cart,
body .buy_block .item-action--basket:not(.active)+.in_cart {
    display: none
}

body .buy_block .item-action--basket.active:not(.loadings) {
    display: none
}

.btn-actions--with-icons {
    max-width: 243px;
    flex-basis: 100%
}

.btn-actions__inner {
    flex: 1;
    max-width: 100%;
    text-overflow: ellipsis
}

.btn-actions--with-icons .buy_block {
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.btn-actions--with-icons .buttons {
    flex: 1
}

.buy_block .btn {
    white-space: normal;
    max-width: 100%;
    text-overflow: ellipsis;
    text-align: center
}

.counter {
    display: flex;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 103px;
    min-width: 103px;
    overflow: hidden
}

.counter__action {
    flex: 0 0 30px;
    position: relative
}

.counter__action:after,
.counter__action:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    border-radius: 1px;
    top: 50%;
    left: 50%
}

.counter__action:before {
    width: 12px;
    height: 2px;
    margin-top: -1px;
    margin-left: -6px
}

.counter__action--minus {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.counter__action--plus {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.counter__action--plus:after {
    width: 2px;
    height: 12px;
    margin-top: -6px;
    margin-left: -1px
}

.counter__count {
    --input_bg_color-focus: transparent;
    --input_border_color-focus: transparent;
    flex: 1;
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0;
    text-align: center;
    color: #fff
}

.btn .counter {
    height: calc(var(--button-height) - 3px)
}

.btn-wide .counter {
    width: auto
}

.btn-lg .counter__action {
    flex-basis: 44px
}

.btn-elg .counter__action {
    flex-basis: 48px
}

.buttons+.info-buttons {
    margin-top: 8px
}

.info-buttons__item .btn {
    display: block;
    padding-left: 14px;
    padding-right: 14px
}

.info-buttons__item+.info-buttons__item--question .btn-sm {
    width: 44px;
    margin-left: 8px
}

.info-buttons__item--question .btn-default:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-wide) {
    width: 50px;
    margin-left: 12px
}

.buttons-big-gap .buttons+.info-buttons {
    margin-top: 12px
}

.buttons-big-gap .info-buttons__item+.info-buttons__item--question .btn {
    margin-left: 12px;
    width: 56px
}

.info-buttons__item--compare .btn.active {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.info-buttons__item-text {
    margin-left: 7px
}

.block-with-icon {
    display: flex;
    flex-flow: row wrap
}

.block-with-icon--mt-14 {
    margin-top: 14px
}

.block-with-icon__icon {
    margin: 3px 11px 0 0
}

.block-with-icon__text {
    flex: 1
}

.counter--basket {
    width: 88px;
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    margin: auto
}

.counter--basket .counter__action {
    flex-basis: 26px;
    border: none;
    cursor: pointer
}

.counter--basket .counter__action:hover:after,
.counter--basket .counter__action:hover:before {
    background-color: #333;
    background-color: var(--fill_dark_lite_white_hover)
}

.counter--basket .counter__action:after,
.counter--basket .counter__action:before {
    background-color: #999
}

.counter--basket .counter__action:before {
    width: 8px;
    margin-left: -4px
}

.counter--basket .counter__action.counter__action--plus:after {
    height: 8px;
    margin-top: -4px
}

.counter--basket .counter__count {
    color: #333;
    color: var(--white_text_black);
    font-size: .8em
}

.section-wrapper-list>div {
    margin-bottom: 32px
}

@media (max-width:600px) {

    .grid-list.grid-list--compact .js-popup-block,
    .owl-carousel .catalog-block__item {
        padding: 12px 12px 8px
    }

    .grid-list.grid-list--compact .side-icons,
    .owl-carousel .catalog-block__item .side-icons {
        top: auto;
        bottom: -4px;
        left: -2px;
        right: auto;
        font-size: 0;
        line-height: 0;
        text-align: left
    }

    .grid-list.grid-list--compact .side-icons .side-icons__item,
    .owl-carousel .catalog-block__item .side-icons .side-icons__item {
        margin: 0 2px 4px;
        display: inline-block
    }

    .grid-list .js-popup-block .countdown,
    .owl-carousel .catalog-block__item .countdown,
    .owl-carousel .sticker,
    .owl-carousel .sticker-wrap {
        display: none
    }

    .grid-list.grid-list--compact div[class*=info-title],
    .owl-carousel .catalog-block__item div[class*=info-title] {
        line-height: calc(1em + 7px)
    }
}

@media (max-width:600px) {
    .hide-600 {
        display: none !important
    }

    body .js-btn-state-wrapper .btn,
    body .js-replace-more.btn {
        --button-height: 35px;
        --button-pl: 8px;
        --button-pr: 8px
    }
}

.sku-props--no-current {
    opacity: .6;
    transition: opacity .3s ease
}

.sku-props--no-current:hover {
    opacity: 1
}

.sku-props__item {
    margin-top: 10px
}

.sku-props--detail .sku-props__inner:first-of-type .sku-props__item {
    margin-top: 0
}

.sku-props--detail .sku-props__values {
    margin-left: -4px;
    margin-right: -4px
}

.sku-props--detail .sku-props__values>.line-block__item {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 7px
}

.sku-props--detail .sku-props__value {
    --sku-height: 39px;
    padding: 10px 16px
}

.sku-props--detail .sku-props__title {
    font-size: .9375rem
}

.sku-props--list .sku-props__values>.line-block__item {
    padding-top: 4px
}

.sku-props__title {
    font-size: .75rem;
    line-height: calc(1em + 7px)
}

.sku-props__title .hint {
    display: inline-block;
    padding-left: 1px;
    top: -1px
}

.sku-props--list .sku-props__title {
    font-size: .8125rem
}

.sku-props--pict .sku-props__title {
    padding-bottom: 1px
}

.sku-props__value {
    --sku-width: auto;
    --sku-height: 30px;
    width: var(--sku-width);
    height: var(--sku-height);
    padding: 5px 10px;
    background-color: var(--card_bg_black);
    box-shadow: 0 0 0 1px var(--stroke_black) inset;
    color: var(--white_text_black);
    display: flex;
    align-items: center;
    line-height: var(--sku-height) !important;
    border-radius: calc(var(--border-radius) - 2px);
    user-select: none;
    transition: all ease 50ms
}

.sku-props__value:not(.sku-props__value--active):not(.sku-props__value--missing):hover {
    box-shadow: 0 5px 20px rgba(34, 34, 34, .08);
    cursor: pointer
}

.sku-props__value--missing {
    color: var(--stroke_black);
    overflow: hidden;
    position: relative
}

.sku-props__value--missing::after {
    background: var(--stroke_black);
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: rotateZ(-37deg) scaleX(1.2);
    width: 100%;
    z-index: 1
}

.sku-props__value:not(.sku-props__value--active):active {
    transform: translateY(1px)
}

.sku-props__value.sku-props__value--active {
    box-shadow: 0 0 0 2px var(--theme-base-color, #9e9e9e) inset;
    background-color: transparent
}

.sku-props__value--pict {
    --sku-width: 28px;
    --sku-height: 28px;
    padding: 0;
    font-size: 0;
    padding: 0;
    border: 3px solid var(--white_text_black_reverse);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px var(--stroke_black, #9e9e9e);
    position: relative;
    flex-shrink: 0
}

.sku-props--detail .sku-props__value--pict {
    --pict-prop-size: 48px;
    height: var(--pict-prop-size);
    padding: 0;
    width: var(--pict-prop-size)
}

.sku-props__value--pict.sku-props__value--active {
    box-shadow: none
}

.sku-props__value--active.sku-props__value--pict:before {
    content: "";
    display: block;
    border-radius: var(--border-radius);
    position: absolute;
    inset: -4px;
    box-shadow: 0 0 0 2px var(--theme-base-color, #9e9e9e) inset
}

@media (max-width:600px) {
    .sku-props--detail .sku-props__title {
        font-size: .8125rem
    }

    .sku-props--detail .sku-props__value--pict {
        --pict-prop-size: 40px
    }
}

.status-amount--stores {
    opacity: 0;
    transition: opacity .3s ease
}

.status-amount--visible {
    opacity: 1
}

.status-amount--stores.dotted {
    cursor: pointer
}

.catalog-detail__cell-block {
    padding: 24px 20px
}

.catalog-detail__cell-block.shadow {
    box-shadow: 0 3px 20px rgba(34, 34, 34, .1);
    position: relative
}

.grid-list.catalog-detail__forms {
    --gap: 13px
}

.catalog-detail__pseudo-link--with-gap {
    margin-top: 8px
}

.catalog-detail .catalog-detail__pseudo-link {
    display: inline-flex;
    line-height: calc(1em + 9px)
}

.pseudo-link__icon {
    margin-right: 10px
}

.catalog-detail__forms .status-icon.js-replace-status {
    color: inherit
}

.status__svg-icon.instock * {
    fill: #69be15
}

.status__svg-icon.nostock * {
    fill: #f91a35
}

.catalog-detail .brand-detail-info__image {
    align-items: center;
    background-color: #fff;
    display: inline-flex;
    height: 42px;
    justify-content: flex-start;
    max-width: 90px;
    padding: 5px
}

.catalog-detail .brand-detail-info__image a {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

.bx_sale_gift_main_products .btn-fast-view,
.sale_gift_product_container .btn-fast-view {
    display: none
}

.catalog-detail .content--max-width {
    max-width: 1200px
}

.catalog-block__item {
    --catalog-block-radius: var(--theme-outer-border-radius);
    --catalog-block-padding: 16px;
    padding: var(--catalog-block-padding) var(--catalog-block-padding) var(--catalog-block-padding);
    height: 100%;
    border-radius: 12px;
    border-radius: var(--catalog-block-radius)
}

.catalog-block__inner {
    position: relative
}

.catalog-block__item .catalog-block__item--img-corner {
    width: auto;
    margin: calc(-1 * var(--catalog-block-padding)) calc(-1 * var(--catalog-block-padding)) 0
}

.catalog-block__info-bottom .catalog-block__info-btn {
    min-width: 0
}

.grid-list--no-gap .catalog-block__item .catalog-block__item--img-corner {
    border-radius: 0
}

.catalog-block__item .catalog-block__item--img-corner .image-list__link {
    border-radius: var(--catalog-block-radius);
    overflow: hidden
}

.catalog-block__item .catalog-block__item--img-corner .sticker {
    left: calc(var(--catalog-block-padding) - 2px);
    top: var(--catalog-block-padding)
}

.catalog-block__item .catalog-block__item--img-corner .price-economy {
    left: var(--catalog-block-padding)
}

.catalog-block__item .catalog-block__item--img-corner img {
    border-radius: 0
}

.catalog-block__item .catalog-block__item--img-corner .countdown-list-image {
    bottom: 27px;
    left: 34px
}

body .catalog-block__info {
    margin-top: 12px;
    flex-basis: auto
}

.catalog-block__info-inner .price {
    margin-bottom: 4px
}

.catalog-block__info-title {
    line-height: calc(1em + 7px)
}

.catalog-block__info-tech {
    margin: 4px 0 0
}

.catalog-block__info-bottom {
    margin-top: 11px;
    position: relative
}

.catalog-block__info-bottom--margined {
    margin: 4px 0
}

.bx-ie .catalog-block__info {
    flex-basis: auto
}

@media (min-width:769px) {
    .properties-absolute-outer:hover~.image-list-outer .sticker {
        left: 100%;
        right: -100%
    }

    .properties-absolute-outer:hover~.image-list-outer .countdown,
    .properties-absolute-outer:hover~.image-list-outer .image-list__link {
        left: 100%
    }

    .image-list-outer .countdown,
    .image-list-outer .image-list__link,
    .image-list-outer .sticker {
        transition: all ease .2s
    }

    .properties-absolute-outer:hover~.image-list-outer .to-top .sticker {
        top: 100%
    }

    .properties-absolute-outer:hover~.image-list-outer .to-top .countdown,
    .properties-absolute-outer:hover~.image-list-outer .to-top .image-list__link {
        top: 100%
    }

    .image-list-outer_overflow {
        overflow: hidden
    }

    .catalog-block__info-bottom .js-btn-state-wrapper {
        flex: none
    }

    .catalog-block__offers .sku-props {
        display: none
    }

    .catalog-block__wrapper {
        position: relative
    }

    .catalog-block__wrapper:hover {
        z-index: 5
    }

    .catalog-block__wrapper[data-hovered=true] .catalog-block__item {
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 4
    }

    .catalog-block__wrapper[data-hovered=true] .catalog-block__offers .sku-props {
        display: block
    }
}

@media (max-width:768px) {

    .catalog-block__info,
    .catalog-block__wrapper {
        height: auto !important
    }

    .catalog-block__info-bottom {
        display: flex;
        flex-direction: column
    }

    .catalog-block__offers {
        order: -1
    }

    .catalog-block__info-bottom .sku-props {
        margin-bottom: 10px
    }

    .catalog-block__info-bottom .btn .counter {
        width: 100%
    }
}

@media (min-width:601px) {
    #main .catalog-block__info-price {
        text-align: left;
        flex: 1
    }

    .catalog-block__info-price+.catalog-block__info-btn {
        text-align: right
    }

    .bx-ie .catalog-block__info-btn {
        top: 50%;
        transform: translateY(-50%)
    }

    .catalog-block__info-bottom .line-block {
        justify-content: normal
    }

    .catalog-block__item--centered .catalog-block__info-bottom .line-block {
        justify-content: center
    }

    .catalog-block--bottom-btn .catalog-block__info-bottom--margined {
        flex-basis: 100%
    }

    .catalog-block--bottom-btn .catalog-block__info-bottom--margined:last-of-type {
        margin-top: 13px
    }

    .catalog-block--bottom-btn .btn {
        display: block
    }

    .catalog-block--bottom-btn .counter {
        width: auto
    }
}

.detail-block .catalog-block .owl-stage {
    display: flex;
    flex-direction: row
}

.detail-block .catalog-block .owl-item {
    flex-shrink: 0
}

.properties-absolute-outer {
    padding-top: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 4
}

.properties-absolute-outer.properties-absolute-margin {
    padding-top: calc(100% + 28px)
}

@media (max-width:600px) {
    .grid-list.grid-list--compact .js-popup-block.catalog-block__item .catalog-block__item--img-corner {
        margin: -16px -16px 0
    }

    .catalog-block__item {
        --catalog-block-padding: 12px;
        padding-bottom: 8px
    }

    .catalog-block__info-tech {
        margin-top: 8px
    }
}

.rating {
    display: flex;
    margin: 0 -2px;
    line-height: 0
}

.rating__star {
    margin: 0 2px
}

.rating__star-svg * {
    fill: #ccc
}

.rating__star-svg--filled * {
    fill: #ffb45b
}

.rating__count {
    margin-left: 10px
}

.rating__count a {
    color: inherit
}

.tabs {
    margin-bottom: 49px;
    border-bottom: 1px solid #ededed;
    border-bottom-color: var(--stroke_black)
}

.tabs .bordered {
    border: none
}

.tabs--in-section {
    margin-bottom: 48px
}

.tabs .nav-tabs>li>a {
    line-height: inherit;
    border: none
}

.tabs .nav>li>a:focus,
.tabs .nav>li>a:hover {
    background-color: transparent
}

.tabs .tab-content {
    background-color: #fff;
    background-color: var(--black_bg_black);
    border: none;
    padding: 40px 0 0
}

.tabs .tab-content.not_tabs {
    padding-top: 0
}

.tabs .nav-tabs+.tab-content {
    border-top: 0
}

.tabs .nav-tabs li {
    margin: 3px 23px 3px 3px
}

.tabs .nav-tabs li span {
    padding-top: 11px;
    padding-bottom: 11px
}

.tabs .nav-tabs li a,
.tabs .nav-tabs li>span {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 18px 0 19px 0;
    color: #555;
    color: var(--basic_text_black)
}

.tabs .nav-tabs li:not(.active) a:hover,
.tabs .nav-tabs li:not(.active) span:hover {
    border-color: transparent;
    color: #333;
    color: var(--fill_dark_lite_hover)
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
    background: 0 0
}

.nav-tabs>li.active:after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0;
    z-index: 1;
    height: 2px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    background: #9e9e9e;
    background: var(--theme-more-color)
}

.tabs .nav-tabs li.active>span {
    color: #333;
    color: var(--white_text_black);
    cursor: default
}

.tabs .nav-tabs li.active a {
    color: #222;
    color: var(--white_text_black);
    cursor: default
}

.tabs .nav-tabs li.active:hover {
    box-shadow: none;
    transform: none;
    border-color: #e5e5e5;
    border-color: var(--stroke_black)
}

.tabs .tab-content .content {
    margin: -8px 0 0
}

.pagination>li:before,
.tabs .nav-tabs>li:before {
    margin: 0;
    padding: 0
}

.nav:after {
    clear: both;
    content: " ";
    display: table
}

.nav-tabs {
    border: none;
    margin: -3px;
    padding: 0
}

.nav-tabs li {
    margin: 0;
    padding: 0;
    float: left
}

.nav-tabs li:before {
    display: none !important
}

.tabs.horizontal-scrolling {
    margin: 0;
    position: relative;
    overflow: hidden
}

.tabs.horizontal-scrolling:after,
.tabs.horizontal-scrolling:before {
    content: "";
    width: 10px;
    height: 48px;
    background: #fff;
    background: var(--black_bg_black);
    position: absolute;
    top: 0;
    opacity: 0
}

.tabs.horizontal-scrolling:before {
    left: 0
}

.tabs.horizontal-scrolling:after {
    right: 0
}

.tabs.horizontal-scrolling .nav {
    margin: 0;
    white-space: nowrap;
    padding: 0
}

.tabs.horizontal-scrolling .nav>li {
    float: none;
    display: inline-block;
    margin: 0
}

.tabs.horizontal-scrolling .nav>li:not(:last-of-type) {
    margin-right: 4px
}

.tabs.horizontal-scrolling+.tab-content {
    margin-top: 2.666rem
}

.tabs.horizontal-scrolling.bottom-line .nav>li:not(:last-of-type) {
    margin-right: 2.266rem
}

.tabs.bottom-line li {
    background: 0 0
}

.tabs.bottom-line li a {
    padding: 0 0 .466rem
}

.tabs.bottom-line li.active:after {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    border-radius: 0
}

.tabs.bottom-line+.tab-content {
    margin-top: 1.666rem
}

.arrow_scroll {
    max-height: 65px;
    overflow: hidden
}

.arrow_scroll .nav.nav-tabs {
    white-space: nowrap;
    min-width: 300%;
    z-index: 1;
    position: relative
}

.arrow_scroll .nav.nav-tabs>li {
    float: none;
    display: inline-block;
    vertical-align: top
}

.arrow_scroll_init .arrows_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.arrow_scroll_init .arrows_wrapper .arrow {
    position: absolute;
    width: 38px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    background: var(--black_bg_black);
    z-index: 1;
    cursor: pointer
}

.grey_block .arrow_scroll_init .arrows_wrapper .arrow {
    background-color: #f9f9fa;
    background-color: var(--darkerblack_bg_black)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left {
    left: -14px;
    border-right: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left svg {
    transform: rotate(-90deg)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: -14px;
    border-left: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.dropdown-select .arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: 14px
}

.dropdown-select .arrow_scroll_init .arrows_wrapper {
    right: -14px
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right svg {
    transform: rotate(90deg)
}

.arrow_scroll_init .arrows_wrapper .arrow.disabled {
    display: none
}

.dropdown-select .line-block {
    position: relative
}

@media (max-width:600px) {
    .tabs {
        margin-bottom: 41px
    }
}

.brands-list__item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 23px 39px;
    position: relative;
    background-color: var(--light, transparent) var(--dark, #fff)
}

.brands-list__item--bg-white {
    background: #fff
}

.brands-list__item--bg-white.shadow-no-border-hovered:hover {
    background-color: #fff
}

.brands-list__items-wrapper .swiper-slide {
    width: auto
}

.brands-list__image-wrapper {
    max-width: 100px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.brands-list__image {
    max-width: 100%;
    max-height: 100%
}

.brands-list__slider-wrap {
    position: relative
}

@media (max-width:991px) {
    .brands-list__items-wrapper--items-offset {
        padding: 0 24px
    }
}

@media (max-width:767px) {
    .brands-list--with-text .brands-list__items-wrapper {
        margin-top: 32px
    }
}

@media (max-width:600px) {
    .brands-list__item {
        padding-left: 31px;
        padding-right: 31px
    }
}

.banners-img-with-text-list__item {
    position: relative;
    overflow: hidden
}

.banners-img-with-text-list__item-image {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.banners-img-with-text-list__item-link {
    display: block;
    overflow: hidden
}

.banners-img-with-text-list__item-link-hover-none:hover {
    color: #fff
}

.banners-img-with-text-list__item-text--centered {
    text-align: center
}

.banners-img-with-text-list__item-text--centered .banners-img-with-text-list__item-tags {
    justify-content: center
}

.banners-img-with-text-list__item-text {
    max-height: 100%
}

.banners-img-with-text-list__item-text.dark-block-after:after {
    top: 0
}

.banners-img-with-text-list__item-title {
    font-weight: 700
}

.banners-img-with-text-list__item-top-text {
    margin-bottom: 5px;
    opacity: .7
}

.banners-img-with-text-list__item-text--absolute {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 28px;
    padding-bottom: 28px;
    display: flex;
    flex-direction: column
}

body .banners-img-with-text-list__item-text--absolute * {
    color: #fff
}

.banners-img-with-text-list__item-text-scrollbar-wrapper {
    position: relative;
    z-index: 3;
    padding: 0 24px
}

.banners-img-with-text-list__item-tags-title {
    padding-top: 12px
}

.banners-img-with-text-list__item-tags-link {
    z-index: 3;
    position: relative;
    display: block
}

.banners-img-with-text-list__item-tags-link:hover .banners-tags-title-stroke {
    background: #fff;
    color: #000;
    transition: color ease .3s, background ease .3s
}

.banners-tags-title-stroke {
    transition: color ease .3s, background ease .3s;
    padding: 5px 10px 6px;
    display: block;
    border: 1px solid rgba(255, 255, 255, .35);
    border-color: rgba(255, 255, 255, .35)
}

@media (min-width:601px) {
    .grid-items-2 .banners-img-with-text-list__item-image {
        padding-top: 70.5%
    }

    .grid-items-3 .banners-img-with-text-list__item-image {
        padding-top: 91%
    }

    .grid-items-4 .banners-img-with-text-list__item-image {
        padding-top: 101%
    }
}

@media (max-width:768px) {
    .banners-img-with-text-list__wrapper .banners-img-with-text-list__item-image {
        padding-top: 137%
    }
}

@media (max-width:600px) {
    .banners-img-with-text-list__item-title.font_24 {
        font-size: 1.2em
    }

    .banners-img-with-text-list__item-top-text {
        margin-bottom: 0
    }

    .banners-img-with-text-list__item-text--absolute {
        padding-top: 24px;
        padding-bottom: 16px
    }

    .banners-img-with-text-list__item-text-scrollbar-wrapper {
        padding: 0 16px
    }

    .banners-tags-title-stroke {
        padding-top: 2px;
        padding-bottom: 4px
    }
}

.tizers-list__items-wrapper {
    grid-row-gap: 34px
}

.tizers-list__item {
    display: flex;
    height: 100%;
    flex-direction: row
}

.tizers-list__item--column {
    flex-direction: column
}

.tizers-list__item-image-wrapper {
    flex-shrink: 0
}

.tizers-list__item-image-picture {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover
}

.tizers-list__item-image-wrapper {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.tizers-list__item-image-wrapper svg {
    max-width: 100%;
    max-height: 100%
}

.tizers-list__item-image-wrapper--position-TOP.tizers-list__item-image-wrapper {
    margin-bottom: 31px
}

.tizers-list__item-image-wrapper--position-LEFT.tizers-list__item-image-wrapper {
    margin-right: 24px
}

.tizers-list__item-text-wrapper {
    display: flex;
    flex-direction: column
}

.bx-ie .tizers-list__item-text-wrapper {
    flex-grow: 1
}

@media (min-width:451px) {
    .bx-ie .tizers-list__item-text-wrapper {
        flex-basis: 0
    }
}

.tizers-list__item-descr {
    margin-top: 6px
}

.tizers-list--compact .tizers-list__item-image-wrapper {
    height: 24px;
    width: 24px
}

.tizers-list--compact .tizers-list__item-image-wrapper--position-LEFT.tizers-list__item-image-wrapper {
    margin-right: 15px
}

.tizers-list--compact .tizers-list__item-text-wrapper {
    justify-content: center
}

@media (max-width:600px) {
    .tizers-list__item-image-wrapper--position-LEFT.tizers-list__item-image-wrapper {
        margin-right: 16px
    }

    .tizers-list__item-text-wrapper {
        margin-right: 8px
    }
}

.banners-img-list__item-image {
    display: block;
    background-repeat: no-repeat;
    background-position: center
}

.banners-img-list__item-link {
    display: block
}

@media (min-width:992px) {
    .banners-img-list__item-image {
        height: 180px
    }
}

@media (max-width:991px) {
    .banners-img-list__item-image {
        padding-bottom: 19%;
        background-size: cover
    }
}

@media (max-width:600px) {
    .banners-img-list .maxwidth-theme {
        --theme-page-width-padding: 0px
    }

    .banners-img-list__item-image {
        --border-radius: 0px
    }
}

.sale-list__item {
    position: relative;
    overflow: hidden
}

.sale-list__item-image-wrapper {
    position: relative;
    padding-top: 67%
}

.sale-list__item-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bx-ie .sale-list__item-text-top-part {
    flex-basis: auto
}

.sale-list__item-preview-wrapper {
    margin-top: 9px
}

.sale-list__item-text-wrapper {
    padding: 15px 16px 0
}

.sale-list__item-link--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.sale-list__item-text-bottom-part {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.sale-list__item-period {
    position: relative
}

.sale-list__item-period .svg {
    position: absolute;
    left: 0;
    top: 5px
}

.sale-list__item-period-date {
    display: block
}

.sale-list__item .sale-list__item-sticker-value {
    vertical-align: top;
    margin: 0 4px 0 0;
    font-size: 12px;
    line-height: 15px;
    line-height: var(--sticker-height);
    display: inline-flex;
    padding: 1px 5px 1px 4px
}

.sale-list__item-sticker {
    position: absolute;
    font-size: 0;
    line-height: 0;
    z-index: 2;
    bottom: 20px;
    left: 16px
}

@media (max-width:600px) {
    .sale-list__item-preview-wrapper {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .sale-list__item-sticker {
        bottom: 16px;
        left: 16px
    }
}

@media (max-width:500px) {
    .grid-list--normal .sale-list__wrapper {
        width: 100%
    }
}

.company-item__picture-wrapper {
    position: relative
}

.company-item__picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.company-item__text p:last-of-type {
    margin-bottom: 0
}

.company-item__picture .video-block iframe,
.company-item__picture-wrapper .video-block iframe {
    display: none
}

.company-front-wrapper {
    padding: 48px;
    background: #fff;
    background: var(--card_bg_black)
}

.company-item__text {
    margin-top: 24px
}

@media (min-width:992px) {
    .company-item__info>div:first-of-type {
        margin-top: 0
    }

    .company-item__heading .company-item__title {
        padding-right: 80px
    }

    .company-item__heading {
        margin-bottom: 90px
    }

    .company-item__picture {
        position: static;
        height: 100vh;
        max-height: 500px
    }

    .index-block__btn {
        position: absolute;
        bottom: 48px
    }
}

@media (max-width:991px) {
    .company-item__picture-wrapper {
        padding-top: 50%;
        margin-top: 0
    }

    .company-front-wrapper {
        flex-direction: column
    }

    .company-image-type .company-item__right {
        order: -1
    }

    .company-item__right {
        margin-bottom: 48px
    }

    .company-image-type .company-item__heading {
        margin-bottom: 48px
    }
}

@media (max-width:768px) {
    .company-front-wrapper {
        padding: 24px
    }
}

@media (max-width:600px) {
    .company-front-wrapper {
        padding: 24px 16px
    }

    .company-item__picture-wrapper {
        padding-top: 81%
    }

    .company-item__right {
        margin-bottom: 24px
    }

    .company-item__text {
        margin-top: 16px
    }

    .company-image-type .company-item__heading {
        margin-bottom: 24px
    }
}

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: 0;
    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: 0;
    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: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    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: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    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: 0 0;
    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: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.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--play svg:nth-child(2) {
    display: none
}

.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    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(to top, 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%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    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: fancybox-rotate 1s linear infinite;
    background: 0 0;
    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 fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.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: translate3d(0, 0, 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: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.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: scale3d(1, 1, 1) translate3d(0, 0, 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: translate3d(0, 0, 0) scale(1)
}

@media all and (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 0
}

.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 5px;
    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: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: 0;
    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 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    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: center center;
    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: 0;
    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 all and (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.fancybox-active {
    height: auto
}

.fancybox-container .fancybox-bg,
.fancybox-container .fancybox-button {
    background: #fff;
    background: var(--card_bg_black);
    opacity: 1
}

.fancybox-container svg path {
    fill: #999
}

.fancybox-inner .fancy {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 100%
}

.fancybox-slide:before {
    display: none
}

.fancybox-lock .fancybox-overlay {
    overflow: hidden
}

.fancybox-overlay {
    background: #fff;
    opacity: 0
}

.fancybox-inner video {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: auto
}

.fancybox-inner .fancybox-content {
    padding: 0
}

.fancybox-container .fancybox-infobar {
    color: #999;
    mix-blend-mode: normal
}

.fancybox-slide--iframe {
    padding: 0
}

.fancybox-slide iframe {
    padding: 0;
    height: 100%;
    width: 100%
}

.fancybox-caption {
    background: 0 0;
    color: #222
}

.fancy-js {
    cursor: pointer;
    display: block
}

.fancybox-toolbar .fancybox-button:not(.fancybox-button--close) {
    display: none !important
}

.fancybox-button[disabled] {
    pointer-events: none
}

.fancybox-inner {
    --button-size-large: 100px;
    --arrow-size-large: 72px
}

.fancybox-navigation .fancybox-button {
    align-items: center;
    background-color: transparent;
    display: flex;
    height: var(--arrow-size-large);
    top: calc(50% - 19px);
    width: var(--arrow-size-large)
}

.fancybox-navigation .fancybox-button--arrow_left {
    padding: 0 0 0 6px;
    justify-content: flex-start
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 0 6px 0 0;
    justify-content: flex-end
}

@media screen and (min-width:992px) {
    .fancybox-navigation .fancybox-button {
        height: calc(100% - var(--button-size-large));
        top: var(--button-size-large);
        width: 33%
    }

    .fancybox-button div {
        height: var(--arrow-size-large);
        width: var(--arrow-size-large)
    }
}

@media screen and (min-width:768px) {
    .fancybox-button--close {
        height: var(--button-size-large);
        padding: calc(var(--button-size-large)/4);
        width: var(--button-size-large)
    }
}

.fancybox-container.with-slider {
    --thumbs-width: 64px
}

.fancybox-thumbs.with-slider {
    background: 0 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: calc(var(--thumbs-width)/ 2);
    position: absolute;
    right: auto;
    width: auto
}

.fancybox-thumbs.with-slider img {
    display: inline-block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%
}

.fancybox-show-thumbs .fancybox-inner.with-slider {
    left: calc(var(--thumbs-width) * 2);
    right: var(--thumbs-width)
}

.fancybox-thumbs__wrapper.gallery-slider-thumb__container {
    flex-direction: column;
    max-width: var(--thumbs-width);
    width: 100%
}

.fancybox-thumbs.with-slider .slider-solution {
    max-height: calc((var(--thumbs-width) + 16px) * 5 - 16px);
    width: 100%
}

.fancybox-thumbs.with-slider .fancybox-thumbs-active {
    border-color: var(--theme-base-color)
}

.fancybox-thumb__list--slider-wrapper {
    overflow: initial
}

.fancybox-thumb__list--slider-wrapper a.gallery__item {
    background-color: unset;
    height: auto;
    margin: 0;
    max-height: unset;
    max-width: var(--thumbs-width);
    padding: 4px
}

.fancybox-thumb__list--slider-wrapper .gallery__item::before {
    display: none
}

@media screen and (min-width:601px) {
    .fancybox-inner.with-slider .fancybox-infobar {
        left: calc(var(--thumbs-width) * -2)
    }

    .fancybox-container.with-slider .fancybox-toolbar {
        right: calc(var(--thumbs-width) * -1)
    }
}

@media screen and (max-width:600px) {
    .fancybox-thumbs.with-slider {
        bottom: 0;
        height: auto;
        padding: calc(var(--thumbs-width)/ 2) calc(var(--thumbs-width)/ 8);
        right: 0;
        top: auto
    }

    .fancybox-thumbs.with-slider .slider-solution {
        max-height: none;
        width: calc(100% - 72px)
    }

    .fancybox-show-thumbs .fancybox-inner.with-slider {
        bottom: calc(var(--thumbs-width) * 2);
        left: 0;
        right: 0
    }

    .detail-gallery-big--vertical .gallery-slider-thumb__container.fancybox-thumbs__wrapper {
        flex-direction: row;
        height: var(--thumbs-width);
        max-width: none
    }
}

.blog-list__item {
    position: relative;
    overflow: hidden
}

.blog-list__item-image-wrapper {
    position: relative;
    padding-top: 63%
}

.blog-list__item-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bx-ie .blog-list__item-text-top-part {
    flex-basis: auto
}

.blog-list__item-preview-wrapper {
    margin-top: 9px
}

.blog-list__item-text-wrapper {
    padding: 13px 15px 0
}

.blog-list__item-link--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.blog-list__item-text-bottom-part {
    margin-top: 9px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.blog-list__item-period {
    position: relative
}

.blog-list__item-text-bottom-part__separator {
    margin: 0 11px;
    font-size: .93333em;
    line-height: 18px;
    opacity: .2
}

.blog-list__item-sticker {
    position: absolute;
    font-size: 0;
    line-height: 0;
    z-index: 2;
    bottom: 20px;
    left: 16px
}

.blog-list__item__popup-video {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    height: 32px;
    width: 32px;
    border-radius: 50%
}

.blog-list__item__popup-video:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border: 5px solid transparent;
    border-left: 11px solid #fff;
    margin: -5px 0 0 -4px
}

@media (max-width:600px) {
    .blog-list__item-preview-wrapper {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .blog-list__item-text-wrapper {
        padding: 17px 19px 0
    }

    .blog-list__item-image-wrapper {
        padding-top: 67%
    }

    .blog-list__item-text-bottom-part__separator {
        margin: 0 7px;
        line-height: 21px
    }
}

@media (max-width:500px) {
    .grid-list--normal .blog-list__wrapper {
        width: 100%
    }
}

.instagramm-list__item {
    overflow: hidden;
    position: relative
}

.instagramm-list__item-image {
    position: relative;
    padding: 100% 0 0
}

.instagramm-list__item-info {
    opacity: 0;
    transition: opacity .3s ease
}

.instagramm-list__item-info:hover {
    opacity: 1
}

.instagramm-list__item-inner {
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden
}

.instagramm-list__item-wrapper {
    padding: 26px 32px
}

.instagramm-list__item-date {
    margin-bottom: 21px
}

.instagramm-list__item-wrapper .arrow-all {
    right: 31px;
    top: 32px
}

@media (min-width:992px) {
    .type-WITH_BIG_BLOCK .instagramm-list__wrapper:first-of-type {
        grid-row: 2 span;
        grid-column: 2 span
    }
}

.bottom-menu .wrap .title {
    font-weight: 400;
    font-size: .9375rem
}

.footer__title {
    color: #333;
    color: var(--white_text_black);
    margin: -3px 0 25px 0
}

.footer--color-dark .footer__title {
    color: #fff
}

.footer__main-part-inner {
    padding: 80px 0 80px
}

.bottom-menu .item-link .item-link-arrow {
    display: none
}

.bottom-menu .item-link-arrow * {
    fill: var(--fill_dark_light)
}

.footer--color-dark .item-link-arrow * {
    fill: #fff
}

.bottom-menu .wrap .title a:not(:hover) {
    color: #dadada
}

.bottom-menu .items>.wrap .item-link {
    margin: 10px 0
}

.bottom-menu .wrap .item-link:first-of-type {
    margin-top: 0
}

.bottom-menu .wrap .item-link:last-of-type {
    margin-bottom: 0
}

.footer--color-light .bottom-menu .wrap .item a:not(:hover) {
    color: #666;
    color: var(--d6t9_dark_light)
}

.footer--color-dark .wrap_menu_compact_mobile .item.active .title a,
.footer--color-dark .wrap_menu_compact_mobile .item:hover .title a {
    color: #fff !important
}

@media (max-width:1200px) {

    .footer__social,
    .footer__subscribe {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .bottom-menu .items>.wrap {
        margin: 19px 0 0 0;
        height: auto !important
    }

    .wrap_menu_compact_mobile {
        display: block !important
    }
}

@media (max-width:991px) {
    .footer__main-part-inner {
        padding: 24px 0 16px;
        flex-direction: column;
        border: none
    }

    .footer__title {
        margin: 20px 0 12px 0
    }
}

@media (max-width:767px) {
    .bottom-menu .items {
        padding: 0
    }

    .footer__title {
        margin: 0 0 17px 0
    }

    .bottom-menu .item-link.items-child .item-link-arrow {
        display: block
    }

    .footer .footer__main-part-menu {
        flex-direction: column
    }

    .bottom-menu .item-link-arrow {
        margin-left: 8px
    }

    .bottom-menu .item-link svg {
        transition: transform .3s ease
    }

    .bottom-menu .item-link.opened svg {
        transform: rotate(180deg);
        transition: transform .3s ease
    }

    .footer--color-dark .bottom-menu .items-child:hover .item-link-arrow * {
        fill: #999 !important
    }

    .footer--color-light .bottom-menu .items-child:hover .item-link-arrow * {
        fill: #000 !important;
        fill: var(--fill_dark_lite_hover) !important
    }

    .bottom-menu .wrap .item-link:last-of-type {
        margin-bottom: 16px
    }
}

.developer {
    display: flex;
    align-items: center;
    --developer_logo_hover_filter: var(--light, none) var(--dark, brightness(110%) contrast(150%))
}

a.developer:not(:hover) {
    color: #999
}

.footer--color-dark a.developer:hover {
    color: #fff
}

.footer--color-light a.developer:hover {
    color: #555;
    color: var(--fill_dark_lite_hover)
}

.developer__title {
    margin: 0 15px 0 0
}

.developer__logo {
    max-height: 40px;
    max-width: 90px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.developer__logo svg {
    max-height: 40px;
    max-width: 90px
}

.developer__logo img {
    max-width: 100%;
    max-height: 40px
}

.footer--color-light a.developer:hover .developer__logo {
    filter: none;
    filter: var(--developer_logo_hover_filter)
}

.footer--color-dark a.developer:hover .developer__logo {
    filter: brightness(110%) contrast(150%)
}

.popup.dyn_mp_jqm_frame {
    max-width: 810px;
    width: auto
}

.marketing-popup {
    min-height: 300px;
    min-width: 250px
}

.marketing-popup:not(.popup-text-info--has-img) {
    max-width: 580px
}

.marketing-popup .popup-text-info__title {
    padding: 55px 60px 33px 60px
}

.marketing-popup .popup-text-info__text {
    padding: 0 60px 60px
}

.marketing-popup .popup-text-info__btn {
    margin: 39px -5px 0
}

.marketing-popup .popup-text-info__btn .btn {
    margin: 5px
}

.marketing-popup.popup-text-info--has-img .popup-text-info__picture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px 0 0 3px;
    overflow: hidden
}

.marketing-popup.popup-text-info--has-img .popup-text-info__picture>div {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.marketing-popup.popup-text-info--has-img .popup-text-info__text {
    padding: 0 32px 32px;
    line-height: calc(1em + 7px)
}

.marketing-popup.popup-text-info--has-img .popup-text-info__title {
    padding: 35px 32px 26px
}

.marketing-popup.popup-text-info--has-img .popup-text-info__btn {
    margin-top: 27px
}

.marketing-popup.popup-text-info--has-img .popup-text-info__btn .btn {
    margin-bottom: 0
}

.dyn_mp_jqm_frame.TEXT {
    box-shadow: 0 5px 20px 0 #0000001f
}

.dyn_mp_jqm_frame.TEXT .popup-text-info {
    padding: 32px 35px 30px 35px;
    min-height: auto
}

.dyn_mp_jqm_frame.TEXT .popup-text-info__title {
    font-size: 1em;
    padding: 0;
    padding-bottom: 11px
}

.dyn_mp_jqm_frame.TEXT .popup-text-info__text {
    padding: 0
}

.dyn_mp_jqm_frame.TEXT .jqmClose {
    right: 0;
    top: 0;
    width: 36px;
    height: 36px
}

.dyn_mp_jqm_frame.TEXT .jqmClose i,
.dyn_mp_jqm_frame.TEXT .jqmClose i svg {
    width: 10px;
    height: 10px
}

.dyn_mp_jqm_frame.TEXT .popup-text-info__btn {
    font-size: 15px;
    letter-spacing: .8px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_LEFT {
    bottom: 20px;
    left: 20px;
    max-width: 410px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_LEFT .popup-text-info__btn {
    margin-top: 19px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_RIGHT {
    bottom: 20px;
    right: 20px;
    max-width: 410px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_RIGHT .popup-text-info__btn {
    margin-top: 19px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER {
    bottom: 20px;
    left: 50%;
    width: calc(100% - 60px);
    transform: translateX(-50%)
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: none;
    padding: 21px 40px 20px 26px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info__btn {
    margin-top: 0;
    margin-left: 30px
}

.marketing-popup.with_web_form .form .form_footer {
    margin-bottom: 0
}

.popup .marketing-popup.with_web_form .form .form_footer {
    padding-bottom: 50px
}

.popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_body,
.popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_footer,
.popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_head {
    padding-left: 50px
}

.marketing-popup.with_web_form.popup-text-info--has-img .popup-text-info__picture {
    max-width: unset
}

.marketing-popup.with_web_form .popup-text-info__webform .close.jqmClose {
    display: none
}

.popup.dyn_mp_jqm_frame.WEBFORM .mCSB_container {
    margin-bottom: 0
}

.popup.dyn_mp_jqm_frame.MAIN .mCSB_container {
    margin-bottom: 0
}

@media (min-width:1200px) {
    .popup.dyn_mp_jqm_frame.WEBFORM {
        max-width: 850px
    }

    .popup.dyn_mp_jqm_frame.MAIN {
        max-width: 850px
    }

    body .marketing-popup.with_web_form.popup-text-info--has-img {
        min-width: 850px
    }
}

@media (min-width:768px) {
    .marketing-popup.popup-text-info--has-img .popup-text-info__picture {
        width: 45%
    }

    .marketing-popup.popup-text-info--has-img .popup-text-info__text,
    .marketing-popup.popup-text-info--has-img .popup-text-info__title {
        margin-left: 330px;
        margin-left: 45%
    }

    .marketing-popup.popup-text-info--has-img .popup-text-info__webform {
        margin-left: 330px;
        margin-left: 45%
    }

    .dyn_mp_jqm_frame.MAIN .marketing-popup,
    .dyn_mp_jqm_frame.WEBFORM .marketing-popup {
        min-width: 700px
    }

    .marketing-popup.with_web_form.popup-text-info--has-img {
        min-width: 767px
    }
}

@media (max-width:767px) {

    .marketing-popup .popup-text-info__text,
    .marketing-popup .popup-text-info__title {
        padding-left: 30px;
        padding-right: 30px
    }

    .dyn_mp_jqm_frame.TEXT {
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        max-width: none !important;
        border-radius: 0 !important;
        width: 100% !important;
        transform: none !important;
        min-height: unset !important;
        top: auto !important
    }

    .dyn_mp_jqm_frame.TEXT .popup-text-info {
        padding: 22px 26px 20px 26px
    }

    .dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info {
        flex-direction: column;
        align-items: baseline
    }

    .dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info__btn {
        margin-top: 19px;
        margin-left: -5px;
        margin-right: -5px
    }

    .marketing-popup.with_web_form.popup-text-info--has-img .popup-text-info__picture {
        display: none
    }
}

@media (min-width:551px) and (max-width:767px) {
    .marketing-popup.popup-text-info--has-img .popup-text-info__picture {
        width: 35%
    }

    body .marketing-popup.popup-text-info--has-img .popup-text-info__text,
    body .marketing-popup.popup-text-info--has-img .popup-text-info__title {
        margin-left: 35%
    }
}

@media (max-width:550px) {
    .marketing-popup.popup-text-info--has-img .popup-text-info__picture {
        display: none
    }
}


.style-switcher {
    --f0_dark_light: var(--light, #f0f0f0) var(--dark, #121212);
    --e3_dark_light: var(--light, #e3e3e3) var(--dark, #3a3a3a);
    --f3_dark_light: var(--light, #f3f3f3) var(--dark, #3a3a3a);
    --fb_dark_light: var(--light, #fbfbfb) var(--dark, #232323)
}

.style-switcher {
    width: 800px;
    left: -800px;
    top: 0;
    background: #fff;
    background-color: var(--black_bg_black);
    height: 100%;
    border-radius: 0;
    color: #333;
    color: var(--white_text_black);
    position: fixed;
    z-index: 997
}

.style-switcher * {
    box-sizing: border-box
}

.style-switcher.active {
    left: 0;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .4);
    transition: left .2s ease;
    z-index: 1101
}

.style-switcher.active.closes {
    left: -800px;
    transition: left .1s ease;
    box-shadow: none
}

.style-switcher>.top_block_switch {
    box-shadow: 0 8px 13px 0 rgba(0, 0, 0, .1);
    position: absolute;
    right: -58px;
    top: 233px;
    transform: translateY(-47%);
    background: #e2e2e2;
    background-color: var(--stroke_black);
    border-radius: 0 4px 4px 0;
    transition: right ease .3s
}

.style-switcher>.close_block {
    position: absolute;
    top: 20px;
    right: 49px;
    transition: right ease .2s
}

.style-switcher.active>.close_block {
    right: -49px;
    transition: right ease .2s
}

.style-switcher>.close_block .closes {
    display: none
}

.style-switcher.closes>.close_block {
    right: 49px;
    opacity: 0
}

.style-switcher>.close_block .svg {
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: -6px;
    left: 5px
}

.style-switcher>.close_block .svg:hover {
    background: #000
}

.style-switcher>.close_block .svg svg {
    vertical-align: middle;
    display: inline-block
}

.style-switcher>.close_block .svg svg path,
.style-switcher>.close_block .svg.inline:hover svg path {
    fill: #fff
}

.style-switcher.active>.top_block_switch {
    right: 0;
    opacity: 0
}

.style-switcher>.top_block_switch>.switch:first-of-type {
    margin-top: 0;
    border-top-right-radius: 4px
}

.style-switcher>.top_block_switch>.switch:last-of-type {
    border-bottom-right-radius: 4px
}

.style-switcher .right-block .inner-content .contents {
    height: 100%
}

.style-switcher .right-block .inner-content .contents:not(.active):not(.wizard) {
    display: none
}

.style-switcher .right-block .inner-content,
.style-switcher .right-block .inner-content .contents.parametrs {
    position: relative;
    height: 100%
}

.style-switcher .switch {
    position: relative;
    background: #fff;
    background-color: var(--card_bg_black);
    width: 58px;
    height: 58px;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
    margin-top: 1px
}

.style-switcher .switch .svg,
.style-switcher .switch_presets .svg {
    min-width: auto;
    min-height: auto;
    position: static
}

.style-switcher .switch:not(:hover) svg path {
    fill: #222;
    fill: var(--fill_dark_light)
}

.style-switcher .switch svg {
    vertical-align: middle;
    margin-right: 1px
}

.style-switcher .switch:hover .svg:hover svg path,
.style-switcher .switch:hover svg path {
    fill: #fff
}

.style-switcher .tooltip {
    cursor: default;
    left: 100%;
    top: 0;
    padding: 0 0 0 20px;
    visibility: hidden;
    transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    width: 311px
}

body .style-switcher.active .switch .tooltip {
    opacity: 0;
    transition: none
}

.style-switcher .switch:hover .tooltip,
.style-switcher .switch_presets:hover .tooltip {
    opacity: 1;
    visibility: visible
}

.style-switcher .tooltip>.wrap {
    padding: 20px 25px 19px;
    background: #fff;
    background: var(--black_bg_black);
    font-size: 13px;
    line-height: 20px;
    color: #333;
    color: var(--white_text_black);
    border-radius: 5px;
    text-align: left;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25)
}

.style-switcher .tooltip>.wrap::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 8px;
    border: 6px solid transparent;
    border-right: 6px solid #fff;
    border-right-color: var(--black_bg_black)
}

.style-switcher .tooltip .title {
    font-size: 16px;
    font-weight: 700
}

.style-switcher .tooltip .text {
    color: #777;
    color: var(--lite_basic_text_black);
    margin: 10px 0 0
}

.style-switcher .tooltip .text:empty {
    display: none
}

.style-switcher .left-block {
    float: left;
    width: 184px;
    min-height: 100%;
    background: #f0f0f0;
    background: var(--f0_dark_light);
    height: 100%;
    overflow: hidden;
    position: relative
}

.dynamic_left_side .cl:hover,
.presets .presets_block .conf .preset-block .checked,
.style-switcher .presets .presets_block .item.active .inner,
.style-switcher .presets .presets_subtabs .presets_subtab.active:after,
.style-switcher>.close_block .svg:hover {
    background: #9e9e9e;
    background: var(--theme-base-color)
}

.style-switcher .switch:hover,
.style-switcher .switch_presets:hover {
    background: #9e9e9e;
    background: var(--theme-base-color)
}

.style-switcher .tabs {
    border-bottom: 0
}

.style-switcher--save-btn {
    display: none
}

.style-switcher-parametrs__action-block.can_save .style-switcher--save-btn {
    display: block
}

@media (min-width:1050px) {
    .style-switcher {
        width: 947px;
        left: -947px
    }

    .style-switcher.active.closes {
        left: -947px
    }

    .dynamic_left_side,
    .style-switcher .contents.wizard {
        width: 763px
    }
}

@media (min-width:992px) {
    .style-switcher .switch:not(.hidden) {
        display: block !important
    }
}

@media (min-width:701px) and (max-width:890px) {
    .style-switcher {
        width: 614px;
        left: -614px
    }

    .style-switcher.active.closes {
        left: -614px
    }
}

@media (min-width:501px) and (max-width:700px) {
    .style-switcher {
        width: 464px;
        left: -464px
    }

    .style-switcher.active.closes {
        left: -464px
    }

    .style-switcher.active>.close_block {
        right: 20px;
        z-index: 4
    }
}

@media (max-width:500px) {
    .style-switcher {
        width: 343px;
        left: -343px
    }

    .style-switcher.active.closes {
        left: -343px
    }

    .hint-theme {
        left: 80px;
        padding: 0 20px 0 0
    }

    .hint-theme:before {
        left: 0
    }
}

@media (max-width:500px) {

    .jqmOverlay.waiting,
    .sp-container.custom_picker_container,
    .style-switcher {
        display: none
    }
}

body {
    background-color: #fff;
    background-color: var(--black_bg_black);
    color: #555;
    color: var(--basic_text_black)
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

a.grey {
    color: #818181
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin: 30px 0 25px;
    color: #222;
    color: var(--white_text_black)
}

h1,
h2,
h3,
h4 {
    letter-spacing: normal
}

h1 {
    font-size: 2em;
    font-size: clamp(1.625rem, 1.1786rem + 1.4286vw, 2rem);
    line-height: calc(1em + 10px);
    margin: 0 0 18px
}

h2 {
    font-size: 1.75em;
    line-height: calc(1em + 10px)
}

h3 {
    font-size: 1.5em;
    line-height: calc(1em + 10px)
}

h4 {
    font-size: 1.25em;
    line-height: calc(1em + 10px)
}

h5 {
    font-size: 1.125em;
    line-height: calc(1em + 10px)
}

h6 {
    font-size: 1.066em;
    line-height: calc(1em + 10px)
}

h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
    margin-top: 50px
}

h1.no-top-space,
h2.no-top-space,
h3.no-top-space,
h4.no-top-space,
h5.no-top-space,
h6.no-top-space {
    margin-top: 0
}

h1.no-bottom-space,
h2.no-bottom-space,
h3.no-bottom-space,
h4.no-bottom-space,
h5.no-bottom-space,
h6.no-bottom-space {
    margin-bottom: 0
}

h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
    margin-top: 64px
}

h1.bottom-spaced,
h2.bottom-spaced,
h3.bottom-spaced,
h4.bottom-spaced,
h5.bottom-spaced,
h6.bottom-spaced {
    margin-bottom: 36px
}

.underline {
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 11px;
    border-bottom: 2px solid #00f
}

h4.underline {
    padding-bottom: 7px
}

h5.underline {
    padding-bottom: 4px
}

h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}

.dark_link {
    color: #222;
    color: var(--white_text_black)
}

.dark_link:hover {
    color: #000;
    color: var(--fill_dark_lite_hover)
}

.label[href]:focus,
.label[href]:hover {
    color: #555;
    color: var(--basic_text_black);
    cursor: default
}

.no-bottom-margin {
    margin-bottom: 0
}

.no-top-margin {
    margin-top: 0
}

.muted {
    color: #999
}

.muted svg path {
    fill: #b8b8b8
}

.muted svg rect {
    stroke: #b8b8b8
}

.muted-use use {
    opacity: .35
}

.muted-use-no-hover:not(:hover) use {
    opacity: .35
}

.normal_text {
    font-size: 1.2em;
    line-height: 1.444em
}

.bold {
    font-weight: 700
}

p {
    margin-bottom: 24px
}

p .alternative-font {
    display: inline-block;
    margin-top: -15px;
    position: relative;
    top: 3px;
    margin-bottom: -6px
}

p.featured {
    font-size: 1.6em;
    line-height: 1.5em
}

p.short {
    margin-bottom: 0
}

p.tall {
    margin-bottom: 20px
}

p.taller {
    margin-bottom: 40px
}

p.drop-caps:first-child:first-letter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding: 4px;
    margin-right: 5px;
    margin-top: 5px;
    font-family: Georgia
}

p.drop-caps.secundary:first-child:first-letter {
    background-color: #ccc;
    color: #fff;
    padding: 6px;
    margin-right: 5px;
    border-radius: 4px
}

hr {
    height: 1px;
    margin: 25px 0;
    border: none;
    border-top: 1px solid #f2f2f2;
    border-color: var(--lite_bg_black)
}

.colored_line {
    border-color: #ededed;
    border-color: var(--stroke_black);
    border-top-width: 2px
}

table.no-border {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

table.table {
    border-collapse: collapse;
    border-spacing: 0
}

table.table>tbody>tr>td,
table.table>tbody>tr>th,
table.table>tfoot>tr>td,
table.table>tfoot>tr>th,
table.table>thead>tr>td,
table.table>thead>tr>th {
    border: 0;
    padding: 11px
}

table.table b,
table.table strong {
    font-weight: 600
}

table.table>tbody>tr>th,
table.table>tfoot>tr>th,
table.table>thead>tr>th {
    color: #fff;
    border-color: var(--stroke_black)
}

.table-bordered {
    border-color: var(--stroke_black)
}

table.table.table-striped tr:nth-child(even) td {
    background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #f8f8f8;
    background: var(--darkerblack_bg_black)
}

table.table.table-striped tr:nth-child(odd) td {
    background: #fff;
    background: var(--black_bg_black)
}

table.table.table-striped tr:nth-child(odd) td {
    background: #fff;
    background: var(--black_bg_black)
}

table.table.table-bordered td {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

table.table.table-bordered-line td {
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

table.table.table-light th {
    background-color: transparent;
    color: inherit;
    border-bottom: 2px solid #b8b8b8;
    border-color: var(--stroke_black)
}

table.table .table-bg-gray {
    background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #f8f8f8;
    background: var(--darkerblack_bg_black)
}

table.table th {
    background: #555
}

table.table1 td {
    padding: 15px
}

table tr.highlight {
    background-color: var(--darkgrey_bg_black)
}

table.colored_table {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-collapse: collapse
}

.colored_table thead {
    border: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.colored_table thead tr {
    background: #f7f7f7;
    background: var(--darkerblack_bg_black)
}

.colored_table tr td {
    padding: 8px 29px
}

.colored_table tbody {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.colored_table tbody tr td {
    border-bottom: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.colored_table>tbody>tr>td,
.colored_table>tbody>tr>th,
.colored_table>tfoot>tr>td,
.colored_table>tfoot>tr>th,
.colored_table>thead>tr>td,
.colored_table>thead>tr>th {
    line-height: 1.428571429
}

table.colored_table>tbody>tr>td,
table.colored_table>tbody>tr>th,
table.colored_table>tfoot>tr>td,
table.colored_table>tfoot>tr>th {
    padding: 14px 20px 15px
}

table.colored_table>thead>tr>td,
table.colored_table>thead>tr>th {
    padding: 11px 21px;
    font-size: .8667em
}

table.table-border_bottom>thead>tr>td {
    padding: 10px 0 11px 0
}

table.table-border_bottom>tbody>tr>td {
    padding: 10px 0 11px 0;
    vertical-align: top;
    border-bottom: 1px solid #ededed;
    border-color: var(--stroke_black)
}

table.table-border_bottom.col-50>tbody>tr>td {
    width: 50%
}

table.table-border_bottom thead {
    border-bottom: 1px solid #ececec;
    border-color: var(--stroke_black)
}

table.table-border_bottom thead tr {
    background: #f7f7f7;
    background: var(--darkerblack_bg_black)
}

blockquote {
    color: #222;
    color: var(--white_text_black);
    position: relative;
    padding: 0 20px 0 41px;
    border: none;
    font-weight: 400;
    font-size: 1.2em;
    line-height: calc(1em + 10px);
    margin: 48px 0
}

blockquote p {
    line-height: normal
}

blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: "";
    width: 3px;
    border-radius: 3px;
    background-color: #9e9e9e;
    background-color: var(--theme-base-color, #9e9e9e)
}

blockquote.danger {
    padding: 27px 42px 31px 42px;
    border: 1px solid rgba(210, 21, 21, .4);
    border-radius: 3px;
    border-left: 3px solid #d21515;
    color: #bb3a3a;
    margin: 40px 0;
    font-weight: 400
}

blockquote.info {
    padding: 27px 42px 31px 42px;
    border: 1px solid rgba(91, 177, 71, .4);
    border-radius: 3px;
    border-left: 3px solid #5bb147;
    color: #5a8051;
    margin: 40px 0;
    font-weight: 400
}

blockquote.danger * {
    color: #bb3a3a
}

blockquote.info * {
    color: #5a8051
}

blockquote.danger:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 40px;
    background: var(--black_bg_black) url(https://diz.ukravtoline.com.ua/d/p/lite.png) -249px -262px no-repeat;
    width: 26px;
    height: 17px
}

blockquote.info:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 40px;
    background: var(--black_bg_black) url(https://diz.ukravtoline.com.ua/d/p/lite.png) -17px -153px no-repeat;
    width: 26px;
    height: 18px
}

blockquote.danger:after {
    content: ""
}

blockquote.code {
    padding: 27px 42px 31px 42px;
    border: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    background: url(https://diz.ukravtoline.com.ua/d/p/code_pattern.gif);
    color: #999;
    margin: 40px 0;
    font-weight: 400
}

blockquote.code:before {
    display: none
}

blockquote>div {
    font-style: italic;
    padding: 18px 20px 25px
}

blockquote small {
    color: #222;
    color: var(--white_text_black);
    font-style: normal;
    margin-top: 10px;
    font-size: .93333rem;
    line-height: calc(1em + 7px)
}

li {
    line-height: 24px
}

ol,
ul {
    padding-left: 17px;
    margin-bottom: 20px
}

ol+h3,
ol+h4,
ol+h5,
ol+h6,
ul+h3,
ul+h4,
ul+h5,
ul+h6 {
    margin-top: 28px
}

ul.list.icons {
    padding-left: 30px
}

ul.list.icons .fa {
    margin-left: -22px;
    margin-right: 5px
}

dl {
    margin-top: 16px
}

dt {
    margin-bottom: 1px
}

dd {
    margin-bottom: 14px;
    color: #444;
    color: var(--basic_text_black)
}

dd+dd {
    margin-top: -14px
}

table.table>thead>tr>th {
    font-size: 14px;
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px
}

ul {
    padding-left: 0
}

ol li {
    padding-left: 4px;
    margin-bottom: 12px
}

ul li {
    list-style-type: none;
    position: relative;
    padding-left: 0;
    margin-bottom: 8px
}

ul li p {
    margin-bottom: 0
}

ol li ol,
ul li ul {
    padding-top: 4px
}

ul li:before {
    content: "";
    position: relative;
    left: 0;
    top: 11px;
    background: #666;
    width: 11px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

#headerfixed ul li:before,
#mobilefilter ul li:before,
#mobileheader ul li:before,
.bx-core-window:not(.bx-core-adm-admin-dialog) ul li:before,
.mega-fixed-menu ul li:before,
header ul li:before {
    content: none
}

.main ul li p {
    display: inline;
    vertical-align: top
}

ul.list-unstyled li {
    padding-left: 0;
    margin-bottom: 0
}

ul.list-unstyled li:before {
    display: none
}

.main ul.list-unstyled li p {
    display: block
}

.body_media {
    display: none;
    position: absolute;
    top: 2
}

.valign {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.ask_a_question {
    text-align: center;
    line-height: 15px;
    color: #1d2029
}

.ask_a_question .text {
    margin-top: 8px
}

.styled-block {
    border-left: 2px solid;
    background: url(https://diz.ukravtoline.com.ua/d/p/background.png) #f2f2f2 0 0 repeat;
    color: #555;
    margin-bottom: 40px;
    clear: both;
    margin-top: 30px;
    padding: 37px 50px;
    font-size: 15px
}

.order-block {
    background: #fbfbfb;
    background: var(--lite_bg_black);
    border: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    color: #555;
    color: var(--basic_text_black);
    clear: both;
    font-size: 1em;
    margin: 30px 0 40px;
    width: 100%
}

.order-block--clear {
    border: 0;
    border: 0;
    background: 0 0;
    margin: 0
}

.progress {
    background-color: var(--darkerblack_bg_black)
}

.progress-bar {
    color: var(--white_text_black_reverse)
}

.grey-bg {
    background-color: #fafafa;
    background-color: var(--light2_bg_black)
}

.order-block__wrapper {
    border: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    margin: 43px 0 40px
}

.order-block .row {
    margin: 0
}

.order-block .row>div {
    text-align: center;
    padding: 41px 0 40px;
    min-height: 83px
}

.order-block td {
    padding: 42px 0 37px;
    vertical-align: top
}

.order-block td .btns {
    text-align: center
}

.order-block .btn {
    margin: 0
}

.order-block .text {
    padding: 0 0 0 131px;
    min-height: 46px;
    line-height: 24px;
    text-align: left;
    position: relative
}

.order-block .text .svg {
    display: block;
    width: 48px;
    height: 58px;
    position: absolute;
    top: 39px;
    top: -2px;
    left: 52px
}

.order-block .text h1,
.order-block .text h2,
.order-block .text h3,
.order-block .text h4,
.order-block .text h5,
.order-block .text h6 {
    margin-bottom: 5px;
    margin-top: 0
}

.order-block .row>div,
.styled-block .row>div {
    display: table-cell;
    vertical-align: middle
}

.order-block .row>vib.col-md-3,
.styled-block .row>div.col-md-3 {
    text-align: center
}

.order-block .row>vib.col-md-3 .btn,
.styled-block .row>div.col-md-3 .btn {
    position: relative;
    margin: 0
}

.order-info-block {
    padding: 32px 31px 33px 30px
}

.order-info-block--margined {
    margin: 33px 0
}

.order-info-block .price .line-block__item {
    margin-top: 0
}

.order-info-block .icon-svg-block {
    padding-right: 3px
}

.order-info-block .text {
    min-width: 205px
}

.order-info-block .buy_block {
    min-width: 175px
}

.order-info-block~.sale-linked {
    border-top: 1px solid #e5e5e5
}

.order-info-block .question-title {
    margin-bottom: 31px;
    color: var(--white_text_black)
}

.order-info-block .price+.order-info-btn {
    margin-top: 20px
}

.select-outer {
    width: 252px;
    position: relative;
    white-space: nowrap;
    font-size: 0
}

.select-outer select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    font-size: 13px
}

.select-outer i.fa {
    top: 0;
    width: 28px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 1px 1px 0 2px;
    border-right: 0 solid #f2f2f2;
    left: 0;
    vertical-align: top;
    font-size: 13px;
    margin-right: -28px
}

.select-outer i.fa:before {
    color: #fff;
    background: url(https://diz.ukravtoline.com.ua/d/p/more_arrow.svg) 2px 4px no-repeat
}

.select-outer i+select {
    padding-left: 39px;
    padding-right: 7px
}

.select-outer select+i.fa {
    border-left: 0 solid #f2f2f2;
    right: 0;
    left: auto;
    border-right-width: 0;
    padding-left: 0;
    margin-left: -28px
}

.select-outer.black i.fa {
    color: #222
}

.bx-opera .select-outer i.fa {
    top: 6px;
    display: none
}

.bx-firefox .select-outer select {
    padding-top: 6px;
    padding-bottom: 7px
}

.select-outer select::-ms-expand {
    display: none
}

.grey_light {
    color: #6d7a83
}

.grey_dark {
    color: #666
}

.dark_light {
    color: #2f383d
}

.dark_lite_table {
    color: #2f383d;
    font-size: 16px
}

.dark_table {
    color: #222;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700
}

.noradius {
    border-radius: 0
}

.white_middle_text {
    font-weight: 700
}

.underborder {
    border-bottom: 1px dotted
}

.introtext {
    padding: 0 0 0;
    color: #222;
    color: var(--white_text_black);
    font-size: 1.2em;
    line-height: calc(1em + 10px);
    margin-bottom: 40px
}

.introtext p:last-child {
    margin-bottom: 0
}

.btn-inline {
    cursor: pointer;
    white-space: nowrap
}

.btn-inline i {
    margin: 0 14px
}

.btn-inline.rounded i {
    margin: 0 8px;
    border-radius: 50%;
    width: 18px;
    text-align: center;
    height: 18px;
    line-height: 17px;
    position: relative;
    top: 1px
}

.btn-inline.rounded i:before {
    margin-left: 2px
}

.bx-firefox .btn-inline.rounded i:before {
    margin-left: 0
}

.btn-inline.rounded:hover i {
    color: #fff;
    background: #ccc
}

.btn-inline:hover {
    color: #222;
    color: var(--white_text_black)
}

.btn-inline.sm {
    font-size: .867em
}

.btn-inline.sm i {
    margin: 0 12px
}

.btn-inline.sm.rounded i {
    margin: 0 6px
}

.btn-inline.xs {
    font-size: .733em
}

.btn-inline.xs i {
    margin: 0 10px
}

.btn-inline.xs.rounded i {
    margin: 0 4px
}

.btn-inline.black {
    color: #222;
    color: var(--white_text_black)
}

.black {
    color: #222
}

.fa.big-icon {
    height: 54px;
    width: 54px;
    line-height: 54px;
    font-size: 29px;
    border-radius: 50%;
    background: var(--theme-base-color);
    color: #fff;
    text-align: center
}

.fa.big-icon.grey {
    color: var(--theme-base-color);
    background: #efefef
}

.fa.big-icon.s50 {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 29px
}

.fa.big-icon.s45 {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 25px
}

.fa.big-icon.s40 {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 22px
}

.fa.big-icon.s35 {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 19px
}

.fa.big-icon.s30 {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 17px
}

.fa.big-icon.s25 {
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 13px
}

.icon-text {
    padding: 0 20px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    border-radius: 27px;
    white-space: nowrap;
    background: var(--theme-base-color);
    color: #fff
}

.icon-text .fa {
    font-size: 30px;
    margin-top: -7px;
    vertical-align: middle;
    margin-right: 10px
}

.icon-text.grey {
    color: var(--theme-base-color);
    background: #efefef
}

a.icon-text:hover {
    color: #fff;
    text-decoration: underline
}

a.icon-text:focus {
    color: #fff
}

.icon-text.s50 {
    padding: 0 18px;
    height: 50px;
    line-height: 50px
}

.icon-text.s50 .fa {
    margin-top: -2px;
    font-size: 26px;
    margin-right: 6px
}

.icon-text.s45 {
    height: 45px;
    line-height: 45px
}

.icon-text.s45 .fa {
    margin-top: -2px;
    font-size: 22px;
    margin-right: 4px
}

.icon-text.s40 {
    padding: 0 16px;
    height: 40px;
    line-height: 40px
}

.icon-text.s40 .fa {
    font-size: 22px;
    margin-top: -4px;
    margin-right: 4px
}

.icon-text.s35 {
    padding: 0 14px;
    height: 35px;
    line-height: 33px
}

.icon-text.s35 .fa {
    margin-top: 0;
    font-size: 18px;
    margin-right: 4px
}

.icon-text.s30 {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    line-height: 29px
}

.icon-text.s30 .fa {
    margin-top: 0;
    font-size: 15px;
    margin-right: 2px;
    line-height: 13px
}

.icon-text.s25 {
    padding: 0 9px;
    height: 25px;
    font-size: 13px;
    line-height: 24px
}

.icon-text.s25 .fa {
    margin-top: 0;
    font-size: 14px;
    margin-right: 2px;
    line-height: 13px
}

.label {
    border-radius: 1px;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    height: 22px;
    padding: .4em .6em;
    display: inline-block;
    vertical-align: top
}

.label-instock {
    background: #3cc051
}

.label-nostock {
    background: #999
}

.label-pending {
    background: #fcb322
}

.label-order {
    background: #57b5e3
}

.review {
    margin-bottom: 30px;
    position: relative
}

.bx-core-window img {
    vertical-align: baseline
}

.bx-core-window .adm-btn,
.bx-core-window .adm-input-file {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box
}

.include_module_error {
    margin: 0 auto;
    text-align: center
}

.include_module_error img {
    max-width: 100%
}

.include_module_error p {
    color: #636363;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0
}

.font_exlg {
    font-size: 1.6em;
    line-height: 1.25em
}

.font_lg {
    font-size: 1.3333em;
    line-height: 1.4em
}

.font_mlg {
    font-size: 1.2em;
    line-height: 1.454em
}

.font_mxs {
    font-size: 1.133em;
    line-height: 1.454em
}

.font_md {
    font-size: 1.0667em;
    line-height: 1.5625em
}

.font_sm {
    font-size: .933em;
    line-height: 1.429em
}

.font_xs {
    font-size: .867em;
    line-height: 1.5379em
}

.font_sxs {
    font-size: .8em;
    line-height: 1.692em
}

.font_xxs {
    font-size: .733em;
    line-height: 1.273em
}

.font_xxss {
    font-size: .667em;
    line-height: 1.3em
}

.font_upper_md {
    font-size: .733em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: .8px
}

.font_upper {
    font-size: .667em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: .8px
}

.font_upper_xs {
    font-size: .6em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: .8px
}

.font_70 {
    font-size: clamp(1.6rem, 1.015rem + 2.8vw, 4.375rem);
    line-height: calc(1em + 7px)
}

.font_56 {
    font-size: clamp(1.6rem, 1.1rem + 2vw, 3.5rem);
    line-height: calc(1em + 7px)
}

.font_50 {
    font-size: clamp(1.6rem, 1.025rem + 1.75vw, 3.125rem);
    line-height: calc(1em + 7px)
}

.font_48 {
    font-size: clamp(1.6rem, 1.02rem + 1.65vw, 3rem);
    line-height: calc(1em + 7px)
}

.font_42 {
    font-size: clamp(1.6rem, 1.005rem + 1.35vw, 2.625rem);
    line-height: calc(1em + 7px)
}

.font_40 {
    font-size: 2.5rem;
    line-height: calc(1em + 7px)
}

.font_38 {
    font-size: 2.375rem;
    line-height: calc(1em + 7px)
}

.font_36 {
    font-size: 2.25rem;
    line-height: calc(1em + 7px)
}

.font_34 {
    font-size: 2.125rem;
    line-height: calc(1em + 7px)
}

.font_32 {
    font-size: 2rem;
    line-height: calc(1em + 7px)
}

.font_30 {
    font-size: 1.875rem;
    line-height: calc(1em + 7px)
}

.font_28 {
    font-size: 1.75rem;
    line-height: calc(1em + 7px)
}

.font_26 {
    font-size: 1.625rem;
    line-height: calc(1em + 7px)
}

.font_25 {
    font-size: 1.5625rem;
    line-height: calc(1em + 7px)
}

.font_24 {
    font-size: 1.5rem;
    line-height: calc(1em + 7px)
}

.font_23 {
    font-size: 1.4375rem;
    line-height: calc(1em + 7px)
}

.font_22 {
    font-size: 1.375rem;
    line-height: calc(1em + 7px)
}

.font_21 {
    font-size: 1.3125rem;
    line-height: calc(1em + 7px)
}

.font_20 {
    font-size: 1.25rem;
    line-height: calc(1em + 7px)
}

.font_19 {
    font-size: 1.1875rem;
    line-height: calc(1em + 7px)
}

.font_18 {
    font-size: 1.125rem;
    line-height: calc(1em + 7px)
}

.font_17 {
    font-size: 1.0625rem;
    line-height: calc(1em + 7px)
}

.font_16 {
    font-size: 1rem;
    line-height: calc(1em + 7px)
}

.font_15 {
    font-size: .9375rem;
    line-height: calc(1em + 7px)
}

.font_14 {
    font-size: .875rem;
    line-height: calc(1em + 7px)
}

.font_13 {
    font-size: .8125rem;
    line-height: calc(1em + 7px)
}

.font_12 {
    font-size: .75rem;
    line-height: calc(1em + 7px)
}

.font_11 {
    font-size: .6875rem;
    line-height: calc(1em + 7px)
}

.font_10 {
    font-size: .625rem;
    line-height: calc(1em + 7px)
}

.font_9 {
    font-size: .5625rem;
    line-height: calc(1em + 7px)
}

.font_large {
    line-height: calc(1em + 10px)
}

.font_short {
    line-height: calc(1em + 4px)
}

.font_normal {
    line-height: calc(1em + 7px)
}

.font_bold {
    font-weight: 700
}

.font_normal {
    font-weight: 400
}

.font_weight--600 {
    font-weight: 600
}

.font_weight--500 {
    font-weight: 500
}

@media (max-width:600px) {
    .font_20--to-600 {
        font-size: 1.25rem
    }

    .font_18--to-600 {
        font-size: 1.125rem
    }

    .font_16--to-600 {
        font-size: 1rem
    }

    .font_15--to-600 {
        font-size: .9375rem
    }

    .font_14--to-600 {
        font-size: .875rem
    }

    .font_12--to-600 {
        font-size: .75rem
    }
}

.stroke_999 * {
    stroke: #999
}

.color_222 {
    color: #222;
    color: var(--white_text_black)
}

.color_333 {
    color: #222;
    color: var(--white_text_black)
}

.color_555 {
    color: #555;
    color: var(--basic_text_black)
}

.color_666 {
    color: #666;
    color: var(--lite_basic_text_black)
}

.color_999 {
    color: #999
}

.color_light {
    color: #fff
}

.color_light--opacity {
    color: #fff;
    opacity: .7
}

.color_dark {
    color: #222;
    color: var(--white_text_black)
}

.color_dark--opacity {
    color: #222;
    color: var(--white_text_black);
    opacity: .5
}

.mr-10 {
    margin-right: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.shadow,
.shadow-hovered:hover {
    box-shadow: 0 5px 30px rgba(34, 34, 34, .1);
    z-index: 1
}

.shadow-hovered {
    transition: box-shadow ease .3s, background ease .3s
}

.shadow-no-border-hovered:hover {
    border-color: #fff;
    border-color: var(--stroke_black_hover);
    background-color: #fff;
    background-color: var(--card_bg_hover_black)
}

.shadow-no-border-hovered {
    transition: box-shadow ease .3s, border ease .3s, background ease .3s
}

.index-block--fon .shadow-no-border-hovered:hover {
    border-color: #fafafa;
    border-color: var(--lite_bg_black)
}

.fill-999 {
    fill: #999
}

.dark-block-hover:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0;
    z-index: 1;
    transition: opacity .2s ease-in-out
}

.dark-block-after:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
    transition: opacity .2s ease-in-out
}

.dark-block-hover:hover:before {
    opacity: .5
}

.dark-block-hover:hover .dark-block-after:after {
    opacity: 0
}

.opacity_5 {
    opacity: .5
}

.text-upper {
    text-transform: uppercase;
    letter-spacing: .8px
}

.z-2 {
    z-index: 2
}

.z-max {
    z-index: 996
}

.height-100 {
    height: 100%
}

.rounded-1 {
    border-radius: 1px
}

.rounded-2 {
    border-radius: 2px
}

.rounded-3 {
    border-radius: 3px
}

.rounded-4 {
    border-radius: 4px
}

.rounded-x {
    border-radius: 8px;
    border-radius: var(--border-radius)
}

.outer-rounded-x {
    border-radius: 12px;
    border-radius: var(--theme-outer-border-radius)
}

.rounded {
    border-radius: 100%
}

.dotted {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: .15em;
    text-decoration-thickness: 1px;
    text-decoration-skip-ink: none
}

.dashed {
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: .15em;
    text-decoration-thickness: 1px;
    text-decoration-skip-ink: none
}

.font-bold {
    font-weight: 700
}

.border-none {
    border: none
}

.border-top-none {
    border-top: none
}

.border-bottom-none {
    border-bottom: none
}

.border-left-none {
    border-left: none
}

.border-right-none {
    border-right: none
}

.pointer {
    cursor: pointer
}

.linecamp-2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    overflow: hidden
}

.linecamp-3 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    overflow: hidden
}

.linecamp-4 {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 4;
    overflow: hidden
}

.linecamp-5 {
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 5;
    overflow: hidden
}

.linecamp-12 {
    -webkit-line-clamp: 12;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 12;
    overflow: hidden
}

.left-justify-content {
    justify-content: left
}

.relative {
    position: relative
}

.shadow-parent-all:hover .shadow-target {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.table-full-width {
    width: 100%
}

.tables-responsive {
    overflow-x: auto;
    position: relative
}

.tables-responsive:before {
    content: "";
    position: absolute
}

.table {
    width: 100%
}

@media (min-width:992px) {
    .visible-991 {
        display: none
    }
}

@media (max-width:991px) {
    .order-info-block {
        padding: 25px
    }

    .order-info-block .line-block {
        flex-wrap: wrap
    }

    .order-info-block .icon-svg-block {
        display: none
    }

    .order-info-block .line-block__item:not(.order-info-btns) {
        margin-top: 0;
        margin-bottom: 20px
    }

    .order-info-block {
        padding-bottom: 5px
    }

    .hide-991 {
        display: none
    }
}

@media all and (min-width:768px) {
    .visible-767 {
        display: none
    }

    .order-info-btns .btn.min_width--300 {
        min-width: 300px
    }
}

@media (max-width:767px) {
    .hide-767 {
        display: none
    }
}

@media (max-width:600px) {

    table.table:not(.table-full-width),
    table.table:not(.table-full-width) tbody,
    table.table:not(.table-full-width) td,
    table.table:not(.table-full-width) th,
    table.table:not(.table-full-width) thead,
    table.table:not(.table-full-width) tr {
        display: block;
        clear: both
    }

    table.table:not(.table-full-width) thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    table.table:not(.table-full-width) thead+tbody td .th-mobile {
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    table.table:not(.table-full-width) thead+tbody tr:not(.nomobile) td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left !important;
        min-height: 32px;
        word-break: break-all
    }

    table.table thead+tbody td.table-head-group .th-mobile {
        display: none
    }

    table.table thead+tbody tr:not(.nomobile) td.table-head-group {
        padding-left: 6px
    }

    table.table .td-hidden-xs {
        display: none
    }
}

@media all and (min-width:601px) {
    .maxwidth-theme.maxwidth-theme--no-maxwidth-f601 {
        max-width: none;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .visible-600 {
        display: none
    }
}

@media all and (max-width:600px) {
    .hide-600 {
        display: none
    }

    .visible-600 {
        display: block
    }

    body .order-block td {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px
    }

    body .order-block .text {
        text-align: left;
        padding: 25px 20px 0 25px
    }

    .order-block .text .svg {
        position: relative;
        left: 0;
        width: 100%
    }

    .order-block td .btns {
        text-align: left;
        padding: 0 20px 0 25px
    }

    .order-info-btns .btn {
        width: 100%
    }
}

@media all and (max-width:360px) {
    .order-info-block .order-info-btns .line-block__item {
        flex-grow: 1
    }

    .order-info-block .order-info-btns .line-block__item .buy_block {
        width: auto
    }
}

@media all and (min-width:992px) {
    .index-block__part--right.flexbox--direction-column {
        flex-basis: 55%;
        flex-shrink: 0
    }

    .index-block__preview--right {
        max-width: 750px;
        margin: 0;
        padding-left: 9%
    }
}

@media all and (max-width:1100px) {
    .hide-1100 {
        display: none
    }
}

@media all and (max-width:1200px) {
    .hide-1200 {
        display: none
    }
}

@media all and (max-width:1300px) {
    .hide-1300 {
        display: none
    }
}

@media all and (max-width:1400px) {
    .hide-1400 {
        display: none
    }
}

@media all and (max-width:1500px) {
    .hide-1500 {
        display: none
    }
}

@media all and (max-width:1600px) {
    .hide-1600 {
        display: none
    }
}

@media all and (max-width:1700px) {
    .hide-1700 {
        display: none
    }
}

@media (max-width:1200px) {
    .p-t-24-1200 {
        padding-top: 24px
    }
}

@media (max-width:1300px) {
    .last-1300 {
        order: 1
    }
}

html {
    width: 100%;
    height: 100%
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    font-size: 1rem;
    font-family: var(--theme-font-family), Arial, sans-serif;
    line-height: calc(1em + 10px)
}

* html .clearfix {
    height: 1%
}

html[xmlns] .clearfix {
    display: block
}

.switcher-title {
    font-family: var(--theme-font-title-family), Arial, sans-serif;
    font-weight: var(--theme-font-title-weight)
}

.body {
    height: auto !important;
    flex-grow: 1
}

body>.body:not(.index)>.main {
    padding-bottom: 80px
}

@media (max-width:600px) {
    body>.body:not(.index)>.main {
        padding-bottom: 40px
    }
}

.body>.main {
    position: relative;
    z-index: 1
}

.container {
    width: 100% !important;
    padding: 0
}

.container>.row>.maxwidth-theme>.content-md {
    display: flex;
    flex-direction: row-reverse
}

.container .left_block {
    --width: 309px;
    --padding: 39px;
    width: var(--width);
    flex-shrink: 0
}

.container .right_block {
    width: 100%;
    min-width: 0
}

.container .right_block.narrow_Y {
    width: calc(100% - 270px)
}

body .main-wrapper>.section-content-wrapper {
    min-width: 0
}

.side_left .container .left_block {
    padding-right: var(--padding)
}

.side_right .container .left_block {
    padding-left: var(--padding);
    padding-right: 0
}

.side_right .container>.row>.maxwidth-theme>.content-md {
    flex-direction: row
}

.side_left .main-wrapper {
    flex-direction: row-reverse
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

.clearfix.block,
.row.clearfix {
    display: block
}

[id^=bx_incl] {
    display: inline;
    vertical-align: top;
    zoom: 1
}

.bx_editmode .bx_areas [id^=bx_incl],
.right_block [id^=bx_incl] {
    display: block
}

.margin0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.nopadding {
    padding: 0 !important
}

.nopadding-left {
    padding-left: 0 !important
}

.nopadding-right {
    padding-right: 0 !important
}

.bordered {
    border: 1px solid #ededed;
    border-color: var(--stroke_black)
}

.overflow-block {
    overflow: hidden
}

* {
    outline: 0 !important
}

[data-event=jqm] {
    cursor: pointer
}

.srollbar-custom {
    overflow: auto
}

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity .3s
}

.loading-state {
    min-height: 300px;
    background: transparent url(https://diz.ukravtoline.com.ua/d/p/double_ring.svg) no-repeat center center
}

.loading-state-before:before {
    content: "";
    display: block;
    background: rgba(255, 255, 255, .5) url(https://diz.ukravtoline.com.ua/d/p/double_ring.svg) center 50px no-repeat;
    position: absolute;
    z-index: 105;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    background-position: center center
}

.item-link-absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.scrollbar:not(.scroller) {
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin
}

.scrollbar::-webkit-scrollbar,
.scrolled::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.scrollbar::-webkit-scrollbar-track,
.scrolled::-webkit-scrollbar-track {
    border-radius: 5px
}

.scrollbar::-webkit-scrollbar-thumb,
.scrolled::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #ccc;
    background: var(--gray_bg_black);
    border: 1px solid #fff;
    border-color: var(--black_bg_black)
}

.scrollbar::-webkit-scrollbar-thumb:window-inactive-thumb,
.scrolled::-webkit-scrollbar-thumb:window-inactive-thumb {
    background: #ccc;
    background: var(--gray_bg_black);
    border: 2px solid #fff;
    border-color: var(--black_bg_black)
}

.scrollbar.scrollbar--horizontal {
    overflow: hidden;
    overflow-x: auto;
    overscroll-behavior: auto
}

.scrollbar.scrollbar--overscroll-auto {
    overscroll-behavior: auto
}

.container iframe,
.container object,
.container video:not(.cover) {
    display: block;
    border-radius: var(--border-radius)
}

.container iframe:not(.cover),
.container object:not(.cover),
.container video:not(.cover) {
    max-width: 100%
}

.maxwidth-theme {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1402px;
    max-width: var(--theme-page-width);
    max-width: calc(var(--theme-page-width) + calc(2 * var(--theme-page-width-padding)));
    width: 100%;
    padding-left: var(--theme-page-width-padding);
    padding-right: var(--theme-page-width-padding)
}

@media (max-width:600px) {
    .maxwidth-theme {
        --theme-page-width-padding: 16px
    }
}

@media (max-width:991px) {
    :root {
        --theme-page-width-padding: 24px
    }
}

.maxwidth-theme:after,
.maxwidth-theme:before {
    content: "";
    display: block;
    clear: both
}

.maxwidth-theme.maxwidth-theme--no-maxwidth {
    max-width: none
}

.maxwidth-theme--relative {
    position: relative
}

.maxwidth-theme.wide-Y {
    max-width: initial;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0;
    padding-left: 0
}

.top-content-block>div {
    margin-bottom: 32px
}

.top-content-block>div:empty {
    margin-bottom: 0
}

.top-content-block .top-big-img+.tizers {
    margin-top: -2px
}

.top-big-img--with-tizers {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.top-content-block .seo-block-main {
    margin-bottom: 0
}

.top-content-block .seo_block {
    margin-bottom: 48px
}

.top-content-block .seo_block+.seo_block--description {
    margin-top: -5px
}

.top-content-block .seo_block--img {
    width: 300px;
    margin-bottom: 0
}

.top-content-block .sticky-block {
    margin-bottom: 48px
}

.border_content>.row,
.container>.row,
.greyline>.row,
.logo_and_menu-row>.row,
.main>.row {
    margin-left: 0;
    margin-right: 0
}

.container>.row>.maxwidth-theme:not(.wide-Y)>.content-md,
.greyline>.row>.maxwidth-theme,
.logo_and_menu-row>.row>.maxwidth-theme,
.main>.row>.maxwidth-theme,
section.page-top>.row>.maxwidth-theme {
    padding: 0
}

.bx-core-waitwindow,
div[id^=wait_comp] {
    display: none
}

span.zoom {
    border-radius: 4px;
    color: #fff;
    display: block;
    height: 44px;
    line-height: 24px;
    margin: -22px -22px 0 0;
    padding: 6px;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 50%;
    width: 44px;
    cursor: pointer;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    background: rgba(34, 34, 34, .7) url(https://diz.ukravtoline.com.ua/d/p/Fullsize.svg) center no-repeat
}

span.zoom i {
    font-size: 21px;
    left: 0;
    position: relative;
    top: 2px
}

.hover_zoom .shine {
    transition: transform .8s
}

.hover_zoom:hover .shine {
    transform: scale(1.1)
}

form.search {
    position: relative
}

.search .search-input-div {
    width: 100%;
    position: relative
}

.search .search-input {
    padding-right: 60px
}

.search .search-button-div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.search .btn-search {
    background: 0 0;
    border: none;
    padding: 0 16px 1px 16px;
    line-height: 0;
    display: flex;
    height: 100%;
    align-items: center;
    border-radius: 0 var(--border-radius) var(--border-radius) 0
}

.btn-search:hover * {
    fill: #333
}

.body .main>.container.with_error .left-menu-md,
.body .main>.container.with_error .page-top,
.body .main>.container.with_error .right-menu-md {
    display: none !important
}

.body .main>.container.with_error .content-md {
    width: 100%;
    display: block
}

body .container.with_error .right_block.narrow_Y {
    float: none !important;
    width: 100% !important
}

.banner {
    display: flex
}

.banner.CONTENT_BOTTOM,
.banner.CONTENT_TOP,
.banner.CROP,
.banner.SIDE {
    overflow: hidden
}

.banner.CONTENT_BOTTOM,
.banner.CONTENT_TOP,
.banner.CROP,
.banner.FOOTER,
.banner.TOP_HEADER,
.banner.TOP_UNDERHEADER {
    justify-content: center
}

.banner.CONTENT_TOP {
    margin-bottom: 24px
}

.banner.CROP.TOP_HEADER {
    position: relative;
    z-index: 2
}

.banner img {
    vertical-align: top
}

@media (max-width:991px) and (min-width:768px) {
    .banner.hidden-sm {
        display: none
    }
}

@media (max-width:767px) {
    .banner.hidden-xs {
        display: none
    }
}

body>.body:not(.index)>.main .banner.FOOTER {
    margin-bottom: -80px
}

.banner.CONTENT_BOTTOM {
    margin-top: 40px
}

.body:not(.index) .banner.FOOTER {
    margin-top: 40px
}

.right-menu-md .side-menu>li>.submenu {
    padding-left: 26px
}

.zomm_wrapper-block {
    position: relative
}

.zomm_wrapper-block:hover .flex-direction-nav a:not(.flex-disabled) {
    opacity: 1 !important
}

.grid-list__item {
    min-width: 0
}

.loadings {
    background: url(https://diz.ukravtoline.com.ua/d/p/preloader.gif) no-repeat scroll center center rgba(0, 0, 0, 0) !important;
    border-color: transparent !important;
    color: transparent !important;
    cursor: default !important
}

.loadings * {
    background: rgba(0, 0, 0, 0) !important;
    border-color: transparent !important;
    color: transparent !important;
    cursor: default !important;
    visibility: hidden
}

.accordion-head {
    cursor: pointer;
    padding: 30px 86px 20px 34px;
    position: relative;
    display: block
}

.accordion-head:active,
.accordion-head:focus,
.accordion-head:hover,
.accordion-head:visited {
    color: #333;
    color: var(--white_text_black)
}

.accordion-line {
    background-color: #9e9e9e;
    background-color: var(--darkerblack_bg_black);
    width: 4px;
    position: absolute;
    left: -1px;
    top: 32px;
    height: 13px;
    border-radius: 0 4px 4px 0
}

.accordion {
    background: #fff;
    background: var(--card_bg_black)
}

.item-accordion-wrapper {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    margin-bottom: -1px;
    padding-bottom: 8px;
    position: relative;
    transition: background ease .3s, box-shadow ease .3s
}

.item-accordion-wrapper:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.item-accordion-wrapper:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.item-accordion-wrapper .accordion-head {
    border: none
}

.accordion-type-1 .item,
.accordion-type-1 .item:hover,
.accordion-type-2 .item,
.accordion-type-2 .item:hover {
    border-color: #e5e5e5 !important;
    border-color: var(--stroke_black) !important
}

.accordion-type-1 .item .accordion-body,
.accordion-type-1 .item .accordion-head,
.accordion-type-1 .item .panel-collapse,
.accordion-type-2 .item .accordion-body,
.accordion-type-2 .item .accordion-head,
.accordion-type-2 .item .panel-collapse {
    border: none !important
}

.accordion-type-1 .item .accordion-head,
.accordion-type-2 .item .accordion-head {
    margin-bottom: 0 !important
}

.accordion-head.accordion-open .fa:before {
    content: "\f106"
}

.panel-collapse {
    position: static
}

.panel-collapse .accordion-body {
    padding: 0 33px 0 33px
}

.accordion-preview {
    padding-bottom: 13px
}

.accordion-btn {
    padding: 0 0 31px
}

.accordion-head .svg-inline-right-arrow {
    position: absolute;
    right: 22px;
    top: 34px;
    transition: transform ease .3s
}

.accordion-head:hover .svg-inline-right-arrow {
    transform: scale(1.1)
}

.accordion-open .svg-inline-right-arrow {
    transform: rotate(135deg)
}

.accordion-head.accordion-open:hover .svg-inline-right-arrow {
    transform: rotate(135deg) scale(1.1)
}

.accordion-type-1 .accordion-head a {
    display: inline;
    text-decoration: none
}

.accordion-head .fa {
    border-radius: 30px;
    color: #222;
    position: absolute;
    top: 23px;
    font-size: 24px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    text-align: center
}

.accordion-head:hover .fa {
    background: #e5e5e5
}

.accordion-type-1 .accordion-head .fa {
    right: 29px
}

.accordion-type-2 .accordion-head {
    padding-left: 75px;
    padding-right: 38px
}

.accordion-type-2 .accordion-head a {
    display: inline;
    line-height: 18px;
    text-decoration: none;
    font-size: 16px
}

.accordion-type-2 .accordion-head:after {
    content: "";
    display: table;
    clear: both
}

.accordion-type-2 .accordion-head .fa {
    left: 26px
}

.accordion-type-2 .accordion-head .svg-inline-right-arrow {
    right: auto;
    left: 39px
}

.accordion-type-2 .accordion-head.accordion-open .fa {
    line-height: 25px
}

section.toggle {
    margin: 10px 0 0;
    position: relative;
    clear: both
}

section.toggle input {
    cursor: pointer;
    height: 45px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

section.toggle label {
    border-left: 3px solid;
    transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    background: #f4f4f4;
    background: var(--card_bg_black);
    border-radius: 3px;
    display: block;
    font-size: 1.1em;
    min-height: 20px;
    padding: 12px 20px 12px 10px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    border-color: var(--light, var(--fill_dark_lite_white_hover)) var(--dark, #ccc)
}

section.toggle .toggle-content {
    display: none
}

section.toggle label::-moz-selection {
    background: 0 0
}

section.toggle label i.fa-minus {
    display: none
}

section.toggle label i.fa-plus {
    display: inline
}

section.toggle label::selection {
    background: 0 0
}

section.toggle label::before {
    border: 6px solid transparent;
    border-left-color: inherit;
    content: "";
    margin-top: -6px;
    position: absolute;
    right: 4px;
    top: 50%
}

section.toggle label+p {
    color: #999;
    display: block;
    overflow: hidden;
    padding-left: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 25px
}

section.toggle label i {
    font-size: .7em;
    margin-right: 8px;
    position: relative;
    top: -1px
}

section.toggle.active i.fa-minus {
    display: inline
}

section.toggle.active i.fa-plus {
    display: none
}

section.toggle.active>label {
    color: #fff;
    background-color: var(--light, var(--fill_dark_lite_white_hover)) var(--dark, var(--card_bg_hover_black));
    border-color: var(--light, var(--fill_dark_lite_white_hover)) var(--dark, var(--card_bg_hover_black))
}

section.toggle.active>label::before {
    border: 6px solid transparent;
    border-top-color: inherit;
    margin-top: -3px;
    right: 10px
}

section.toggle>p.preview-active {
    height: auto
}

section.toggle.active>p,
section.toggle>p.preview-active {
    white-space: normal
}

.links-block .links {
    font-size: 0;
    line-height: 0
}

.links-block .links>a {
    font-size: 15px;
    line-height: 24px
}

.links-block .links a.next-url {
    float: right
}

.links-block .share {
    margin-bottom: 35px
}

.content+.order-block {
    margin-top: 51px;
    margin-bottom: 57px
}

.search-tags-cloud {
    margin: 0 0 24px
}

.search-tags-cloud .title-block-middle {
    padding: 0 0 16px
}

.container-block {
    margin: 0 0 40px
}

.fill-block {
    background: #f9f9f9;
    padding: 21px 30px 16px;
    border-bottom: 1px solid #f2f2f2
}

.title-block-middle {
    color: #333;
    font-size: 1.067em;
    font-weight: 700
}

.fill-block .title-block-middle {
    padding: 0 0 19px;
    border-bottom: 1px solid #f1f1f1
}

.fill-block ul {
    margin: 0;
    padding: 14px 0 0
}

.fill-block ul li {
    padding: 0;
    margin: 0
}

.fill-block ul li:before {
    display: none
}

.fill-block ul li a {
    display: block;
    padding: 4px 0
}

.fill-block ul li a .text {
    font-size: .933em;
    padding: 0 12px 0 0
}

.fill-block ul li a .count,
.fill-block ul li a:hover .count {
    font-size: .867em;
    float: right;
    color: #999
}

.period-wrapper {
    margin: -18px 0 13px
}

.item_block.animated {
    opacity: 0
}

.main-section-wrapper {
    position: relative
}

.item span.zoom {
    opacity: 0
}

.items .item:hover span.zoom {
    opacity: 1
}

.detail .galery {
    margin-right: 0;
    margin-left: 0
}

.detail .galery .inner {
    border: 1px solid #f2f2f2;
    max-height: 673px;
    overflow: hidden;
    padding: 50px 62px;
    position: relative
}

.detail .galery .inner .stickers {
    top: -10px;
    left: 28px
}

.detail .galery .item {
    padding: 0;
    text-align: center;
    position: relative
}

.detail .galery .item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    zoom: 1
}

.detail .galery .item:hover span.zoom {
    opacity: 1
}

.detail .galery .flexslider.top-bigs {
    border: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
    background: 0 0
}

.detail .galery .flexslider.s_1 {
    margin-left: 0
}

.detail .galery .flexslider .flex-viewport,
.detail .galery .items {
    height: 100%
}

.head-block-item.dropdown-select__title {
    position: relative;
    padding: 12px 55px 12px 20px;
    color: #333;
    color: var(--white_text_black);
    margin-bottom: 48px
}

.head-block-item .menu-arrow {
    color: #000
}

.head-block-item .menu-arrow path {
    fill: var(--fill_dark_light)
}

.head-block {
    padding: 0 35px;
    margin-bottom: 48px;
    cursor: default
}

.head-block__item {
    cursor: pointer;
    display: block
}

.head-block__item--active {
    cursor: default
}

.head-block__item-text {
    padding: 19px 0;
    display: block;
    position: relative
}

.head-block__item--active .head-block__item-text:before {
    content: "";
    position: absolute;
    height: 2px;
    left: 0;
    right: 100%;
    bottom: -1px;
    display: block;
    right: 0;
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-radius: 2px 2px 0 0
}

.opacity1 {
    opacity: 1 !important
}

.opacity0 {
    opacity: 0 !important
}

.mixitup-container:not(.mixitup-ready) div[data-ref=mixitup-target] {
    display: none
}

.hidden-text-block:after {
    content: "";
    background-color: rgba(255, 255, 255, .32);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .85));
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3rem
}

.hidden-text-block {
    position: relative
}

.shadow-block .flex-viewport {
    margin: -20px -25px 0;
    padding: 10px 25px
}

.shadow-block .item:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.flexslider:not(.flexslider-init).flex_loader_circle {
    background: url(https://diz.ukravtoline.com.ua/d/p/pl3.gif) no-repeat center center !important;
    min-height: 200px
}

.flexslider.shadow.front .flex-direction-nav .flex-next,
.flexslider.shadow.front .flex-direction-nav .flex-prev {
    top: 7px
}

.item-views .shadow .item:hover,
.projects.item-views.table .flexslider .item:hover {
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, .1)
}

.group-content h3 {
    font-weight: 700;
    margin: 49px 0 26px
}

body .group-content .tab-pane:first-of-type h3 {
    margin-top: 0
}

.group-content .tab-pane .text_before_items {
    margin-bottom: 30px
}

.bx_soc_comments_div .bx-catalog-tab-list li {
    padding-left: 0;
    margin: 0
}

hr.bottoms {
    margin: 55px 0 44px
}

.marker-nav {
    width: 0;
    height: 2px;
    background: #dedede;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    opacity: 0
}

.seo_block .order-block {
    margin: 0
}

.loader_circle {
    background: url(https://diz.ukravtoline.com.ua/d/p/pl3.gif) no-repeat center center
}

.alert.alert-danger {
    background: #fee;
    color: #e83333;
    font-size: .933em
}

.alert a {
    color: inherit;
    text-decoration: underline
}

.alert a:focus,
.alert a:hover {
    color: inherit;
    text-decoration: none
}

body.with_custom_img.fill_bg_n {
    background: #fff !important
}

.wd_propsorter table tr:not(.row_header) td {
    background: url(https://diz.ukravtoline.com.ua/d/p/dott.png) no-repeat;
    background-position: 0 14px;
    background-repeat: repeat-x;
    vertical-align: top
}

body .char_block .wd_propsorter table tr.row_empty td {
    border-bottom: 1px solid #f2f2f2;
    padding-top: 15px;
    background: 0 0
}

body .char-wrapp .yeni_ipep_props_groups table tr.prop_line,
body .char-wrapp .yeni_ipep_props_groups table tr.prop_line:hover {
    background: 0 0
}

body .char-wrapp .yeni_ipep_props_groups table tr td {
    padding: 5px 3px;
    border-bottom: 1px solid #f2f2f2;
    background: 0 0;
    font-size: .933em
}

.wbot .drag-block.container.CATALOG_INDEX {
    display: none
}

.wbot .banners-big .flexslider {
    background: 0 0
}

.wbot .banners-big .flexslider>.slides>li {
    display: none !important
}

.wbot .banners-big .flexslider>.slides>li:first-of-type {
    display: block !important
}

.wbot .banners-big .flexslider>.slides>li:first-of-type .text .inner {
    opacity: 1
}

.marker.dynamic,
.ymaps-point-overlay ymaps>svg {
    position: absolute;
    bottom: 0;
    left: -23px
}

.ymaps-point-overlay ymaps.ymaps-image-with-content .marker {
    display: none
}

.banners-big .flexslider .target {
    display: none
}

.flexslider .target {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 10
}

.mCSB_container {
    margin-bottom: 1px
}

div.bx-component-opener {
    position: absolute !important;
    z-index: 1000 !important
}

.ui-panel-top-devices-inner {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 58px;
    width: 158px;
    cursor: pointer;
    background-color: #fff;
    background-color: var(--card_bg_black);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 0 5px 0 0
}

.ui-panel-top-devices-inner>.ui-button {
    opacity: .5;
    transition: opacity .3s ease;
    padding: 0 10px;
    display: block
}

.ui-button use {
    fill: #333;
    fill: var(--white_text_black)
}

.ui-panel-top-devices-inner>.ui-button--active,
.ui-panel-top-devices-inner>.ui-button:hover {
    opacity: 1
}

.ui-button-desktop svg {
    width: 30px;
    height: 26px
}

.ui-button-tablet svg {
    width: 22px;
    height: 26px
}

.ui-button-mobile svg {
    width: 16px;
    height: 26px
}

.bx-ie .ui-button-desktop i {
    background: url(/bitrix/templates/aspro-lite/images/svg/responsible/desktop.svg)
}

.bx-ie .ui-button-tablet i {
    background: url(/bitrix/templates/aspro-lite/images/svg/responsible/tablet.svg)
}

.bx-ie .ui-button-mobile i {
    background: url(/bitrix/templates/aspro-lite/images/svg/responsible/mobile.svg)
}

iframe .ui-panel-top-devices-inner {
    display: none
}

@media (max-width:991px) {
    body .ui-panel-top-devices-inner {
        display: none
    }
}

.more_wrapper {
    margin-bottom: 32px
}

.more_wrapper>a {
    display: block;
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    -webkit-transition: box-shadow ease-out .2s;
    -moz-transition: box-shadow ease-out .2s;
    -o-transition: box-shadow ease-out .2s;
    transition: box-shadow ease-out .2s;
    text-align: center;
    padding: 45px 0 41px
}

.more_wrapper>a svg {
    width: 50px;
    height: 50px
}

.more_wrapper>a:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    background: #fff;
    background: var(--black_bg_black)
}

.more_wrapper .svg-inline-more_icon {
    margin-bottom: 13px
}

.more_wrapper .title {
    color: #333;
    color: var(--white_text_black);
    font-size: 16px
}

label {
    font-weight: 400;
    display: inline-block
}

label.error {
    color: #ec617a !important;
    margin: 4px 0 0 0 !important;
    padding: 0;
    position: relative;
    font-size: 13px;
    line-height: calc(1em + 4px);
    white-space: nowrap;
    display: block
}

.captcha-row .captcha_input label.error {
    margin-top: 4px !important
}

.form label:not(.form-checkbox__label) {
    margin-bottom: 5px
}

.form .text_block {
    color: #999;
    margin: 4px 0 0 0
}

input {
    outline: 0
}

input[type=password] {
    font-size: 20px
}

input::-ms-clear {
    display: none
}

form input i[class*=fa] {
    font-family: FontAweSome
}

.captcha_input.error input,
.input.error input,
.input.error textarea {
    border-color: #fba0b0
}

textarea {
    resize: none
}

select {
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    padding: 5px 39px 5px 7px;
    background: 0 0;
    color: #777;
    cursor: pointer;
    line-height: 17px;
    position: relative
}

.form {
    position: relative
}

.form.sending:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--white_bg_ccc) url(/bitrix/templates/aspro-lite/css/../images/loaders/double_ring.svg) center no-repeat;
    z-index: 993;
    opacity: .8
}

.form__wrapper {
    position: relative;
    z-index: 2
}

.form-inner {
    text-align: left;
    padding-top: 20px
}

.form-inner--pt-35 {
    padding-top: 35px
}

.form:not(.form--success) .form__info {
    align-self: center
}

.form--BG_IMG.form--with-bg {
    min-height: 300px
}

.form__img {
    position: relative
}

.form--BG_IMG .form-fon {
    opacity: var(--light, 1) var(--dark, .6)
}

body#main .sticky-block.form__img--WIDE {
    top: 0
}

.form__img--WIDE {
    max-height: 100vh;
    height: 100%;
    padding-top: 67%
}

.index-block--padding-top-130 .form__img--SIDE_IMG.form--static {
    margin-top: -130px
}

.index-block--padding-bottom-130 .form__img--SIDE_IMG.form--static {
    margin-bottom: -130px
}

.index-block--padding-top-80 .form__img--SIDE_IMG.form--static {
    margin-top: -80px
}

.index-block--padding-bottom-80 .form__img--SIDE_IMG.form--static {
    margin-bottom: -80px
}

.index-block--padding-top-40 .form__img--SIDE_IMG.form--static {
    margin-top: -40px
}

.index-block--padding-bottom-40 .form__img--SIDE_IMG.form--static {
    margin-bottom: -40px
}

.form--static {
    position: static
}

.form--centered {
    text-align: center
}

.form--centered .form-header {
    margin-bottom: 27px
}

.form--centered .form-inner {
    max-width: 737px;
    margin: auto
}

.form--centered .index-block__preview {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.form--centered .form-footer__btn {
    text-align: center
}

.form .form-inner label *,
.form--BG_IMG .index-block__subtitle,
.form--BG_IMG .index-block__title {
    color: #222
}

.form--SIDE_IMG .form-inner label *,
.form--SIDE_IMG .index-block__title {
    color: var(--white_text_black)
}

#main .form--light .form-header *,
#main .form--light label * {
    color: #fff
}

#main .form--light .licence_block label {
    color: rgba(255, 255, 255, .6)
}

#main .form .star,
.required-star {
    color: #f25353;
    margin-left: 0
}

#main .form--light .form-checkbox__input+.form-checkbox__label .form-checkbox__box {
    border-color: #fff;
    background-color: #fff
}

#main .form--light .form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box {
    border: 8px solid #9e9e9e;
    border-color: var(--theme-base-color);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

#main .form--light .form-checkbox__input:hover+.form-checkbox__label .form-checkbox__box {
    box-shadow: 0 0 0 1px inset var(--theme-base-color);
    border-color: var(--theme-base-color)
}

.form--opacity:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(255, 255, 255, .3)
}

.form--light.form--opacity:before {
    background: rgba(0, 0, 0, .3)
}

.form-btn {
    margin-top: 27px
}

.form .form-header {
    padding: 0 0 26px
}

.form .form-header .title {
    font-weight: 500
}

.form .form-header .form_desc {
    margin-top: 8px
}

.form .form-header p:last-child {
    margin: 0
}

.form .form-body {
    padding: 0 0 17px
}

.form .form-footer {
    padding: 0;
    text-align: left
}

.form .form-error {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px
}

.form img.calendar-icon-hover {
    margin: 1px;
    margin-left: 2px
}

.form .refresh {
    color: #666;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.form .refresh a {
    border-bottom: 1px dotted;
    font-size: .8em;
    line-height: 14px
}

.form-control:-moz-placeholder {
    color: #222;
    color: var(--input_color);
    opacity: .35
}

.form-control::-moz-placeholder {
    color: #222;
    color: var(--input_color);
    opacity: .35
}

.form-control:-ms-input-placeholder {
    color: #222;
    color: var(--input_color);
    opacity: .35
}

.form-control::-webkit-input-placeholder {
    color: #222;
    color: var(--input_color);
    opacity: .35
}

.form input,
.form select,
.form textarea,
.form-control {
    color: var(--input_color);
    box-shadow: none;
    border: 1px solid #dadada;
    border-color: var(--input_border_color);
    height: 47px;
    padding: 6px 14px;
    background: #fff;
    background-color: var(--input_bg_color);
    font-size: 16px;
    line-height: calc(1em + 4px);
    border-radius: 8px;
    border-radius: var(--border-radius);
    position: relative
}

.form select[multiple] {
    height: 75px
}

div.form-control {
    font-size: 1rem
}

input:-internal-autofill-selected {
    background: #fff !important;
    background: var(--input_bg_color) !important
}

.form textarea {
    overflow: hidden;
    padding-top: 10px;
    height: 117px
}

.form-control+.form-control {
    margin-top: 5px
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #fff;
    background: var(--card_bg_hover_black);
    cursor: not-allowed
}

.captcha_input input:hover,
.form-control:not([readonly]):not([disabled]):hover,
form .fill-animate input:not([readonly]):not([disabled]):hover,
form .fill-animate select:not([readonly]):not([disabled]):hover,
form .fill-animate textarea:not([readonly]):not([disabled]):hover {
    background: var(--input_bg_color-hover);
    border: 1px solid var(--input_border_color)
}

.captcha_input input:focus,
.form-control:not([readonly]):not([disabled]):focus,
form .fill-animate input:not([readonly]):not([disabled]):focus,
form .fill-animate select:not([readonly]):not([disabled]):focus,
form .fill-animate textarea:not([readonly]):not([disabled]):focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .015) inset;
    border-color: #999;
    background-color: var(--input_bg_color-focus);
    border-color: var(--input_border_color-focus)
}

.form .form-group {
    margin-bottom: 15px;
    position: relative
}

.form .form-group .form-group {
    margin: 0
}

.form .form-group .input {
    position: relative
}

.form .form-group .input.error {
    margin: 0 0 -3px 0
}

.form .form-group .input.dates {
    font-size: 0
}

.form .form-group .input.dates label.error {
    font-size: 12px
}

.form .form-group .input.dates img {
    display: none
}

.form .form-group i:not(.svg) {
    position: absolute;
    top: 16px;
    right: 10px;
    font-size: 17px;
    color: #c4ccd1
}

.form .form-group .hint {
    font-size: 11px;
    line-height: 18px;
    margin-top: 7px
}

form .form-group.animated-labels label:not(.error) {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    -moz-transition: all ease-out .2s;
    -webkit-transition: all ease-out .2s;
    -o-transition: all ease-out .2s;
    -ms-transition: all ease-out .2s;
    transition: all ease-out .2s;
    font-size: .933em
}

form .row .form-group.animated-labels label:not(.error) {
    left: 28px
}

form .captcha-row .form-group.animated-labels label:not(.error),
form .row div .form-group.animated-labels label:not(.error) {
    left: 12px
}

form .form-group.animated-labels.input-filed label:not(.error) {
    -ms-transform: translateY(-24px);
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    background: #fff;
    left: 7px;
    z-index: 6;
    padding: 0 5px;
    font-size: .8em
}

form .row .form-group.animated-labels.input-filed label:not(.error) {
    left: 23px
}

form .captcha-row .form-group.animated-labels.input-filed label:not(.error),
form .row div .form-group.animated-labels.input-filed label:not(.error) {
    left: 7px
}

.form .licence_block {
    margin: 0;
    position: relative;
    display: block;
    box-shadow: none;
    font-size: 12px;
    line-height: calc(1em + 4px);
    padding: 16px 0 3px 0;
    text-align: center
}

.mobile .form .licence_block.bx_filter {
    margin-top: 0
}

.form .licence_block.bx_filter input[type=checkbox] {
    display: block;
    visibility: hidden;
    width: 0;
    line-height: 0;
    margin: 0
}

.form .licence_block.bx_filter label {
    padding-top: 0;
    text-align: left
}

.form .licence_block label.error {
    top: -5px
}

.form.success .form-header {
    border-top-color: #38ac61 !important;
    background: 0 0
}

.form.success .form-header {
    border-top-color: #38ac61 !important;
    background: 0 0
}

.form.success .form-header i {
    background: #38ac61 !important
}

.form_result.success .text_msg {
    margin-bottom: 30px
}

.form .bx_filter .form-group input[type=checkbox]+label:not(.error) {
    margin-left: 0
}

body .container .form .bx_filter.style_check {
    position: static;
    display: block;
    box-shadow: none;
    padding-bottom: 0
}

body .container .form .bx_filter.style_check br {
    display: none
}

.form-fon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

.form-fon--right-50 {
    right: 50%
}

.form-fon--left-50 {
    left: 50%
}

body .form__img--COMPACT {
    flex-grow: 0
}

.form__img--COMPACT .form-fon {
    position: static;
    width: 280px;
    height: 280px;
    border-radius: 100%
}

.form__img--SIDE_IMG:not(.form--static) .form-fon {
    position: static;
    height: 100vh;
    max-height: 500px;
    border-radius: 4px
}

.bx-ie .form__img--SIDE_IMG:not(.form--static) .form-fon {
    position: absolute;
    height: auto
}

.form-control.bx-input-file-desc {
    display: none
}

div[data-sid=FILE] .input br {
    display: none
}

.form-send {
    position: relative
}

.form-send__icon {
    margin: 0 0 18px 0
}

.form-send__info {
    text-align: center
}

.form-send__info-title {
    margin: 0 0 7px 0;
    color: #222;
    color: var(--white_text_black)
}

.form-send__info-text {
    margin: 0 0 8px 0
}

.form-send__info-text p:last-of-type {
    margin-bottom: 0
}

.close-block {
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 11px;
    right: 13px;
    cursor: pointer
}

.captcha-row {
    position: relative;
    max-width: 418px;
    margin-bottom: 23px
}

.captcha-row--inline {
    margin-bottom: 41px
}

.form .captcha-row .captcha_image {
    height: 48px;
    position: relative;
    width: 217px
}

.captcha-row .captcha_image img {
    height: 48px;
    border: none;
    vertical-align: top;
    width: 100%;
    width: 180px
}

.form.contacts img.captcha_img,
.form.inline img.captcha_img {
    margin-right: 20px;
    max-width: 100%
}

.captcha_input {
    bottom: 0;
    left: 204px;
    max-width: 140px;
    position: absolute;
    right: 0;
    top: 21px
}

.captcha_input input {
    height: 48px;
    padding: 6px 12px;
    border-radius: 8px;
    border-radius: var(--border-radius);
    width: 140px;
    max-width: 100%
}

.captcha-row.form-control {
    border: 0 solid #d5dadc;
    box-shadow: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    background: 0 0
}

.form .captcha-row .input label.error {
    white-space: nowrap
}

.form .captcha-row .captcha-img {
    margin-top: 4px
}

.captcha-row.captcha-row--margined {
    margin-bottom: 41px
}

body .captcha-row.invisible {
    margin-top: 0;
    margin-bottom: 0;
    height: 0;
    visibility: visible;
    margin-top: -16px
}

.captcha-row.invisible label {
    display: none
}

.captcha-row .captcha_input.recaptcha_text {
    position: static;
    width: 100%;
    max-width: none;
    height: auto
}

.captcha-row .captcha_image.recaptcha_tmp_img {
    display: none
}

.bx-auth form[name=bx_auth_servicesform_inline] .g-recaptcha,
.g-recaptcha {
    display: none !important
}

div>.g-recaptcha {
    display: block !important;
    position: relative;
    z-index: 9
}

body .captcha-row .recaptcha,
body .captcha-row>div.iblock {
    padding: 0;
    margin: 0;
    display: block
}

body .captcha-row .recaptcha {
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 0;
    display: block
}

body .captcha-row.invisible.logo_captcha_n>div {
    display: none
}

body .captcha-row.invisible.inline {
    height: auto;
    margin-bottom: 10px;
    margin-top: 0
}

body .captcha-row.compact label.error,
body .captcha-row.normal label.error {
    top: 0
}

.grecaptcha-badge {
    z-index: 5
}

.uploader {
    border: 1px solid #dadada;
    border-color: var(--input_border_color);
    position: relative;
    margin-top: 10px;
    background: #f8f8f8;
    background: var(--input_bg_color);
    cursor: pointer;
    transition: background-color .3s ease, border-color .3s ease;
    -moz-transition: background-color .3s ease, border-color .3s ease;
    -ms-transition: background-color .3s ease, border-color .3s ease;
    -o-transition: background-color .3s ease, border-color .3s ease;
    -webkit-transition: background-color .3s ease, border-color .3s ease;
    min-height: 48px;
    border-radius: 8px;
    border-radius: var(--border-radius)
}

.uploader:first-of-type {
    margin-top: 0
}

.uploader:hover+.uploader {
    z-index: 11
}

.uploader:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 16px;
    width: 11px;
    height: 20px;
    background: url(/bitrix/templates/aspro-lite/css/../images/svg/attach_icons.svg) 0 0 no-repeat
}

.uploader.hover {
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.uploader.hover:before {
    background-position: -15px 0
}

.uploader input[type=file] {
    z-index: 10;
    opacity: 0;
    border: none;
    background: 0 0;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.uploader .action {
    display: none;
    position: absolute;
    top: 9px;
    left: 9px;
    background: #fff;
    background: var(--black_bg_black);
    border-radius: 8px;
    border-radius: var(--border-radius);
    color: #fff;
    color: var(--white_text_black_reverse);
    padding: 7px 12px;
    font-size: 1em;
    line-height: 15px;
    margin-right: 10px
}

.uploader.hover .action {
    color: #fff;
    color: var(--white_text_black_reverse)
}

.uploader .filename {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    font-size: 1em;
    color: #222;
    color: var(--white_text_black);
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    line-height: 25px;
    padding: 10px 0 0 47px;
    max-width: calc(100% - 55px)
}

.uploader.hover .filename {
    color: #fff
}

.uploader .resetfile {
    position: absolute;
    right: -1px;
    width: 47px;
    display: block;
    top: -1px;
    bottom: -1px;
    z-index: 10;
    border-radius: 0 8px 8px 0;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    border: 1px solid #dadada;
    border-color: var(--input_border_color);
    background: #fff;
    background-color: var(--input_bg_color)
}

.uploader .resetfile svg {
    position: absolute;
    display: block;
    top: 50%;
    margin: -5px 0 0 -5px;
    left: 50%
}

.uploader .resetfile:hover svg path {
    stroke: #fff
}

.form .input .add_file {
    font-size: .8em;
    cursor: pointer;
    padding: 4px 10px 0 0;
    display: inline-block
}

.form .input .add_file:hover {
    color: #222
}

.form .input .add_file span {
    border-bottom: 1px dotted
}

.uploader.files_add:not(.hover):before {
    left: 13px;
    width: 20px
}

.uploader.files_add:not(.hover):not(.error):before {
    background-image: url(/bitrix/templates/aspro-lite/css/../images/svg/uploader-success.svg)
}

.uploader.files_add:not(.hover).error:before {
    background-image: url(/uploader-error.svg)
}

.form-checkbox__input {
    display: none
}

body .form-checkbox__input--visible {
    display: block;
    visibility: hidden;
    width: 0;
    line-height: 0;
    margin: 0
}

body label.form-checkbox__label {
    padding: 0 0 0 35px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    outline: 0;
    display: block;
    margin: 0;
    color: #666;
    color: var(--lite_basic_text_black);
    line-height: calc(1em + 7px);
    line-height: 24px;
    min-height: 24px
}

body .form-checkbox__label:hover,
body .form-radiobox__label:hover {
    color: var(--fill_dark_lite_white_hover)
}

.form-checkbox__label.form-checkbox__label--no-text {
    padding-left: 20px
}

.form-checkbox__label:not(.form-checkbox__label--sm) {
    font-size: .875rem
}

.form-checkbox__label--sm {
    font-size: .8125rem
}

.form-checkbox__label.form-checkbox__label--sm>span:not(.form-checkbox__box) {
    vertical-align: middle
}

.form-checkbox__box {
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    box-sizing: border-box;
    background: #fff;
    background: var(--darkerblack_bg_black);
    border: 1px solid #dadada;
    border: 1px solid var(--input_border_color);
    transition: all 250ms cubic-bezier(.4, 0, .23, 1);
    transition: all ease .3s
}

.form-checkbox__box--static {
    transition: none
}

.form-checkbox__label:hover .form-checkbox__box {
    box-shadow: 0 0 0 1px inset var(--theme-base-color);
    border-color: var(--theme-base-color)
}

.bx-ie .form-checkbox__label:hover .form-checkbox__box {
    box-shadow: 0 0 0 1px #9e9e9e inset;
    border-color: #9e9e9e
}

.form-checkbox__input:checked+.form-checkbox__label {
    color: #333;
    color: var(--white_text_black)
}

.form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box {
    border: 8px solid #9e9e9e;
    border-color: var(--theme-base-color);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -1px;
    top: 2px;
    width: 4px;
    height: 8px;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    content: "";
    box-sizing: content-box;
    transform-origin: 0 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4, 0, .23, 1) forwards
}

.form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box.form-checkbox__box--static:before {
    animation: none;
    border-color: #fff;
    height: .5em;
    height: 8px;
    transform: translate3d(0, -8px, 0) rotate(45deg);
    width: .2em;
    width: 4px
}

.form-checkbox--margined .form-checkbox__label {
    margin-bottom: 12px
}

.form-checkbox--margined .form-checkbox__label:last-of-type {
    margin-bottom: 0
}

.form-checkbox__label.form-checkbox__label--toggle {
    --toggle-width: 32px;
    --toggle-height: calc(var(--toggle-width) / 2);
    --toggle-padding: 3px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.form-checkbox__label--toggle .form-checkbox__box {
    display: block;
    position: relative;
    left: auto;
    height: var(--toggle-height);
    width: var(--toggle-width);
    padding: var(--toggle-padding);
    border-radius: 50px;
    right: 0;
    border: none !important;
    background: var(--gray_bg_black);
    flex-shrink: 0
}

.form-checkbox__label--toggle .form-checkbox__box:before {
    display: none
}

.form-checkbox__label--toggle .form-checkbox__box:after {
    content: "";
    position: absolute;
    top: var(--toggle-padding);
    left: var(--toggle-padding);
    width: calc(var(--toggle-height) - calc(var(--toggle-padding) * 2));
    height: calc(var(--toggle-height) - calc(var(--toggle-padding) * 2));
    background-color: #fff;
    border-radius: 100%;
    transition: left ease .3s
}

.form-checkbox__input:checked+.form-checkbox__label--toggle .form-checkbox__box {
    background: var(--theme-base-color)
}

.form-checkbox__input:checked+.form-checkbox__label--toggle .form-checkbox__box:after {
    left: auto;
    left: calc(100% - calc(var(--toggle-height) - calc(var(--toggle-padding) * 2)) - var(--toggle-padding));
    right: var(--toggle-padding)
}

.form-radiobox+.form-radiobox .form-radiobox__label {
    margin-top: 12px
}

.form-radiobox__input {
    display: none
}

.form-radiobox__label {
    padding: 1px 0 0 31px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    outline: 0;
    display: block;
    color: #666;
    color: var(--lite_basic_text_black);
    font-size: .875rem;
    line-height: calc(1em + 7px);
    min-height: 24px
}

.form-radiobox__box {
    position: absolute;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transition: border .2s;
    left: 0;
    border: 1px solid #dadada;
    border-color: var(--input_border_color);
    background: #fff;
    background-color: var(--darkerblack_bg_black)
}

.form-radiobox:hover .form-radiobox__box {
    box-shadow: 0 0 0 1px inset var(--theme-base-color);
    border-color: var(--theme-base-color)
}

.bx-ie .form-radiobox:hover .form-radiobox__box {
    box-shadow: 0 0 0 1px #9e9e9e inset;
    border-color: #9e9e9e
}

.form-radiobox__input:checked+.form-radiobox__label {
    color: #333;
    color: var(--white_text_black)
}

.form-radiobox__input:checked+.form-radiobox__label .form-radiobox__box {
    border: 7px solid #9e9e9e;
    border-color: var(--theme-base-color);
    box-shadow: none
}

#main .disabled .form-checkbox__box {
    background-color: #f8f8f8
}

#main .disabled .form-box {
    background-color: #f8f8f8;
    border-color: #ddd;
    box-shadow: none
}

#main .disabled {
    color: #666;
    color: var(--lite_basic_text_black);
    cursor: not-allowed;
    opacity: .6
}

#main .disabled .form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box {
    background-color: #ddd
}

.ratings {
    white-space: nowrap
}

.ratings .item-rating .svg svg path {
    fill: #ddd
}

.ratings .item-rating.filed .svg svg path {
    fill: #ffb45b
}

.row[data-sid=FILE1] label,
.row[data-sid=FILES1] label,
.row[data-sid=RATING] label {
    display: none
}

form .rating_message {
    margin: 0 0 0 20px;
    position: relative;
    padding: 0 0 0 30px;
    color: #222;
    color: var(--white_text_black);
    font-size: 1rem
}

form .rating_message:before {
    content: "\2014";
    position: absolute;
    left: 0;
    top: 0
}

.votes_block--inline {
    padding: 0;
    border: none
}

body .bx-soa-auth .eye-password input[type=password],
body .bx-soa-auth .eye-password input[type=text],
body .eye-password input[type=password],
body .eye-password input[type=text] {
    padding-right: 55px
}

.eye-password {
    position: relative
}

.eye-password:after {
    content: "";
    width: 55px;
    height: 48px;
    position: absolute;
    top: 0;
    background-image: url(/bitrix/templates/aspro-lite/css/../images/svg/eye_close.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    cursor: pointer;
    right: 1px
}

.row>.eye-password:after {
    right: 17px
}

body .bx-soa-auth .eye-password:after {
    top: 2px
}

.eye-password.password-show:after {
    background-image: url(/bitrix/templates/aspro-lite/css/../images/svg/eye_open.svg)
}

.jqmWindow input[type=email]:not([readonly]):not([disabled]):focus,
.jqmWindow input[type=password]:not([readonly]):not([disabled]):focus,
.jqmWindow input[type=tel]:not([readonly]):not([disabled]):focus,
.jqmWindow input[type=text]:not([readonly]):not([disabled]):focus,
.jqmWindow select:not([readonly]):not([disabled]):focus,
.jqmWindow textarea:not([readonly]):not([disabled]):focus {
    outline: 0;
    background-color: var(--input_bg_color-focus);
    border: 1px solid #999;
    border-color: var(--input_border_color-focus)
}

.form .eye-password input {
    background-size: 0 !important
}

@media (min-width:992px) {
    .form--BG_IMG:not(.form--centered) .sticky-block {
        padding-right: 100px
    }

    .form__info--RIGHT>div {
        padding-left: 100px
    }

    .form__info--LEFT>div {
        padding-right: 100px
    }

    .form__info--RIGHT .maxwidth-theme--half {
        padding-right: 32px
    }

    .form__info--LEFT .maxwidth-theme--half {
        padding-left: 32px;
        margin-left: auto
    }

    .form--SIDE_IMG:not(.form--static) .index-block__subtitle {
        margin-top: -5px
    }
}

@media (max-width:991px) {
    .form__img--SIDE_IMG {
        display: none
    }

    .form--SIDE_IMG .maxwidth-theme--half {
        padding: 0 24px;
        max-width: none
    }

    .form:not(.form--success) .form__info {
        align-self: auto
    }
}

@media (max-width:991px) and (min-width:768px) {
    .form--COMPACT .form__info--RIGHT>div {
        padding-left: 50px
    }

    .form--COMPACT .form__info--LEFT>div {
        padding-right: 50px
    }
}

@media (max-width:767px) {
    .form__img {
        display: none
    }

    .captcha-row .captcha_input input[name=captcha_word] {
        width: 100%
    }

    .captcha-row .captcha_input {
        max-width: 100%
    }
}

@media (max-width:400px) {
    .form .captcha_image {
        width: 100%
    }

    .form .captcha-row .captcha_image {
        width: 170px
    }

    .form .captcha-row .captcha_image img {
        width: 140px
    }

    .form .captcha-row .captcha_input {
        left: 164px
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #fff;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }

    33% {
        width: .2em;
        width: 4px;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }

    100% {
        width: .2em;
        width: 4px;
        height: .5em;
        height: 8px;
        border-color: #fff;
        transform: translate3d(0, -8px, 0) rotate(45deg)
    }
}



.header--color_colored {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.color-theme {
    color: #9e9e9e;
    color: var(--theme-base-color)
}

@media (hover:hover) {

    .color-theme-hover-no-active:not(.active):hover,
    .color-theme-hover:hover,
    .color-theme-parent-all:hover .color-theme-target,
    .color-theme-parent:hover>.color-theme-target {
        color: #9e9e9e;
        color: var(--fill_dark_lite_hover)
    }

    .bg-theme-hover:hover,
    .bg-theme-parent-hover:hover .bg-theme-target {
        background-color: #9e9e9e;
        background-color: var(--theme-base-color)
    }

    .bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border {
        color: #fff
    }

    .bg-theme-white-hover:hover,
    .bg-theme-white-parent-hover:hover .bg-theme-target {
        background-color: #9e9e9e;
        background-color: var(--fill_dark_lite_white_hover)
    }

    .bg-theme-hover-active:hover.active {
        background-color: #9e9e9e;
        background-color: var(--theme-base-color) !important
    }

    .bg-theme-hover-active:hover.active {
        background-color: #9e9e9e;
        background-color: var(--theme-more-color) !important
    }

    .fill-theme-hover:hover *,
    .fill-theme-parent-all:hover .fill-theme-target *,
    .fill-theme-parent:hover>.fill-theme-target *,
    .fill-theme-use-svg-hover:hover * {
        fill: #9e9e9e;
        fill: var(--fill_dark_lite_hover)
    }

    .stroke-theme-hover:hover *,
    .stroke-theme-parent-all:hover .stroke-theme-target *,
    .stroke-theme-parent:hover>.stroke-theme-target,
    .stroke-theme-use-svg-hover:hover * {
        stroke: #9e9e9e;
        stroke: var(--theme-base-color)
    }

    .colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el-svg svg path {
        fill: var(--fill_dark_lite_white_hover)
    }

    .fill-dark-light-block:hover path,
    .fill-dark-light-block:hover use {
        fill: var(--fill_dark_lite_hover)
    }

    .stroke-dark-light-block:hover path,
    .stroke-dark-light-block:hover use {
        stroke: var(--fill_dark_lite_hover)
    }
}

.active .bg-theme-active-child,
.bg-theme,
.bg-theme-active.active,
.bg-theme-after:after,
.bg-theme-before:before {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.active .bg-theme-active-child,
.bg-theme-active.active {
    background-color: #9e9e9e;
    background-color: var(--theme-more-color)
}

.bg-opacity-theme,
.bg-opacity-theme-active.active,
.bg-opacity-theme-after:after,
.bg-opacity-theme-before:before,
.bg-opacity-theme-hover:hover,
.bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target {
    background-color: #9e9e9e;
    background-color: var(--opacity_dark_lite_hover)
}

.active .border-theme-active-child,
.border-theme,
.border-theme-active.active,
.border-theme-hover:hover,
.border-theme-parent-hover:hover .border-theme-target {
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

#main .colored_theme_svg svg path,
.colored_theme_svg,
.fill-theme svg *,
.fill-theme-svg,
.fill-theme-use-svg svg {
    fill: #9e9e9e;
    fill: var(--theme-base-color)
}

.fill-use-999 svg,
.fill-use-svg-999 {
    fill: #999
}

.fill-use-888 svg,
.fill-use-svg-888 {
    fill: #888
}

.fill-use-fff svg,
.fill-use-svg-fff {
    fill: #fff
}

.stroke-use-999 svg,
.stroke-use-svg-999 {
    stroke: #999
}

.stroke-use-888 svg,
.stroke-use-svg-888 {
    stroke: #888
}

.stroke-use-grey svg,
.stroke-use-svg-grey {
    stroke: #b8b8b8
}

.stroke-use-fff svg,
.stroke-use-svg-fff {
    stroke: #fff
}

.stroke-theme *,
.stroke-theme-svg,
.stroke-theme-use-svg svg {
    stroke: #9e9e9e;
    stroke: var(--theme-base-color)
}

.svg.colored:not(.svg-inline-icon) * {
    fill: var(--fill_dark_lite_hover)
}

#main .header-menu__item--more-items .header-menu__link:hover,
#main .menu-topest .menu-topest__more .menu-topest__link:hover {
    color: #9e9e9e;
    color: var(--fill_dark_lite_hover)
}

.fancybox-button:hover path,
.fancybox-slide--html .fancybox-close-small:hover path {
    fill: #9e9e9e;
    fill: var(--fill_dark_lite_hover)
}

@media (max-width:1200px) {
    .header-menu--bottom-1200.header-menu--color_colored {
        background-color: #9e9e9e;
        background-color: var(--theme-base-color)
    }
}

.bg-more-theme {
    background-color: #9e9e9e;
    background-color: var(--theme-more-color)
}

.fill-more-theme {
    fill: #9e9e9e;
    fill: var(--theme-more-color) !important
}

.colored_theme {
    color: var(--fill_dark_lite_white_hover)
}

.colored_theme_bg,
.colored_theme_bg_hover:hover,
.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el {
    background-color: var(--theme-base-color)
}

body .colored_bg_in_dark {
    background-color: var(--theme-base-color)
}

.colored_theme_bg2_hover:hover {
    background-color: hsl(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness))
}

.colored,
.colored-link,
.dark-color:hover,
a.colored {
    color: var(--fill_dark_lite_white_hover)
}

a {
    color: var(--fill_dark_lite_white_hover)
}

.colored:hover,
a.colored:hover {
    color: var(--fill_dark_lite_hover)
}

a:active {
    color: var(--fill_dark_lite_hover)
}

.colored-link:hover {
    color: var(--fill_dark_lite_cc)
}

.fill-dark-light,
.fill-dark-light path,
.fill-dark-light-block path,
.fill-dark-light-block use {
    fill: var(--fill_dark_light)
}

.stroke-dark-light,
.stroke-dark-light *,
.stroke-dark-light-block path,
.stroke-dark-light-block use {
    stroke: var(--fill_dark_light)
}

a:focus,
a:hover {
    color: var(--fill_dark_lite_ccc)
}

.fill_card_bg_hover_black {
    fill: var(--card_bg_hover_black)
}

.style-switcher .options>div.more_color.current>span,
.style-switcher .options>div.more_color.current>span:hover {
    border-color: #9e9e9e;
    border-color: var(--theme-more-color)
}

.uploader.hover {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.uploader .resetfile:hover {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.side-icons__item:hover {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.opened .link-with-flag:before {
    background-color: #9e9e9e;
    background-color: var(--theme-more-color)
}

.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:after {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.colored_more_theme_bg2_hover:hover {
    background-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)))
}

.colored_theme_bg_opacity {
    background-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), var(--theme-more-color-lightness), .1)
}

.bottom-menu .item.active .title,
.bottom-menu .item.active .title a,
.bottom-menu .item:hover .title,
.bottom-menu .item:hover .title a {
    color: var(--fill_dark_lite_hover) !important
}

footer .print-link:hover {
    color: var(--fill_dark_lite_hover)
}

footer .print-link:hover svg path {
    fill: var(--fill_dark_lite_hover)
}

@media (min-width:992px) {
    .popup_video.mobile {
        display: none
    }
}

@media (max-width:991px) {
    .side_left .main-wrapper {
        display: block
    }

    .container .left_block {
        display: none
    }

    .container>.row>.maxwidth-theme>.content-md {
        display: block
    }

    .container>.row>.maxwidth-theme>.content-md>.left_block>aside,
    .container>.row>.maxwidth-theme>.content-md>.left_block>div {
        display: none !important
    }

    .container>.row>.maxwidth-theme>.content-md>.right_block.narrow_Y {
        width: 100%
    }
}

@media (min-width:768px) {
    .head-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .head-block {
        display: none;
        margin-bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: -1px;
        z-index: 110;
        max-height: 220px;
        overflow-x: hidden;
        background-color: #fff;
        background: var(--card_bg_black);
        padding: 8px 20px
    }

    .head-block .line-block {
        display: block
    }

    .head-block__item-text {
        padding: 8px 0
    }

    .head-block__item--active .head-block__item-text:before {
        display: none
    }

    .dropdown-select .head-block {
        overflow-y: scroll !important;
        position: absolute !important
    }

    .dropdown-select .head-block .head-block__item {
        white-space: normal
    }
}

@media (max-width:600px) {
    .compact-hidden-t600 {
        display: none !important
    }

    .height-auto-t600 {
        height: auto !important
    }

    #main .shadow-hovered-f600:hover {
        box-shadow: none;
        border-color: #e5e5e5;
        border-color: var(--stroke_black)
    }

    a.scroll-to-top {
        display: none
    }
}





.sections-block__item-link{--item-pl:20px;--item-pr:20px;--item-pt:32px;--item-pb:27px;padding:var(--item-pt) var(--item-pr) var(--item-pb) var(--item-pl);text-align:center;display:block}.items-6 .sections-block__item-link{--item-pt:36px;--item-pb:31px}.items-5 .sections-block__item-link{--item-pt:40px;--item-pb:35px}.items-4 .sections-block__item-link{--item-pt:44px;--item-pb:39px}.sections-block__item-image-wrapper{--section-image-width:80px;--section-image-height:80px;width:var(--section-image-width);height:var(--section-image-height);margin:auto auto 14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sections-block__item-image{max-width:100%;max-height:100%}.sections-block__item-image-wrapper--ICONS{--section-image-width:40px;--section-image-height:40px}.sections-block__item-image-wrapper--ICONS svg{width:var(--section-image-width);height:var(--section-image-height)}.sections-block__item-text{display:block}@media (min-width:1200px){.items-6 .sections-block__item-image-wrapper--PICTURES{--section-image-width:104px;--section-image-height:104px}.items-4 .sections-block__item-image-wrapper--PICTURES,.items-5 .sections-block__item-image-wrapper--PICTURES{--section-image-width:120px;--section-image-height:120px}}@media (max-width:600px){.sections-block__item-image-wrapper--PICTURES{--section-image-width:70px;--section-image-height:70px}.sections-block__item-link{--item-pl:16px;--item-pr:16px;--item-pt:16px;--item-pb:16px}.normal .sections-block__item-image-wrapper{--section-image-width:auto;--section-image-height:auto}.sections-block--mobile-compact.grid-list{grid-gap:12px}.sections-block--mobile-compact.mobile-scrolled{grid-gap:0}.sections-block--mobile-compact .sections-block__item-image-wrapper{--section-image-width:32px;--section-image-height:32px;margin:0 18px 0 0}.sections-block--mobile-compact .sections-block__item-inner{display:flex;flex-direction:row;align-items:center;text-align:left}.sections-block--mobile-compact .sections-block__item-link{--item-pt:16px;--item-pb:16px}}




.breadcrumbs .breadcrumbs{padding:0}.breadcrumbs__item{display:inline-block;position:relative;padding-right:16px;margin-right:-16px}.mobile .breadcrumbs__item:hover .breadcrumbs__dropdown-wrapper{display:none}.mobile .breadcrumbs__item.hover .breadcrumbs__dropdown-wrapper{display:block}.breadcrumbs__separator{position:relative;zoom:1;bottom:0;display:inline-block;line-height:18px;margin:0 8px 0 12px;border:none;color:#ddd}.breadcrumbs__item--with-dropdown:hover .breadcrumbs__arrow-down{opacity:1}.breadcrumbs__arrow-down{opacity:.5;border:none;top:13px;right:3px;display:none;height:3px;line-height:18px;margin:0 4px;position:absolute;width:5px;z-index:1;font-size:0}.breadcrumbs__arrow-down .svg{top:-8px;font-size:10px}.breadcrumbs__item--with-dropdown .breadcrumbs__arrow-down{display:inline-block}.breadcrumbs__item-name{color:#999}.breadcrumbs__link:hover .breadcrumbs__item-name{color:#555;color:var(--fill_dark_lite_white_hover)}.breadcrumbs__item--with-dropdown .breadcrumbs__item--dropdown{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.breadcrumbs__dropdown-wrapper{display:none;padding-top:8px;top:18px;z-index:2;position:absolute;left:-18px}.breadcrumbs__dropdown{background:#fff;padding:11px 20px;text-align:left;box-shadow:0 1px 5px 1px rgba(0,0,0,.12)}.breadcrumbs__dropdown .breadcrumbs__dropdown-item{display:block;line-height:14px;padding:5px 0;text-decoration:none;text-transform:none;white-space:nowrap}@media (min-width:768px){.breadcrumbs__item--with-dropdown+.breadcrumbs__separator{margin-left:18px}}@media (max-width:767px){.breadcrumbs__item--with-dropdown .breadcrumbs__arrow-down{display:none}}@media (max-width:600px){.breadcrumbs{white-space:nowrap;overflow-x:auto;margin-right:calc(var(--theme-page-width-padding) * -1);margin-left:calc(var(--theme-page-width-padding) * -1);padding-left:var(--theme-page-width-padding);padding-bottom:5px}}