@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Medium.ttf');
    font-weight: 500;
}

/*base*/
body {
    font-weight: 400;
}

/*theme update*/

.auth-dialog-form .forgot span,
.register .bord-bot {
    color: #6c757d;
}

.product.order-product .wr-name a {
    color: #1F1F1F !important;
}

div.slider_catalog_big_items.cart-info-block div.wrapper-controls div.small-picture {
    width: 80px !important;
    height: 80px !important;
}

div.slider_catalog_big_items.cart-info-block div.wrapper-controls div.small-picture:hover {
    border-color: #E3D7CF !important;
}

div.cart-info-block div.wrapper-controls div.small-picture.active {
    border-color: #E3D7CF !important;
}

div.slider_catalog_big_items.cart-info-block div.wrapper-controls div.small-picture img {
    width: 100% !important;
    height: auto !important;
    max-height: unset !important;
}

.main-color,
div.news div.slider-news .slick-prev,
div.news div.slider-news .slick-next,
.universal-head-arrows .slick-prev,
.universal-head-arrows .slick-next {
    color: #fff !important;
}

body.font-maincolor-dark .secondary:hover,
body.font-maincolor-light .secondary:hover {
    color: #fff !important;
}

#delayed_items .product-name,
#basket_items .product-name {
    color: #1F1F1F !important;
}

form.form button.active {
    color: #fff !important;
}

div.wrapper.tone-dark div.top-shadow {
    display: none;
}

body.font-maincolor-dark .open-cart.no-empty {
    display: none !important;
}

div.block.first-bigblock.phoenix-firsttype-hidden {
    padding: 126px 0 0 0 !important;
}

.container {
    width: 100%;
    max-width: 1308px;
    padding: 0 74px;
}

.c-wrapper {
    width: 100%;
    max-width: 1308px;
    padding: 0 74px;
    margin: auto;
    position: relative;
}

.container .c-wrapper {
    padding: 0;
}

#block36172 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36172 .container .c-wrapper {
    padding: 0 74px;
}

#block36173 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36173 .container .c-wrapper {
    padding: 0 74px;
}

#block36170 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36170 .container .c-wrapper {
    padding: 0 74px;
}

#block36170 .top-shadow {
    display: none;
}

#block36177 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36177 .container .c-wrapper {
    padding: 0 74px;
}

#block36178 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36178 .container .c-wrapper {
    padding: 0 74px;
}

#block36187 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36187 .container .c-wrapper {
    padding: 0 74px;
}

#block36188 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36188 .container .c-wrapper {
    padding: 0 74px;
}

#block36192 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36192 .container .c-wrapper {
    padding: 0 74px;
}

#block36193 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36193 .container .c-wrapper {
    padding: 0 74px;
}

#block36196 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36196 .container .c-wrapper {
    padding: 0 74px;
}

#block36197 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36197 .container .c-wrapper {
    padding: 0 74px;
}

#block36198 {
    z-index: 99999999;
}

#block36198 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36198 .container .c-wrapper {
    padding: 0 74px;
}

#block36199 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36199 .container .c-wrapper {
    padding: 0 74px;
}

#block36200 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36200 .container .c-wrapper {
    padding: 0 74px;
}

#block36202 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36202 .container .c-wrapper {
    padding: 0 74px;
}

#block36205 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36205 .container .c-wrapper {
    padding: 0 74px;
}

#block36210 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36210 .container .c-wrapper {
    padding: 0 74px;
}

#block36215 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36215 .container .c-wrapper {
    padding: 0 74px;
}

#block36220 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36220 .container .c-wrapper {
    padding: 0 74px;
}

#block36227 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36227 .container .c-wrapper {
    padding: 0 74px;
}

#block36285 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36285 .container .c-wrapper {
    padding: 0 74px;
}

#block36286 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36286 .container .c-wrapper {
    padding: 0 74px;
}

#block36287 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36287 .container .c-wrapper {
    padding: 0 74px;
}

#block36288 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36288 .container .c-wrapper {
    padding: 0 74px;
}

#block36289 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36289 .container .c-wrapper {
    padding: 0 74px;
}

#block36291 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36291 .container .c-wrapper {
    padding: 0 74px;
}

#block36292 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36292 .container .c-wrapper {
    padding: 0 74px;
}

#block36293 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36293 .container .c-wrapper {
    padding: 0 74px;
}

#block36294 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36294 .container .c-wrapper {
    padding: 0 74px;
}

#block36295 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36295 .container .c-wrapper {
    padding: 0 74px;
}

#block36296 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36296 .container .c-wrapper {
    padding: 0 74px;
}

#block36297 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36297 .container .c-wrapper {
    padding: 0 74px;
}

#block36298 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36298 .container .c-wrapper {
    padding: 0 74px;
}

#block36299 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36299 .container .c-wrapper {
    padding: 0 74px;
}

/*prod*/

#block36999 .container,
#block37011 .container,
#block37004 .container,
#block37016 .container,
#block37021 .container,
#block37026 .container,
#block37031 .container,
#block37041 .container,
#block37036 .container,
#block36987 .container,
#block36993 .container,
#block36964 .container,
#block36947 .container,
#block36971 .container,
#block36977 .container,
#block36982 .container,
#block36942 .container,
#block36952 .container,
#block36957 .container,
#block36997 .container,
#block36923 .container,
#block36989 .container,
#block37005 .container,
#block37006 .container,
#block36932 .container,
#block36937 .container,
#block36927 .container,
#block36936 .container,
#block36922 .container,
#block36929 .container,
#block36801 .container,
#block36803 .container,
#block36804 .container,
#block36805 .container,
#block37401 .container,
#block37400 .container,
#block37413 .container,
#block37419 .container,
#block38006 .container,
#block42397 .container,
#block36806 .container,
#block46921 .container,
#block46961 .container,
#block46968 .container,
#block46005 .container,
#block47037 .container,
#block47046 .container,
#block47054 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

#block36806 {
    z-index: 99999999;
}

#block36999 .container .c-wrapper,
#block37011 .container .c-wrapper,
#block37004 .container .c-wrapper,
#block37016 .container .c-wrapper,
#block37021 .container .c-wrapper,
#block37026 .container .c-wrapper,
#block37031 .container .c-wrapper,
#block37041 .container .c-wrapper,
#block37036 .container .c-wrapper,
#block36987 .container .c-wrapper,
#block36993 .container .c-wrapper,
#block36964 .container .c-wrapper,
#block36947 .container .c-wrapper,
#block36971 .container .c-wrapper,
#block36977 .container .c-wrapper,
#block36982 .container .c-wrapper,
#block36942 .container .c-wrapper,
#block36952 .container .c-wrapper,
#block36957 .container .c-wrapper,
#block36997 .container .c-wrapper,
#block36923 .container .c-wrapper,
#block36989 .container .c-wrapper,
#block37005 .container .c-wrapper,
#block37006 .container .c-wrapper,
#block36932 .container .c-wrapper,
#block36937 .container .c-wrapper,
#block36927 .container .c-wrapper,
#block36936 .container .c-wrapper,
#block36922 .container .c-wrapper,
#block36929 .container .c-wrapper,
#block36801 .container .c-wrapper,
#block36803 .container .c-wrapper,
#block36804 .container .c-wrapper,
#block36805 .container .c-wrapper,
#block37401 .container .c-wrapper,
#block37400 .container .c-wrapper,
#block37413 .container .c-wrapper,
#block37419 .container .c-wrapper,
#block38006 .container .c-wrapper,
#block42397 .container .c-wrapper,
#block36806 .container .c-wrapper,
#block46921 .container .c-wrapper,
#block46005 .container .c-wrapper,
#block46968 .container .c-wrapper,
#block46961 .container .c-wrapper,
#block47037 .container .c-wrapper,
#block47046 .container .c-wrapper,
#block47054 .container .c-wrapper {
    padding: 0 74px;
}


@media (max-width: 768px) {
    .container {
        padding: 0 10px;
    }

    .c-wrapper {
        padding: 0 10px;
    }

    #block36172 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36172 div.bl-txt .wr-txt {
        margin: -15px 0 0 0;
    }

    #block36173 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36170 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36177 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36178 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36187 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36188 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36192 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36193 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36196 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36197 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36198 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36199 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36200 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36202 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36205 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36210 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36220 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36215 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36227 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36285 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36286 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36287 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36288 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36289 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36291 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36292 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36293 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36294 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36295 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36296 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36297 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36298 .container .c-wrapper {
        padding: 0 10px;
    }

    #block36299 .container .c-wrapper {
        padding: 0 10px;
    }

    div.block.first-bigblock.phoenix-firsttype-hidden {
        padding: 0 !important;
    }

    /*prod*/

    #block36999 .container .c-wrapper,
    #block37011 .container .c-wrapper,
    #block37004 .container .c-wrapper,
    #block37016 .container .c-wrapper,
    #block37021 .container .c-wrapper,
    #block37026 .container .c-wrapper,
    #block37031 .container .c-wrapper,
    #block37041 .container .c-wrapper,
    #block37036 .container .c-wrapper,
    #block36987 .container .c-wrapper,
    #block36993 .container .c-wrapper,
    #block36964 .container .c-wrapper,
    #block36947 .container .c-wrapper,
    #block36971 .container .c-wrapper,
    #block36977 .container .c-wrapper,
    #block36982 .container .c-wrapper,
    #block36942 .container .c-wrapper,
    #block36952 .container .c-wrapper,
    #block36957 .container .c-wrapper,
    #block36997 .container .c-wrapper,
    #block36923 .container .c-wrapper,
    #block36989 .container .c-wrapper,
    #block37005 .container .c-wrapper,
    #block37006 .container .c-wrapper,
    #block36932 .container .c-wrapper,
    #block36937 .container .c-wrapper,
    #block36927 .container .c-wrapper,
    #block36936 .container .c-wrapper,
    #block36922 .container .c-wrapper,
    #block36929 .container .c-wrapper,
    #block36801 .container .c-wrapper,
    #block36803 .container .c-wrapper,
    #block36804 .container .c-wrapper,
    #block36805 .container .c-wrapper,
    #block37401 .container .c-wrapper,
    #block37400 .container .c-wrapper,
    #block37413 .container .c-wrapper,
    #block37419 .container .c-wrapper,
    #block38006 .container .c-wrapper,
    #block42397 .container .c-wrapper,
    #block36806 .container .c-wrapper,
    #block46921 .container .c-wrapper,
    #block46005 .container .c-wrapper,
    #block46968 .container .c-wrapper,
    #block46961 .container .c-wrapper,
    #block47037 .container .c-wrapper,
    #block47046 .container .c-wrapper,
    #block47054 .container .c-wrapper {
        padding: 0 10px;
    }
}

/* compare remove "remove icon for item" */
.compare-page .first-td .remove {
    display: none !important;
}

/*theme update*/

.total.sale_on .dynamic-show-hide-total-title,
.new-detail a {
    color: #1F1F1F !important;
}

div.cart-info-block div.wrapper-controls div.more a {
    color: #1F1F1F !important
}

.show-only--not--on-product-page {
    display: none;
}

.catalog-list .show-only--not--on-product-page {
    display: block;
}

.catalog-list .show-only-on-product-page {
    display: none;
}

.btn-zvonok {
    color: #F7F6F2 !important;
}

.dark-btn {
    display: block;
    max-width: max-content;
    padding: 16px 48px;
    border-radius: 6px;
    background: #1F1F1F !important;
    color: #F7F6F2 !important;
    font-size: 16px;
    line-height: 130%;
    text-decoration: none;
    transition: .2s all;
    max-height: 51px;
    white-space: nowrap;
}

.dark-btn:hover {
    background: #4F4F4F !important;
    color: #F7F6F2 !important;
}


.dark-btn:active {
    background: #4F4F4F !important;
    color: #F7F6F2 !important;
}


.gray-btn {
    display: block;
    max-width: max-content;
    padding: 16px 48px;
    border-radius: 6px;
    background: #C6BAB1 !important;
    color: #1F1F1F !important;
    font-size: 16px !important;
    line-height: 130%;
    text-decoration: none;
    transition: .2s all;
    text-transform: initial !important;
    max-height: 51px;
    white-space: nowrap;
}

.gray-btn:hover {
    background: #B0A9A7 !important;
    color: #1F1F1F !important;
}

.gray-btn:active {
    background: #B0A9A7 !important;
    color: #1F1F1F !important;
}

.gray-btn_ltl-text {
    font-size: 14px !important;
    line-height: 135%;
    padding: 8px 16px;
}

.w-btn {
    display: block;
    max-width: max-content;
    padding: 15px 35px;
    border-radius: 6px;
    background: #FFF !important;
    color: #1F1F1F !important;
    font-size: 16px !important;
    line-height: 130%;
    text-decoration: none;
    transition: .2s all;
    text-transform: initial !important;
    max-height: 51px;
    border: 1px solid #FFF;
    white-space: nowrap;
}

.w-btn:hover {
    border: 1px solid #1F1F1F;
    background: #1F1F1F !important;
    color: #FFFF !important;
}

.w-btn:active {
    border: 1px solid #1F1F1F;
    background: #1F1F1F !important;
    color: #FFFF !important;
}

.brn-btn {
    display: block;
    max-width: max-content;
    padding: 16px 48px;
    border-radius: 6px;
    background: #B77B72 !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    line-height: 130%;
    text-decoration: none;
    transition: .2s all;
    text-transform: initial !important;
    max-height: 51px;
    white-space: nowrap;
}

.brn-btn:hover {
    background: #C19791 !important;
    color: #FFFFFF !important;
}

.brn-btn:active {
    background: #C19791 !important;
    color: #FFFFFF !important;
}

.brn-btn_ltl-text {
    font-size: 14px !important;
    line-height: 135%;
    padding: 8px 16px;
}

.title {
    font-size: 36px !important;
    font-weight: 500 !important;
    line-height: 125% !important;
    text-transform: uppercase;
    margin: 0 0 50px 0 !important;
    color: #1F1F1F !important;
}

.bx_compare .compare_view .item_block .title {
    font-size: 15px !important;
    line-height: 21px !important;
    margin-bottom: 10px !important;
    max-height: initial !important;
    overflow: hidden;
}

.order-delivery-item-info .title {
    font-size: 20px !important;
    line-height: 22px !important;
    margin-bottom: 10px !important;
}


h1 {
    font-weight: 500 !important;
}

h2 {
    font-size: 36px !important;
    font-weight: 500 !important;
    line-height: 125% !important;
    text-align: left !important;
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    .title {
        font-size: 32px !important;
        margin: 0 0 40px 0 !important;
    }

    h2 {
        font-size: 32px !important;
    }

}

@media (max-width: 768px) {
    .c-wrapper {
        padding: 0 10px;
    }

    .title {
        font-size: 20px !important;
        margin: 0 0 30px 0 !important;
    }

    h2 {
        font-size: 20px !important;
    }

    .dark-btn,
    .gray-btn,
    .w-btn {
        font-size: 14px !important;
        max-height: 48px;
    }
}

/*blog and breadcrumbs*/

div.page-header.dark ol.inner-breadcrumb li:first-child {
    display: none;
}

div.page-header.dark ol.inner-breadcrumb li {
    position: relative;
}

div.page-header.dark ol.inner-breadcrumb li:nth-child(2)::after {
    content: '/';
    position: absolute;
    top: 0;
    right: 4px;
    color: #F1F1F1;
    font-size: 14px;
    line-height: 135%;
}

ol.inner-breadcrumb {
    margin-left: 0;
    padding-left: 0;
}

div.page-header.dark ol.inner-breadcrumb li a {
    opacity: 1;
    background-color: unset;
    color: #F1F1F1;
    font-size: 14px;
    line-height: 135%;
    padding: 0;
    padding-right: 16px;
}

div.news-list-wrap div.block-move-to-up {
    margin-top: 0;
}

div.page-header.padding-bottom-section {
    padding-bottom: 130px;
    min-height: 450px;
}

div.page-header.phoenix-firsttype-hidden {
    padding-top: 120px;
    margin-top: 126px;
    min-height: 450px;
}

.for-sidemenu-mobile a {
    color: #1F1F1F;
}

.for-sidemenu-mobile a:hover {
    color: #1F1F1F;
}


@media (max-width: 770px) {
    div.page-header.phoenix-firsttype-hidden {
        margin-top: 62px;
        min-height: 400px;
    }
}



/*header-new*/
.header-new {
    top: 0;
    left: 0;
    position: fixed;
    height: 126px;
    background: #1F1F1F;
    width: 100%;
    z-index: 9999999;
    padding: 16px 0;
}

.header-new__content {
    display: flex;
    justify-content: space-between;
}

.header-new__catalog {
    position: absolute;
    width: 100%;
    top: calc(100% - 16px);
    left: 0;
    padding: 16px 0 0 0;
    display: none;
}

.header-new__bg-wrap {
    background: #FFF;
    padding: 40px 0;
    box-shadow: 0px 7px 20px 0px rgba(182, 182, 182, 0.25);
}

.header-new__catalog .c-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
}

.header-new__catalog-elem {
    color: #313131;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
    text-decoration: none;
    transition: .2s all;
}

.header-new__catalog-elem span {
    border-bottom: 1px solid transparent;
    transition: .2s all;
    color: #313131 !important;
}

.header-new__catalog .c-wrapper:hover .header-new__catalog-elem:hover span {
    color: #313131;
    border-bottom: 1px solid #313131;
}

.header-new__catalog-elem:hover span {
    color: #313131;
    border-bottom: 1px solid #313131;
}

.header-new__catalog-elem:active span {
    color: #313131;
    border-bottom: 1px solid #313131;
}

.header-new__catalog-elem img {
    display: flex;
    align-self: center;
    width: 100%;
    max-width: 100% !important;
    margin: 0 0 16px 0 !important;
}

.header-new__catalog-elem:hover img {
    transform: scale(1.05);
    transition: .2s all;
}

.header-new__sub-nav {
    position: absolute;
    width: 100%;
    top: calc(100% - 32px);
    left: 0;
    display: none;
    padding: 30px 0 0 0;
    z-index: 2;
}

.header-new__sub-nav-bg-wrap {
    background: #FFF;
    box-shadow: 0px 7px 20px 0px rgba(182, 182, 182, 0.25);
}

.header-new__sub-nav .c-wrapper {
    padding: 0 0 0 200px;
    display: flex;
    height: 102px;
    align-items: center;

}

.header-new__sub-nav-item {
    margin: 0 20px;
    border-bottom: 1px solid transparent;
    transition: .2s all;
    font-size: 16px;
    line-height: 140%;
    text-decoration: none;
    color: #1F1F1F !important;

}

.header-new__sub-nav-item:hover {
    border-bottom: 1px solid #1F1F1F;
    color: #1F1F1F !important;
}

.header-new__sub-nav-item:active {
    border-bottom: 1px solid #1F1F1F;
    color: #1F1F1F !important;
}

.header-new__left {}

.header-new__logo {
    width: 192px;
    margin: 0 0 6px 0;
    min-height: 51px;
}

.header-new__nav {
    display: flex;
}

.header-new__burger {
    cursor: pointer;
    padding: 8px 16px 8px 40px;
    border-radius: 4px;
    background: #FFF;
    width: max-content;
    height: max-content;
    color: #1F1F1F;
    font-size: 16px;
    line-height: 135%;
    background-image: url(/images/steamone/header/burger.svg);
    background-repeat: no-repeat;
    background-size: 16px 10px;
    background-position: 16px 13px;
}

.header-new__nav-items {
    display: flex;
    margin: 0 10px;
    align-items: center;
}

.header-new__nav-item {
    margin: 0 10px;
    text-decoration: none;
    color: #D9D9D9 !important;
    font-size: 16px;
    line-height: 135%;

}

.header-new__nav-item_drop {
    cursor: pointer;
    padding: 0 16px 0 0;
    background-image: url(/images/steamone/header/triangle.svg);
    background-repeat: no-repeat;
    background-size: 9px 6px;
    background-position: right center;
}

.header-new__right {}

.header-new__phone {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    margin: 8px 0 0 0;
}

.header-new__tel {
    margin: 0 24px 0 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 135%;
    color: #FFFFFF !important;
    display: block;
    position: relative;
    top: 2px;
}

.header-new__lk {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 20px -10px 0 -10px;
}

.header-new__lk>div {
    margin: 0 10px;
}

.header-new__search-btn {
    cursor: pointer;
    padding: 0;
    border: none;
    width: 24px;
    height: 24px;
    background-color: initial;
    background-image: url(/images/steamone/header/search-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.header-mobile {
    display: none;
}

@media (max-width: 1200px) {
    .header-new__tel {
        display: none;
    }

    .header-new__nav-item {
        font-size: 14px;
    }

    .header-new__burger {
        font-size: 0;
        color: transparent;
        padding: 12px 16px;
        border-radius: 4px;
        background-position: center;
    }

    .header-new__lk {
        margin: 17px -10px 0 -10px;
    }

    .header-new__catalog .c-wrapper {
        grid-gap: 24px;
    }

    .header-new__catalog-elem {
        font-size: 16px;
    }

    .header-new__sub-nav .c-wrapper {
        padding: 0 0 0 59px;
        height: 80px;
    }
}

@media (max-width: 768px) {
    .header-new {
        display: none;
    }

    .header-mobile {
        display: block;
        background: #1F1F1F;
        padding: 16px 0;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }

    .header-mobile .c-wrapper {
        display: grid;
        grid-template-columns: 42px 110px auto;
        align-items: center;
    }

    .header-mobile__right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin: 4px -8px -4px -8px;
    }

    .header-mobile__right>div {
        margin: 0 8px;
    }

    /*template*/
    .mobile-menu {
        display: none;
    }
}

/*custom header icons*/
header .header-new .count,
header .header-mobile .count {
    /* display: none !important; */
    background: #C6BAB1 !important;
    width: 16px !important;
    height: 16px !important;
    color: #1F1F1F !important;
    font-size: 8px !important;
    line-height: 135% !important;
    position: absolute;
    top: -9px !important;
    right: -9px !important;
    display: none !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

header .count-compare-parent.active .count,
header .count-basket-items-parent.active .count,
header .count-delay-parent.active .count {
    display: flex !important;
}

header.color_header-light:not(.on) div.basket-quantity-info-icon.compare,
header .header-new div.basket-quantity-info-icon.compare,
header .header-mobile div.basket-quantity-info-icon.compare {
    width: 24px;
    height: 24px;
    padding: 0;
    background-size: contain;
    background-image: url(/images/steamone/header/compare-icon.svg);
}

header.color_header-light:not(.on) div.basket-quantity-info-icon.delay,
header .header-new div.basket-quantity-info-icon.delay,
header .header-mobile div.basket-quantity-info-icon.delay {
    width: 24px;
    height: 24px;
    padding: 0;
    background-size: contain;
    background-image: url(/images/steamone/header/likes-icon.svg);
}

header.color_header-light:not(.on) div.basket-quantity-info-icon.cart,
header .header-new div.basket-quantity-info-icon.cart,
header .header-mobile div.basket-quantity-info-icon.cart {
    width: 24px;
    height: 24px;
    padding: 0;
    background-size: contain;
    background-image: url(/images/steamone/header/basket-icon.svg);
}

/*lk*/
header .header-new table.cabinet {
    opacity: 1;
}

header .header-new table.cabinet td.name {
    color: #D9D9D9;
    font-size: 12px;
    line-height: 135%;
}

header .header-new table.cabinet td.picture {
    width: 24px;
    min-width: 24px;
    height: 24px;
}

header.color_header-light:not(.on) table.cabinet td.picture div.def-picture,
header .header-new table.cabinet td.picture div.def-picture {
    background-image: url(/images/steamone/header/lk-icon.svg);
    background-size: contain;
}

/*hero*/

.hero {
    height: 612px;
    background-image: url(/images/steamone/main-page-new/hero-max.jpg?v=2);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.hero__title {
    margin: 0;
    font-size: 46px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    max-width: 580px;
    color: #252525;
}

.hero__title-link {
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.hero__desc {
    margin: 16px 0 32px 0;
    max-width: 580px;
    color: #4E4E4E;
    font-size: 16px;
    line-height: 123%;
}
.margin_0 {
    margin: 0 !important;
}
.hero__list {
    margin: 4px 0 0 0;
    padding: 0 0 0 24px;
}

@media (max-width: 1200px) {
    .hero {
        height: 623px;
        background-image: url(/images/steamone/main-page-new/hero-middle.jpg?v=2);
        background-position: center;
        display: flex;
        align-items: center;
    }

    .hero__title {
        font-size: 42px;
    }

    .hero__desc {
        max-width: 363px;
    }

    .hero__list {
        margin: 4px 0 0 0;
    }
}

@media (max-width: 768px) {
    .hero {
        height: 580px;
        background-image: url(/images/steamone/main-page-new/hero-min.jpg?v=2);
        align-items: flex-start;
        padding: 0 0 90px 0;
        margin: 46px 0 0 0;
    }

    .hero__title {
        font-size: 32px;
    }

    .hero__desc {
        margin: 12px 0 32px 0;
        font-size: 14px;
        line-height: 140%;
    }

    .hero__list {
        padding: 0 0 0 16px;
    }
}

/*m-page-cat*/
.m-page-cat {
    margin: 90px 0 180px 0;
}

.m-page-cat_catalog {
    margin: 90px 0;
}

.m-page-cat__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

.m-page-cat__block {
    display: flex;
    flex-direction: column;
}

.m-page-cat__img img {
    width: 100%;
    display: flex;
    align-self: center;
    margin: 0 !important;
}

.m-page-cat__title {
    color: #313131;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
    margin: 16px 0 0 0;
}

.m-page-cat__list {
    margin: 0 0 24px 0 !important;
    padding: 0 0 0 16px;
}

.m-page-cat__list li {
    margin: 8px 0 0 0;
    color: #808080;
    font-size: 16px;
    line-height: 135%;
}

.m-page-cat .dark-btn {
    margin: auto 0 0 0;
}

@media (max-width: 1200px) {

    /*m-page-cat*/
    .m-page-cat {
        margin: 70px 0 140px 0;
    }

    .m-page-cat_catalog {
        margin: 70px 0;
    }

    .m-page-cat__grid {
        grid-template-columns: 100%;
        gap: 40px;
    }

    .m-page-cat__block {
        display: flex;
        position: relative;
        min-height: 297px;
    }

    .m-page-cat__block:nth-child(2n+1) {
        padding: 0 0 0 320px;
    }

    .m-page-cat__block:nth-child(2n) {
        padding: 0 320px 0 0;
    }

    .m-page-cat__img {
        width: 300px;
        position: absolute;
        top: 0;
        overflow: hidden;
    }

    .m-page-cat__block:nth-child(2n+1) .m-page-cat__img {
        left: 0;
    }

    .m-page-cat__block:nth-child(2n) .m-page-cat__img {
        right: 0;
    }

    .m-page-cat__img img {
        width: 428px !important;
        max-width: 428px !important;
        display: flex;
        align-self: center;
        margin: 0 !important;
        transform: translateX(-52px);
    }

    .m-page-cat__title {
        font-size: 18px;
        margin: 0;
        line-height: 135%;
    }
}

@media (max-width: 768px) {
    .m-page-cat {
        margin: 60px 0 120px 0;
    }

    .m-page-cat_catalog {
        margin: 60px 0;
    }


    .m-page-cat__grid {
        gap: 30px;
    }

    .m-page-cat__block:nth-child(2n+1) {
        padding: initial;
    }

    .m-page-cat__block:nth-child(2n) {
        padding: initial;
    }

    .m-page-cat__img {
        width: 100%;
        min-height: 300px;
        position: relative;
    }

    .m-page-cat__img img {
        width: 130% !important;
        max-width: 130% !important;
        transform: translateX(0);
    }

    .m-page-cat__title {
        margin: 16px 0 0 0;
        font-size: 16px;
        line-height: 120%;
    }

    .m-page-cat__list {
        margin: -4px 0 16px 0 !important;
    }

    .m-page-cat__list li {
        font-size: 14px;
        line-height: 140%;
    }
}

/*about*/
.about {
    margin: 0 0 90px 0;
}

.about p {
    font-size: inherit !important;
    line-height: inherit !important;
}

.about__grid {
    display: grid;
    grid-template-columns: auto 604px;
    gap: 40px;
}

.about__left {
    display: flex;
    flex-direction: column;
}

.about__desc {
    color: #808080;
    font-size: 16px;
    line-height: 140%;
    max-width: 493px;
}

.about__desc p {
    margin: 0;
}

.about__desc p:not(:first-child) {
    margin: 19px 0 0 0;
}

.about__btn-wrap {
    padding: 16px 0 0 0;
    margin: auto 0 0 0;
}

.about__btn-text {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
    margin: 0 0 18px 0;
}

.about img {
    width: 100%;
    margin: 0 !important;
    display: flex;
    align-self: center;
}

.about__mobile-img {
    display: none;
}

.about__show-text-mobile {
    display: none;
}

@media (max-width: 1200px) {
    .about {
        margin: 0 0 70px 0;
    }

    .about .title {
        max-width: 500px;
    }

    .about__grid {
        display: grid;
        grid-template-columns: 100%;
        gap: 35px;
    }

    .about__desc {
        max-width: 100%;
    }

    .about__btn-wrap {
        padding: 32px 0 0 0;
        display: flex;
    }

    .about__btn-text {
        font-size: 18px;
        margin: 0 24px 0 0;
    }

    .about__right img {
        width: 100%;
        margin: 0 !important;
        display: flex;
        align-self: center;
    }
}

@media (max-width: 768px) {
    .about {
        margin: 0 0 60px 0;
    }

    .about__left {
        display: flex;
        flex-direction: column;
    }

    .about__desc {
        margin: 15px 0 0 0;
        font-size: 14px;
        line-height: 140%;
    }

    .about__desc p {
        margin: 0;
    }

    .about__btn-wrap {
        padding: 20px;
        margin: 20px 0 0 0;
        border-radius: 6px;
        background: #E3D7CF;
        display: block;
    }

    .about__btn-text {
        font-size: 16px;
        line-height: 120%;
        font-weight: 400;
        margin: 0 0 20px 0;
        padding: 0;
    }

    .about__btn-wrap .gray-btn {
        background: #FFF !important;
    }

    .about__btn-wrap .gray-btn:hover {
        background: #FFF !important;
    }

    .about__right {
        display: none;
    }

    .about__mobile-img {
        display: block;
    }

    .about__show-text-mobile {
        display: block;
        max-width: max-content;
        margin: 8px 0 0 0;
        cursor: pointer;
        color: #1F1F1F;
        font-size: 12px;
        line-height: 140%;
        text-decoration-line: underline;
    }

    .about__hide-text-mobile {
        display: none;
    }

    .about_mobile-show .about__show-text-mobile {
        display: none;
    }

    .about_mobile-show .about__hide-text-mobile {
        display: block;
    }

}

/*bestsalers*/
#block36802 {
    background: #E3D7CF;
}

#block36802 h2 {
    padding: 90px 0 0 0 !important;
    margin: 0 !important;
    font-size: 36px !important;
    font-weight: 500 !important;
    line-height: 125% !important;
    text-transform: uppercase;
    margin: 0 0 40px 0 !important;
    color: #1F1F1F !important;
    text-align: left !important;
}

.catalog-block div.catalog-list.FLAT {
    margin: 0 -15px;
}

.catalog-block div.catalog-list.FLAT .catalog-item.border-r.col-xl-3 {
    background: initial;
    border: none;
    margin-bottom: 90px;
}

.catalog-block div.catalog-list.FLAT div.item .part-hidden {
    display: flex !important;
    flex-direction: column-reverse;
    margin-top: auto;
    background: #F6F6F6;
}

.catalog-block div.catalog-list.FLAT div.item div.item-inner {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    min-height: 100%;
    transition: .2s all;
    display: flex;
    flex-direction: column;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 14%, rgba(31, 31, 31, 1) 14%, rgba(31, 31, 31, 1) 51%, rgba(31, 31, 31, 1) 55%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%) !important;
}

/*.catalog-block div.catalog-list.FLAT div.item div.item-inner::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    height: calc(100% - 40px);
    width: 100%;
    background: #1F1F1F;
    z-index: -1;
}*/

.catalog-block div.catalog-list.FLAT div.item div.item-inner:hover {
    box-shadow: 0px 7px 20px 0px rgba(46, 46, 46, 0.25) !important;
}

.catalog-block div.catalog-list.FLAT div.item div.wrapper-top {
    height: auto !important;
    padding: 0px 24px 0 24px !important;
    background: #FFF;
    border-radius: 8px 8px 0 0 !important;
}

.catalog-block .wrapper-article-available.d-lg-flex {
    display: none !important;

}

.catalog-block .name-element {
    background: #1F1F1F;
    color: #FFF !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 135%;
    margin: 0 -24px !important;
    padding: 16px 24px 8px 24px !important;
    height: 70px !important;
    overflow: unset !important;
}

.catalog-block .name-element:hover {
    opacity: 1 !important;
}

.catalog-block .block-price {
    background: #1F1F1F;
    margin: 0 -24px;
    padding: 0px 24px 16px 24px;
}

.catalog-block div.catalog-list.FLAT div.item div.board-price {
    margin: 0;
}

.catalog-block div.catalog-list.FLAT div.item div.board-price div.actual-price span.price-value {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 135%;
}

.catalog-block div.catalog-list.FLAT div.item div.board-price div.actual-price span.unit {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 135%;
}

.catalog-block .wrapper-inner-bot {
    padding: 0 24px 16px 24px !important;
    background: #1F1F1F !important;
    border-radius: 0 !important;
}

.catalog-block div.catalog-list.FLAT div.item div.quantity-container {
    display: none !important;
}

.catalog-block .btn-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow: initial !important;
}

.catalog-block .btn-container a {
    padding: 11px 24px !important;
    border-radius: 6px;
    border: 1px solid #FFF;
    background: #1F1F1F !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 135% !important;
    max-width: max-content !important;
}

.catalog-block .btn-container a:hover {
    color: #FFF !important;
}

.catalog-block .wrapper-list-info {
    padding: 16px 24px !important;
    border-radius: 0 0 8px 8px !important;
}

.catalog-block div.wrapper-delay-compare-icons {
    top: 16px;
    right: -12px;
}

.catalog-block div.catalog-list.FLAT div.item div.preview-text {
    margin: 0 !important;
}

.catalog-block .catalog-list {
    padding: 0 15px;
}

.catalog-block div.catalog-list.FLAT div.item div.wrapper-delay-compare-icons .icon:hover {
    opacity: 1;
}

.catalog-block div.wrapper-delay-compare-icons div.icon {
    height: 16px;
    width: 16px;
    border-radius: unset;
    margin-bottom: 14px;
}

.catalog-block div.wrapper-delay-compare-icons div.icon:hover {
    background-color: unset;
}

.catalog-block div.catalog-list div.wrapper-delay-compare-icons div.icon.compare {
    background-image: url(/images/steamone/icons-new/product-card-compare.svg);
    background-size: 16px;
    background-position: center;
}


.catalog-block div.catalog-list div.wrapper-delay-compare-icons div.icon.delay {
    background-image: url(/images/steamone/icons-new/product-card-heart.svg);
    background-size: 16px;
    background-position: center;
}


div.catalog-list.LIST div.item div.wrapper-delay-compare-icons .icon.active.delay,
.font-maincolor-light div.catalog-list div.wrapper-delay-compare-icons div.icon.delay.active {
    background-image: url(/images/steamone/icons-new/product-card-heart.svg) !important;
    background-size: 16px;
    background-position: center;
    opacity: 1;
    background-color: transparent;
}

div.catalog-list.LIST div.item div.wrapper-delay-compare-icons .icon.active.compare,
.font-maincolor-light div.catalog-list div.wrapper-delay-compare-icons div.icon.compare.active {
    background-image: url(/images/steamone/icons-new/product-card-compare.svg) !important;
    background-size: 16px;
    background-position: center;
    opacity: 1;
    background-color: transparent;
}

.catalog-block .break-line {
    display: none !important;
}

@media (max-width: 1200px) {
    #block36802 h2 {
        padding: 70px 0 0 0 !important;
        font-size: 32px !important;
    }

    #block36802 .content {
        padding: 0 0 70px 0 !important;
    }

    .catalog-block div.catalog-list.FLAT div.item {
        flex: 25% !important;
        max-width: 25% !important;
    }

    .catalog-block div.catalog-list.FLAT .catalog-item.border-r.col-xl-3 {
        margin-bottom: 0;
    }

    .catalog-block .catalog-item {
        max-width: 300px !important;
        min-width: 300px !important;
        width: 300px !important;
    }

    .catalog-block div.catalog-list.FLAT div.item div.wrapper-image img {
        height: 180px !important;
        max-height: 180px !important;
    }

    .catalog-block .catalog-list.show-hidden-parent {
        overflow: auto;
        margin: 0 -74px 70px 0 !important;
        padding: 15px 0;
    }

    #block36802 .catalog-list.show-hidden-parent {
        margin: 0 -74px 0 0 !important;
    }

    .catalog-block .catalog-list.show-hidden-parent>.row {
        width: max-content;
        flex-wrap: nowrap;
        margin: 0 0 0 -15px !important;
    }

    .catalog-block .wrapper-list-info .d-none {
        display: block !important;
    }

    .catalog-block div.catalog-list.FLAT div.item .wrapper-bot div.wrapper-inner-bot {
        height: 64px !important;
    }

    .catalog-block div.catalog-list.FLAT div.item div.wrapper-image {
        height: 210px;
    }
}

@media (max-width: 767px) {

    #block36802 h2 {
        padding: 60px 0 0 0 !important;
        font-size: 20px !important;
        margin-bottom: 30px !important;
    }

    #block36802 .content {
        padding: 0 0 60px 0 !important;
    }

    .catalog-block .catalog-list.show-hidden-parent {
        overflow: auto;
        margin: 0 -10px 60px -10px !important;
    }

    #block36802 .catalog-list.show-hidden-parent {
        margin: 0 -10px 0 -10px !important;
    }

    .catalog-block .catalog-list.show-hidden-parent>.row {
        margin: 0 0 0 -5px !important;
    }
}


/*char with icon*/
.char-with-icon {
    display: flex;
    align-items: center;
}

.char-with-icon:not(:first-child) {
    margin: 8px 0 0 0;
}

.char-with-icon__img {
    display: flex;
    width: 24px !important;
    align-self: center;
    margin: 0 !important;
}

.char-with-icon__text {
    margin: 0 0 0 16px;
    color: #1F1F1F;
    font-size: 16px;
    font-weight: 500;
    line-height: 135%;
}

.char-with-icon__text b {
    font-weight: 600;
}

/*img-and-text*/
.img-and-text {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 650px;
    display: flex;
    align-items: center;
}

.img-and-text b {
    font-weight: 600;
}

.img-and-text_water {
    background-image: url(/images/steamone/main-page-new/dont-a-b-2.jpg);
}

.img-and-text_qw {
    background-image: url(/images/steamone/main-page-new/main-qw-2.jpg);
}

.img-and-text_qw-v-ctlg {
    background-image: url(/images/steamone/catalog-new/header-ctlg-vertical-quiz-max.jpg);
}

.img-and-text_catalog {
    justify-content: flex-end;
    background-image: url(/images/steamone/catalog-new/new-catlog-max.jpg);
}

.img-and-text_about-page-b {
    min-height: 600px;
    background-image: url(/images/steamone/pages-new/about/about-b-max.jpg);
}

.img-and-text_ctlg-v-style {
    min-height: 600px;
    background-image: url(/images/steamone/catalog-new/ctlg-b-style-max.jpg);
}

.img-and-text_ctlg-h-needs {
    min-height: 600px;
    background-image: url(/images/steamone/catalog-new/catalog-b-hand-needs-max.jpg);
}

.img-and-text_shipping {
    margin-top: 126px;
    min-height: 450px;
    background-image: url(/images/steamone/pages-new/other/shipping-header-max.jpg);
}

.img-and-text_faq {
    margin-top: 126px;
    min-height: 450px;
    background-image: url(/images/steamone/pages-new/other/faq-header-max.jpg);
}

.img-and-text_eumi100b {
    min-height: 600px;
    background-image: url(/images/steamone/catalog-new/vert/eumi100b/design-max.jpg);
}

.img-and-text_eujk100b {
    min-height: 600px;
    background-image: url(/images/steamone/catalog-new/vert/eujk100b/design-b-max.jpg);
}

/* .img-and-text_eujk300b {
    min-height: 600px;
    background-image: url(/images/steamone/catalog-new/vert/eujk300b/design.jpg);
} */

.img-and-text_eujk100b .img-and-text__content {
    max-width: 500px;
    float: right;
}
/* .img-and-text_eujk300b .img-and-text__content {
    max-width: 500px;
    float: right;
} */

.img-and-text_water .title {
    max-width: 590px;
    margin: 0 0 16px 0 !important;
    color: #fff !important;
}

.img-and-text_qw .title {
    max-width: 655px;
    margin: 0 0 24px 0 !important;
    color: #fff !important;
}

.img-and-text_catalog .title {
    margin: 0 0 24px 0 !important;
}

.img-and-text_eujk100b .title {
    color: #fff !important;
}

.img-and-text .c-wrapper {
    margin: 0 auto;
}

.img-and-text_catalog .c-wrapper {
    display: flex;
    justify-content: flex-end;
}

.img-and-text_catalog .img-and-text__content {
    max-width: 620px;
}

.img-and-text_ctlg-v-style .img-and-text__content {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.img-and-text__desc {
    color: #fff;
    font-size: 16px;
    line-height: 140%;
}

.img-and-text_water .img-and-text__desc {
    max-width: 330px;
}

.img-and-text_about-page-b .img-and-text__desc {
    max-width: 482px;
    color: #1F1F1F;
    font-size: 28px;
    line-height: 140%;
}

.img-and-text_ctlg-v-style .img-and-text__desc {
    max-width: 538px;
    color: #1F1F1F;
    font-size: 28px;
    line-height: 140%;
}

.img-and-text_ctlg-h-needs .img-and-text__desc {
    max-width: 490px;
    color: #1F1F1F;
    font-size: 28px;
    line-height: 140%;
}

.img-and-text_eumi100b .img-and-text__desc {
    max-width: 500px;
    font-size: 16px;
    color: #313131;
}

.img-and-text_catalog .w-btn {
    display: none;
}



@media (max-width: 1200px) {
    .img-and-text {
        background-position: center;
        min-height: 580px;
    }

    .img-and-text_about-page-b {
        padding: 70px 0;
        min-height: 580px;
        align-items: flex-end;
    }

    .img-and-text_water .title {
        max-width: 435px;
    }

    .img-and-text_qw .title {
        max-width: 495px;
    }

    .img-and-text_ctlg-v-style .img-and-text__content {
        display: block;
    }

    .img-and-text_water .img-and-text__desc {
        max-width: 381px;
    }

    .img-and-text_catalog {
        background-image: url(/images/steamone/catalog-new/new-catlog-middle.jpg);
    }

    .img-and-text_about-page-b {
        background-image: url(/images/steamone/pages-new/about/about-b-middle.jpg);
    }

    .img-and-text_ctlg-v-style {
        background-image: url(/images/steamone/catalog-new/ctlg-b-style-middle.jpg);
    }

    .img-and-text_ctlg-h-needs {
        min-height: 600px;
        background-image: url(/images/steamone/catalog-new/catalog-b-hand-needs-middle.jpg);
    }

    .img-and-text_eumi100b {
        min-height: 600px;
        background-image: url(/images/steamone/catalog-new/vert/eumi100b/design-middle.jpg);
    }

    .img-and-text_eujk100b {
        min-height: 580px;
        background-image: url(/images/steamone/catalog-new/vert/eujk100b/design-b-middle.jpg);
    }
    /* .img-and-text_eujk300b {
        min-height: 580px;
        background-image: url(/images/steamone/catalog-new/vert/eujk300b/design.jpg);
    } */
    
    .img-and-text_eujk100b .img-and-text__content {
        max-width: 320px;
        float: unset;
    }

    /* .img-and-text_eujk300b .img-and-text__content {
        max-width: 320px;
        float: unset;
    } */

    .img-and-text_shipping {
        min-height: 400px;
    }

    .img-and-text_faq {
        min-height: 400px;
    }

    .img-and-text_catalog .c-wrapper {
        display: block;
    }

    .img-and-text_catalog .img-and-text__content {
        max-width: 495px;
    }

    .img-and-text_about-page-b .img-and-text__desc {
        max-width: 505px;
        color: #fff;
        font-size: 22px;
        line-height: 140%;
    }

    .img-and-text_ctlg-v-style .img-and-text__desc {
        max-width: 416px;
        font-size: 22px;
    }

    .img-and-text_ctlg-h-needs .img-and-text__desc {
        max-width: 368px;
        font-size: 22px;
    }

    .img-and-text_eumi100b .img-and-text__desc {
        max-width: 304px;
    }
}

@media (max-width: 768px) {
    .img-and-text {
        min-height: 480px;
        align-items: flex-start;
        padding: 172px 0 40px 0;
    }

    .img-and-text_catalog {
        padding: 100px 0 205px 0;
    }

    .img-and-text_water {
        padding: 269px 0 40px 0;
        background-image: url(/images/steamone/main-page-new/dont-a-b-min-2.jpg);
    }

    .img-and-text_qw {
        padding: 120px 0 60px 0;
        background-image: url(/images/steamone/main-page-new/main-qw-min-2.jpg);
    }

    .img-and-text_qw-v-ctlg {
        align-items: center;
        background-image: url(/images/steamone/catalog-new/header-ctlg-vertical-quiz-min.jpg);
    }

    .img-and-text_catalog {
        background-image: url(/images/steamone/catalog-new/new-catlog-min.jpg);
    }

    .img-and-text_about-page-b {
        padding: 60px 0;
        align-items: flex-end;
        background-image: url(/images/steamone/pages-new/about/about-b-min.jpg);
    }

    .img-and-text_ctlg-v-style {
        background-image: url(/images/steamone/catalog-new/ctlg-b-style-min.jpg);
    }

    .img-and-text_ctlg-h-needs {
        align-items: center;
        background-image: url(/images/steamone/catalog-new/catalog-b-hand-needs-min.jpg);
    }


    .img-and-text_shipping {
        margin-top: 42px;
        min-height: 400px;
        background-image: url(/images/steamone/pages-new/other/shipping-header-min.jpg);
    }

    .img-and-text_faq {
        margin-top: 42px;
        min-height: 400px;
        background-image: url(/images/steamone/pages-new/other/faq-header-min.jpg);
    }

    .img-and-text_eumi100b {
        min-height: 610px;
        padding: 60px 0 350px 0;
        background-image: none;
        position: relative;
        background: #F7F6F2;
    }

    .img-and-text_eumi100b::after {
        content: '';
        background-image: url(/images/steamone/catalog-new/vert/eumi100b/design-min.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        height: 320px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .img-and-text_eujk100b {
        min-height: 545px;
        padding: 60px 0 350px 0;
        background-image: none;
        position: relative;
        background: #F7F6F2;
    }

    .img-and-text_eujk100b::after {
        content: '';
        background-image: url(/images/steamone/catalog-new/vert/eujk100b/design-b-min.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        height: 320px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    /* .img-and-text_eujk300b::after {
        content: '';
        background-image: url(/images/steamone/catalog-new/vert/eujk300b/design.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        height: 320px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    } */
    .img-and-text_eujk100b .title {
        color: #252525 !important;
    }

    .img-and-text_eujk100b .img-and-text__content {
        max-width: 100%;
        float: unset;
    }
    /* .img-and-text_eujk300b .img-and-text__content {
        max-width: 100%;
        float: unset;
    } */


    .img-and-text_water .title {
        max-width: 240px;
    }

    .img-and-text_catalog .title {
        color: #fff !important;
    }

    .img-and-text_water .img-and-text__desc {
        max-width: initial;
    }


    .img-and-text_catalog .w-btn {
        display: block;
    }


    .img-and-text_catalog .dark-btn {
        display: none;
    }

    .img-and-text_about-page-b .img-and-text__desc {
        max-width: 235px;
        color: #1F1F1F;
        font-size: 18px;
        line-height: 140%;
    }

    .img-and-text_ctlg-v-style .img-and-text__desc {
        max-width: 222px;
        font-size: 18px;
    }

    .img-and-text_ctlg-h-needs .img-and-text__desc {
        max-width: 198px;
        font-size: 18px;
    }

    .img-and-text_eumi100b .img-and-text__desc {
        color: #808080;
        font-size: 14px;
        max-width: 100%;
    }

    .img-and-text_eujk100b .img-and-text__desc {
        color: #808080;
        font-size: 14px;
        max-width: 100%;
    }
}

/*why-need-it*/
.why-need-it {
    padding: 90px 0;
}

.why-need-it_choice {
    background: #F7F6F2;
}

.why-need-it .title {
    max-width: 630px;
}

.why-need-it_choice .title {
    max-width: 846px;
}

.why-need-it__steps {
    display: grid;
    grid-template-columns: 100%;
    gap: 50px;
}

.why-need-it__step {
    border-top: 1px solid #E3D7CF;
    padding: 16px 0 0 0;
    display: grid;
    grid-template-columns: auto 260px 563px;
    gap: 40px;
}

.why-need-it_choice .why-need-it__step {
    grid-template-columns: auto 561px;
    gap: 12px;
}

.why-need-it__num {
    font-size: 16px;
    color: #808080;
    line-height: 140%;
}

.why-need-it__title {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
    padding: 0 30px 0 0;
}

.why-need-it_choice .why-need-it__title {
    max-width: 290px;
}

.why-need-it_choice-hand .why-need-it__title {
    max-width: 100%;
}

.why-need-it__text {
    color: #808080;
    font-size: 16px;
    line-height: 135%;
    padding: 0 50px 0 0;
}

.why-need-it_choice .why-need-it__text {
    padding: initial;
}

@media (max-width: 1200px) {
    .why-need-it {
        padding: 70px 0;
    }

    .why-need-it_choice .title {
        max-width: 620px;
    }


    .why-need-it__steps {
        gap: 40px;
    }

    .why-need-it__step {
        padding: 16px 0 0 0;
        grid-template-columns: 100%;
        gap: 16px;
    }

    .why-need-it_choice .why-need-it__step {
        grid-template-columns: 100%;
        gap: 12px;
    }

    .why-need-it__num {
        display: none;
    }

    .why-need-it__title {
        font-size: 18px;
        padding: initial;
    }

    .why-need-it_choice .why-need-it__title {
        max-width: initial;
    }

    .why-need-it__text {
        padding: initial;
    }
}

@media (max-width: 768px) {
    .why-need-it {
        padding: 60px 0;
    }

    .why-need-it .title {
        max-width: initial;
    }

    .why-need-it__steps {
        gap: 30px;
    }

    .why-need-it__step {
        padding: 8px 0 0 0;
        gap: 4px;
    }

    .why-need-it_choice .why-need-it__step {
        gap: 4px;
    }

    .why-need-it__title {
        font-size: 16px;
        font-weight: 400;
        line-height: 120%;
    }

    .why-need-it__text {
        font-size: 14px;
        line-height: 140%;
    }
}

/*leader-b*/
.leader-b {
    min-height: 650px;
    background-color: #E3D7CF;
    position: relative;
    display: flex;
    align-items: center;
}

.leader-b_item {
    background-color: #F7F6F2;
}

.leader-b::after {
    content: '';
    width: calc(50% - 20px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/images/steamone/main-page-new/leader-b.jpg);
    background-size: cover;
    z-index: 1;
}

.leader-b_st70sb::after {
    background-image: url(/images/steamone/catalog-new/vert/st70sb/design-b-new.png);
}

.leader-b_eust01::after {
    background-image: url(/images/steamone/catalog-new/vert/eust01/design-b.png);
}

.leader-b_eues200b::after {
    background-image: url(/images/steamone/catalog-new/vert/eues200b/design-b-1.png);
}

.leader-b_eukid190b::after {
    background-image: url(/images/steamone/catalog-new/vert/eukid190b/design.jpg);
}

.leader-b_pro1900-sb::after {
    background-image: url(/images/steamone/catalog-new/vert/pro1900-sb/design-b.jpg);
}

.leader-b_pro2000::after {
    background-image: url(/images/steamone/catalog-new/vert/pro2000/design-b.png);
}

.leader-b_uni900gb::after {
    background-image: url(/images/steamone/catalog-new/vert/uni900gb/design-b.jpg);
}

.leader-b_euh2020w::after {
    background-image: url(/images/steamone/catalog-new/vert/euh2020w/design-b.jpg?v=2);
}

.leader-b_euhg100b::after {
    background-image: url(/images/steamone/catalog-new/vert/euhg100b/design-b.png);
}
.leader-b_eujk300b::after {
    background-image: url(/images/steamone/catalog-new/vert/eujk300b/design.jpg);
}

.leader-b_eufd80b::after {
    background-image: url(/images/steamone/catalog-new/hand/eufd80b/design-b.jpg);
}

.leader-b_eufd80b-v2::after {
    background-image: url(/images/steamone/catalog-new/hand/eufd80b-v2/bundle-eufd80b-design.png);
}

.leader-b_euxl400b::after {
    background-image: url(/images/steamone/catalog-new/hand/euxl400b/design-b.jpg);
}

.leader-b_euxl400b-v2::after {
    background-image: url(/images/steamone/catalog-new/hand/euxl400b-v2/design.jpg);
}

.leader-b_euns150b::after {
    background-image: url(/images/steamone/catalog-new/hand/euns150b/design-b.png);
}

.leader-b_euns150b-b::after {
    background-image: url(/images/steamone/catalog-new/hand/euns150b/bundle-ns-150-design-1.png);
}

.leader-b_sn300sb::after {
    background-image: url(/images/steamone/catalog-new/hand/sn300sb/design-b.jpg);
}

.leader-b_sn250mg::after {
    background-image: url(/images/steamone/catalog-new/hand/sn250mg/design-b.jpg);
}

.leader-b_sn200gg::after {
    background-image: url(/images/steamone/catalog-new/hand/sn200gg/design-b.jpg);
}

.leader-b_eudtc75b::after {
    background-image: url(/images/steamone/catalog-new/hand/eudtc75b/design-b.jpg);
}

.leader-b_sn20gw::after {
    background-image: url(/images/steamone/catalog-new/hand/sn20gw/design-b.jpg);
}

.leader-b_eudtc120b::after {
    background-image: url(/images/steamone/catalog-new/hand/eudtc120b/design-b.jpg);
}

.leader-b_sn300brp10::after {
    background-image: url(/images/steamone/catalog-new/hand/sn300brp10/design.jpg);
}


.leader-b__content {
    position: relative;
    z-index: 2;
    max-width: calc(50% - 20px)
}

.leader-b .title {
    margin-bottom: 16px !important;
}

.leader-b_item .title {
    margin-bottom: 50px !important;
}

.leader-b__text {
    color: #808080;
    font-size: 16px;
    line-height: 140%;
    margin: 0 0 38px 0;
}

.leader-b_item .leader-b__text {
    margin: 0;
    max-width: 500px;
}

@media (max-width: 1200px) {
    .leader-b {
        min-height: initial;
        padding: 70px 0 475px 0;
    }

    .leader-b::after {
        width: 100%;
        height: 475px;
        position: absolute;
        top: initial;
        bottom: 0;
        right: 0;
        background-position: center;
    }

    .leader-b__content {
        max-width: 560px;
        padding-bottom: 70px;
    }

    .leader-b_item .title {
        margin-bottom: 40px !important;
    }
}


@media (max-width: 768px) {
    .leader-b {
        min-height: initial;
        padding: 60px 0 350px 0;
    }

    .leader-b_item .title {
        margin-bottom: 30px !important;
    }

    .leader-b::after {
        height: 350px;
        background-image: url(/images/steamone/main-page-new/leader-b-min.jpg);
        z-index: 1;
    }

    .leader-b_st70sb::after {
        background-image: url(/images/steamone/catalog-new/vert/st70sb/design-b-new.png);
    }

    .leader-b_eust01::after {
        background-image: url(/images/steamone/catalog-new/vert/eust01/design-b.png);
        background-position: top;
    }

    .leader-b_eues200b::after {
        background-image: url(/images/steamone/catalog-new/vert/eues200b/design-b-1.png);
    }

    .leader-b_eukid190b::after {
        background-image: url(/images/steamone/catalog-new/vert/eukid190b/design.jpg);
    }

    .leader-b_pro1900-sb::after {
        background-image: url(/images/steamone/catalog-new/vert/pro1900-sb/design-b.jpg);
    }

    .leader-b_pro2000::after {
        background-image: url(/images/steamone/catalog-new/vert/pro2000/design-b.png);
    }

    .leader-b_uni900gb::after {
        background-image: url(/images/steamone/catalog-new/vert/uni900gb/design-b.jpg);
    }

    .leader-b_euh2020w::after {
        background-image: url(/images/steamone/catalog-new/vert/euh2020w/design-b.jpg);
    }

    .leader-b_euhg100b::after {
        background-image: url(/images/steamone/catalog-new/vert/euhg100b/design-b.png);
    }
    .leader-b_eujk300b::after {
        background-image: url(/images/steamone/catalog-new/vert/eujk300b/design.jpg);
    }

    .leader-b_eufd80b::after {
        background-image: url(/images/steamone/catalog-new/hand/eufd80b/design-b.jpg);
    }

    .leader-b_eufd80b-v2::after {
        background-image: url(/images/steamone/catalog-new/hand/eufd80b-v2/bundle-eufd80b-design.png);
    }

    .leader-b_euxl400b::after {
        background-image: url(/images/steamone/catalog-new/hand/euxl400b/design-b.jpg);
    }
    .leader-b_euxl400b-v2::after {
        background-image: url(/images/steamone/catalog-new/hand/euxl400b-v2/design.jpg);
    }
    .leader-b_euns150b::after {
        background-image: url(/images/steamone/catalog-new/hand/euns150b/design-b.png);
    }

    .leader-b_euns150b-b::after {
        background-image: url(/images/steamone/catalog-new/hand/euns150b/bundle-ns-150-design-1.png);
    }

    .leader-b_sn300sb::after {
        background-image: url(/images/steamone/catalog-new/hand/sn300sb/design-b.jpg);
    }

    .leader-b_sn250mg::after {
        background-image: url(/images/steamone/catalog-new/hand/sn250mg/design-b.jpg);
    }

    .leader-b_sn200gg::after {
        background-image: url(/images/steamone/catalog-new/hand/sn200gg/design-b.jpg);
    }

    .leader-b_eudtc75b::after {
        background-image: url(/images/steamone/catalog-new/hand/eudtc75b/design-b.jpg);
    }

    .leader-b_sn20gw::after {
        background-image: url(/images/steamone/catalog-new/hand/sn20gw/design-b.jpg);
    }

    .leader-b_eudtc120b::after {
        background-image: url(/images/steamone/catalog-new/hand/eudtc120b/design-b.jpg);
    }

    .leader-b_sn300brp10::after {
        background-image: url(/images/steamone/catalog-new/hand/sn300brp10/design.jpg);
    }

    .leader-b__content {
        max-width: 560px;
        padding-bottom: 60px;
    }

    .leader-b__text {
        font-size: 14px;
        margin: 0 0 24px 0;
    }
}

/* fabrics */
.fabrics {
    padding: 90px 0;
}

.fabrics .title {
    max-width: 810px;
    margin: 0 0 40px 0 !important;
}

.fabrics__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
}

.fabrics__col {}

.fabrics__elem {
    cursor: pointer;
}

.fabrics__elem:nth-child(2n) {
    margin: 40px 0 0 0;
}

.fabrics__elem img {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    display: flex;
    align-self: center;
}

.fabrics__info {
    margin: 8px 0 0 0;
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
    padding: 0 13px 0 0;
    cursor: pointer;
    position: relative;
}

.fabrics__info::after {
    content: '';
    position: absolute;
    background-image: url(/images/steamone/main-page-new/fabrics/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 10px;
    right: 0;
    top: 7px;
    transition: .5s all;
}

.fabrics__elem_show .fabrics__info::after {
    transform: rotate(90deg);
}

.fabrics__hidden-text {
    margin-top: 0px;
    display: grid;
    grid-template-rows: 0fr;
    transition: all 0.5s;
}

.fabrics__elem_show .fabrics__hidden-text {
    margin-top: 8px;
    grid-template-rows: 1fr;
}

.fabrics__text {
    overflow: hidden;
    color: #808080;
    font-size: 16px;
    line-height: 140%;
}

@media (max-width: 1200px) {
    .fabrics {
        padding: 70px 0;
    }

    .fabrics__content {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: 'a b c' 'd d e';
        gap: 20px;
    }

    .fabrics__col:nth-child(1) {
        grid-area: a;
    }

    .fabrics__col:nth-child(2) {
        grid-area: b;
    }

    .fabrics__col:nth-child(3) {
        grid-area: c;
    }

    .fabrics__col:nth-child(4) {
        grid-area: d;
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .fabrics__elem:nth-child(2n) {
        margin: 40px 0 0 0;

    }

    .fabrics__col:nth-child(4) .fabrics__elem:nth-child(2) {
        margin: 0;
        grid-row: 1;
        grid-column: 1;
    }

    .fabrics__col:nth-child(4) .fabrics__elem:nth-child(1) {
        grid-row: 1;
        grid-column: 2;
    }

    .fabrics__info {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .fabrics {
        padding: 60px 0;
    }

    .fabrics {
        padding: 70px 0;
    }

    .fabrics__content {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: unset;
    }


    .fabrics__col:nth-child(1) {
        grid-area: unset;
    }

    .fabrics__col:nth-child(2) {
        grid-area: unset;
    }

    .fabrics__col:nth-child(3) {
        grid-area: unset;
    }

    .fabrics__col:nth-child(4) {
        grid-area: unset;
        display: unset;
        grid-template-columns: unset;
    }

    .fabrics__col:nth-child(4) .fabrics__elem:nth-child(2) {
        margin: 40px 0 0 0;
        grid-row: unset;
        grid-column: unset;
    }

    .fabrics__elem:nth-child(2n) {
        margin: 40px 0 0 0;

    }

    .fabrics__col:nth-child(4) .fabrics__elem:nth-child(1) {
        grid-row: unset;
        grid-column: unset;
    }

    .fabrics__info {
        font-size: 16px;
    }

    .fabrics__text {
        font-size: 14px;
    }
}

/*gray-table*/
.gray-table {
    padding: 90px 0;
}

.gray-table__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.gray-table_logos .gray-table__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.gray-table_recommend .gray-table__content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.gray-table__cell {
    display: flex;
    padding: 24px;
}

.gray-table_recommend .gray-table__cell {
    padding: 8px 24px;
    height: 150px;
}

.gray-table__cell:nth-child(n+4) {
    border-top: 1px solid #E3D7CF;
}

.gray-table__cell:nth-child(3n-1) {
    border-left: 1px solid #E3D7CF;
    border-right: 1px solid #E3D7CF;
}

.gray-table_logos .gray-table__cell:nth-child(n+4) {
    border-top: unset
}

.gray-table_logos .gray-table__cell:nth-child(n+5) {
    border-top: 1px solid #E3D7CF;
}

.gray-table_logos .gray-table__cell:nth-child(3n-1) {
    border-left: unset;
    border-right: unset;
}

.gray-table_logos .gray-table__cell:nth-child(2n) {
    border-left: 1px solid #E3D7CF;
    border-right: 1px solid #E3D7CF;
}

.gray-table_logos .gray-table__cell:nth-child(4n) {
    border-right: unset;
}

.gray-table_recommend .gray-table__cell:nth-child(n+4) {
    border-top: unset;
}

.gray-table_recommend .gray-table__cell:nth-child(3n-1) {
    border-left: unset;
    border-right: unset;
}

.gray-table_recommend .gray-table__cell:not(:nth-child(6n+1)) {
    border-left: 1px solid #E3D7CF;
}

.gray-table_recommend .gray-table__cell {
    border-bottom: 1px solid #E3D7CF
}

.gray-table_recommend .gray-table__cell:nth-child(n+13):nth-child(-n+18) {
    border-bottom: unset;
}

.gray-table__cell img {
    display: flex;
    align-self: center;
    margin: auto;
    max-width: 145px !important;
    width: 100%;
}

.gray-table__btn {
    display: block;
    width: 233px;
    border-radius: 6px;
    border: 1px solid #1F1F1F;
    font-size: 16px;
    color: #1F1F1F;
    padding: 15px;
    background: #FFF;
    text-align: center;
    cursor: pointer;
    margin: 56px auto 0 auto;
    transition: .2s all;
}

.gray-table__btn:hover {
    background: #1F1F1F;
    color: #FFF;
}

@media (max-width: 1200px) {
    .gray-table {
        padding: 70px 0;
    }

    .gray-table__cell img {
        max-width: 120px !important;
    }

    .gray-table_recommend .gray-table__content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .gray-table_recommend .gray-table__cell {
        padding: 8px 16px;
        height: 125px;
    }

    .gray-table_recommend .gray-table__cell:not(:nth-child(6n+1)) {
        border-left: unset;
    }

    .gray-table_recommend .gray-table__cell:not(:nth-child(4n+1)) {
        border-left: 1px solid #E3D7CF;
    }

    .gray-table_recommend .gray-table__cell {
        border-bottom: 1px solid #E3D7CF;
    }




    .gray-table_recommend .gray-table__cell:nth-child(n+15):nth-child(-n+18) {
        border-bottom: unset;
    }

    .gray-table_recommend .gray-table__cell:nth-child(n+17):nth-child(-n+18) {
        display: none;
    }

    .gray-table__btn {
        margin: 40px auto 0 auto;
    }
}

@media (max-width: 768px) {
    .gray-table {
        padding: 60px 0;
    }

    .gray-table__content {
        grid-template-columns: 1fr 1fr;
    }

    .gray-table_logos .gray-table__content {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .gray-table_recommend .gray-table__content {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .gray-table__cell {
        padding: 24px 8px;
    }

    .gray-table__cell:nth-child(n+4) {
        border-top: unset;
    }

    .gray-table__cell:nth-child(3n-1) {
        border-left: unset;
        border-right: unset;
    }

    .gray-table__cell:nth-child(2n) {
        border-left: 1px solid #E3D7CF;
    }

    .gray-table__cell:nth-child(n + 3) {
        border-top: 1px solid #E3D7CF;
    }

    .gray-table_recommend .gray-table__cell {
        padding: 8px;
        height: 120px;
    }

    .gray-table_logos .gray-table__cell:nth-child(n + 3) {
        border-top: unset
    }

    .gray-table_logos .gray-table__cell:nth-child(n+5) {
        border-top: unset;
    }

    .gray-table_logos .gray-table__cell:nth-child(2n) {
        border-left: unset;
        border-right: unset;
    }

    .gray-table_logos .gray-table__cell:nth-child(4n) {
        border-right: unset;
    }




    .gray-table_recommend .gray-table__cell:nth-child(n+13):nth-child(-n+18) {
        border-bottom: 1px solid #E3D7CF;
    }

    .gray-table_logos .gray-table__cell:not(:nth-child(3n + 1)) {
        border-left: 1px solid #E3D7CF;
    }

    .gray-table_logos .gray-table__cell:nth-child(n + 4) {
        border-top: 1px solid #E3D7CF;
    }


    .gray-table_recommend .gray-table__cell:nth-child(n+3) {
        border-top: unset;
    }

    .gray-table_recommend .gray-table__cell:nth-child(n+4) {
        border-top: 1px solid #E3D7CF;
    }

    .gray-table_recommend .gray-table__cell:not(:nth-child(4n+1)) {
        border-left: unset;
    }

    .gray-table_recommend .gray-table__cell:not(:nth-child(3n+1)) {
        border-left: 1px solid #E3D7CF;
    }

    .gray-table_recommend .gray-table__cell {
        border-bottom: 1px solid #E3D7CF;
    }

    .gray-table_recommend .gray-table__cell:nth-child(n+13):nth-child(-n+18) {
        border-bottom: 1px solid #E3D7CF;
    }

    .gray-table_recommend .gray-table__cell:nth-child(n+16):nth-child(-n+18) {
        border-bottom: unset;
    }

    .gray-table_recommend .gray-table__cell:nth-child(n+17):nth-child(-n+18) {
        display: flex;
    }

    .gray-table__btn {
        margin: 30px auto 0 auto;
        font-size: 14px;
        width: 213px;
    }
}

/*recommend-popup*/
.recommend-popup {
    top: 0;
    left: 0;
    z-index: 999999;
    position: fixed;
    width: 100%;
    height: 100vh;
    display: none;
}

.recommend-popup_show {
    display: block;
}

.recommend-popup .c-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.recommend-popup__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
}

.recommend-popup__popup {
    padding: 60px;
    background: #FFF;
    margin: 20px 0 0 0;
    height: calc(100% - 40px);
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.recommend-popup__title {
    max-width: 830px;
    padding-right: 100px;
    font-size: 36px;
    font-weight: 500;
    line-height: 125%;
    text-transform: uppercase;
}

.recommend-popup__close {
    position: absolute;
    background-image: url(/images/steamone/icons-new/popup-close.svg);
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    right: 60px;
    top: 60px;
    cursor: pointer;
}

.recommend-popup__content {
    margin: 40px 0 0 0;
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
}

.recommend-popup__col {
    color: #808080;
    font-size: 16px;
    line-height: 170%;
}

@media (max-width: 1200px) {
    .recommend-popup__popup {
        padding: 20px 40px;
    }

    .recommend-popup__title {
        max-width: 100%;
        padding-right: 60px;
        font-size: 32px;
    }

    .recommend-popup__close {
        right: 40px;
        top: 20px;
    }

    .recommend-popup__content {
        margin: 30px 0 0 0;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0px 20px;
    }

    .recommend-popup__col {
        font-size: 14px;
        line-height: 140%;
    }
}

@media (max-width: 768px) {
    .recommend-popup__popup {
        padding: 20px;
    }

    .recommend-popup__title {
        font-size: 20px;
        padding-right: 60px;
    }

    .recommend-popup__close {
        right: 20px;
    }

    .recommend-popup__content {
        margin: 20px 0 0 0;
        grid-template-columns: 1fr 1fr;
        gap: 0px 10px;
    }

    .recommend-popup__col {
        font-size: 12px;
        line-height: 140%;
    }
}

/*reviews__elem*/
.reviews {
    padding: 90px 0;
}

.reviews__list {
    margin: 0 -20px;
}

.reviews__list .slick-list {
    margin: 0 -600px 0 0;
}

.reviews__elem {
    padding: 32px 42px;
    border-radius: 16px;
    background: #F1F1F1;
    margin: 0 20px;
}

.reviews__name {
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 500;
    line-height: 135%;
}

.reviews__text {
    color: #808080;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin: 24px 0 0 0;
}

.reviews__show-more {
    color: #1F1F1F;
    font-size: 14px;
    line-height: 140%;
    text-decoration-line: underline;
    width: max-content;
    margin: 22px 0 0 0;
    cursor: pointer;
}

.reviews__hiden-text {
    display: none;
}

.reviews__elem_show .reviews__hiden-text {
    display: inline;
}

.reviews__elem_show .reviews__dots {
    display: none;
}

@media (max-width: 1200px) {
    .reviews {
        padding: 70px 0;
    }

    .reviews__list {
        margin: 0px -74px 0px -20px !important;
    }

    .reviews__list .slick-list {
        padding: 0px 90px 0 0 !important;
        margin: 0px !important;
    }
}

@media (max-width: 768px) {
    .reviews {
        padding: 60px 0;
    }

    .reviews__list {
        margin: 0 -10px !important;
    }

    .reviews__list .slick-list {
        padding: 0px 40px 0 0 !important;
    }

    .reviews__elem {
        padding: 24px;
        border-radius: 8px;
        margin: 0 10px;
    }

    .reviews__name {
        font-size: 16px;
    }

    .reviews__text {
        font-size: 14px;
        margin: 16px 0 0 0;
    }

}

/*blog-list*/
.blog-list {
    padding: 90px 0;
}

.blog-list__list {
    margin: 0 -20px;
}

.blog-list__list .slick-list {
    margin: 0;
}


.blog-list__wrap {
    margin: 0 20px;
}

.blog-list__img img {
    width: 100%;
    margin: 0 0 16px 0 !important;
    display: flex;
    align-self: center;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: .2s filter;
}

.blog-list__elem:hover .blog-list__img img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.blog-list__title {
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 500;
    line-height: 135%;
}

.blog-list__date {
    color: #808080;
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0.42px;
    margin: 24px 0 0 0;
}

@media (max-width: 1200px) {
    .blog-list {
        padding: 70px 0;
    }

    .blog-list__list {
        margin: 0px -74px 0px -20px !important;
    }

    .blog-list__list .slick-list {
        padding: 0px 80px 0 0 !important;
        margin: 0px !important;
    }
}

@media (max-width: 768px) {
    .blog-list {
        padding: 60px 0;
    }

    .blog-list__list {
        margin: 0 -10px !important;
    }

    .blog-list__list .slick-list {
        padding: 0px 40px 0 0 !important;
    }


    .blog-list__wrap {
        margin: 0 10px;
    }

    .blog-list__img img {
        margin: 0 0 8px 0 !important;
    }

    .blog-list__title {
        font-size: 16px;
    }

    .blog-list__date {
        font-size: 12px;
        margin: 16px 0 0 0;
    }
}

/*advantages*/
.advantages {
    padding: 90px 0;
}

.advantages__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.advantages__img {
    display: flex !important;
    align-self: center;
    max-width: 87px !important;
    width: 87px;
    margin: 0 auto 32px auto !important;
}

.advantages__text {
    color: #808080;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
}



@media (max-width: 1200px) {
    .advantages {
        padding: 70px 0;
    }

    .advantages__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .advantages__img {
        max-width: 68px !important;
        width: 68px;
        margin: 0 auto 16px auto !important;
    }
}

@media (max-width: 768px) {
    .advantages {
        padding: 60px 0;
    }

    .advantages__list {
        grid-template-columns: 100%;
        gap: 24px;
    }

    .advantages__block {
        display: flex;
        align-items: center;
    }

    .advantages__text {
        font-size: 14px;
        text-align: left;
    }

    .advantages__img {
        max-width: 48px !important;
        width: 48px;
        margin: 0 16px 0 0 !important;
    }
}


.video-b-full {
    width: 100%;
}

/*slick-slide*/

.slick-arrow {
    width: 32px;
    height: 32px;
    top: -70px;
    background-size: cover;
    background-repeat: no-repeat;
}

.slick-prev {
    left: initial;
    right: 58px;
    background-image: url(/images/steamone/icons-new/slider-arrow-left.svg?v=3);
}

.slick-next {
    right: 20px;
    background-image: url(/images/steamone/icons-new/slider-arrow-right.svg?v=2);
}

.slick-prev:hover,
.slick-prev:focus {
    background-image: url(/images/steamone/icons-new/slider-arrow-left-hover.svg);
}

.slick-next:hover,
.slick-next:focus {
    background-image: url(/images/steamone/icons-new/slider-arrow-right-hover.svg);
}

@media (max-width: 1200px) {
    .slick-arrow {
        display: none;
    }
}

/*footer*/
footer .phone-value {
    background-image: initial !important;
    padding: 0 !important;

}

footer .phone-value a {
    font-size: 16px !important;
    line-height: 140% !important;
}

footer .email a {
    background-image: initial !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 140% !important;
}

footer .menu-item a {
    text-transform: initial;
}

footer .button-def {
    display: block !important;
    max-width: max-content;
    padding: 16px 20px !important;
    background: #B77B72 !important;
    color: #FFF !important;
    font-size: 16px !important;
    line-height: 130%;
    text-decoration: none;
    transition: .2s all;
    text-transform: initial !important;
    max-height: 51px;
    white-space: nowrap;
    border-radius: 8px;
}

footer .button-def:hover {
    background: #C19791 !important;
    color: #FFFFFF !important;
}

footer.tone-dark div.container-bottom {
    border-top: 1px solid #6F6F6F;
    margin: 0;
}

footer .column-1 .logotype {
    margin-bottom: 24px !important;
    width: 247px !important;
    padding-top: 20px;
}

footer div.political div.agreement-item {
    color: #D9D9D9;
    font-size: 16px;
    line-height: 135%;
}

footer div.menu-items div.menu-item {
    font-size: 16px;
    line-height: 135%;
    margin-bottom: 8px;
}

footer div.container-top div.column-2,
footer div.container-top div.column-4 {
    padding-top: 25px;
}

@media (max-width: 767.98px) {
    footer div.button-wrap a {
        margin: auto;
    }
}


/*footer-socials*/

.concept-vkontakte,
.concept-youtube-play,
.concept-paper-plane {
    display: none;
}

footer div.soc-group a.soc_ic {
    width: 48px;
    height: 48px;
    opacity: 1;
}

div.soc-group a.soc_ic.soc_vk {
    background-image: url(/images/steamone/icons-new/footer-icon-vk.svg) !important;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
}

div.soc-group a.soc_ic.soc_yu {
    background-image: url(/images/steamone/icons-new/footer-icon-yt.svg) !important;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
}

div.soc-group a.soc_ic.soc_telegram {
    background-image: url(/images/steamone/icons-new/footer-icon-tg.svg) !important;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
}

/*mobile menu*/


body.font-maincolor-dark div.search-panel div.search-btns-box button.search-btn-style div.icon-enter {
    background-image: unset;
    color: #fff;
    padding: 0;
}

.open-menu-mobile .search-form {
    display: none;
}


.open-menu-mobile.tone-dark {
    background: #1F1F1F !important;
}

.open-menu-mobile.tone-dark div.menu-content ul.mobile-menu-list.in-list li.back {
    background: #1F1F1F !important;
}

.open-menu-mobile div.head-wrap {
    background: #1F1F1F !important;
}

.open-menu-mobile div.foot-wrap a.button-def {
    padding: 12px 16px;
    align-items: flex-start;
    border-radius: 6px;
    background: #E3D7CF;
    max-width: max-content;
    color: #1F1F1F;
    font-size: 14px;
    line-height: 135%;
}

.open-menu-mobile .ic-open-list-contact.open-list-contact {
    display: none !important;
}

.open-menu-mobile div.foot-wrap div.contacts div.list-contacts {
    display: block !important;
}

.open-menu-mobile .wr-count-products-info .col-3:nth-child(1) {
    display: none;
}

.open-menu-mobile .wr-count-products-info .col-3:nth-child(2) {
    display: none;
}

.open-menu-mobile .wr-count-products-info .col-3:nth-child(3) {
    display: none;
}

.open-menu-mobile div.wr-count-products-info div.wr-item {
    background: unset;
}

.open-menu-mobile.tone-dark table.cabinet td.picture div.def-picture {
    background-image: url(/images/steamone/header/lk-icon.svg);
    background-size: contain;
}

/*new catalog*/
.shadow-tone.dark {
    display: none;
}

div.catalog-main-menu {
    display: none;
}

div.page-header div.wrap-scroll-down {
    display: none;
}

div.block-move-to-up.catalog-main-page {
    display: none;
}

div.bottom-description-full {
    background: #fff;
    padding: 0 !important;
}

div.bottom-description-full .container {
    max-width: 100% !important;
    padding: 0 !important;
}

div.bottom-description-full .container .c-wrapper {
    padding: 0 74px;
}

div.page-header div.head div.subtitle {
    color: #fff !important;
}

.page-header.sections.cover.parent-scroll-down.dark.phoenix-firsttype-hidden.ctlg {
    margin: 126px 0 0 0;
    height: 450px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 40px 0;
}

div.page-header.dark div.head div.subtitle {
    margin-bottom: 0px;
}

.page-header.sections.cover.parent-scroll-down.dark.phoenix-firsttype-hidden.ctlg div.head.margin-bottom {
    margin-bottom: 0px;
}

div.page-header.dark div.head div.title,
div.page-header.dark div.head div.title h1,
h1 {
    font-size: 46px !important;
    font-weight: 500 !important;
    line-height: 120% !important;
    margin: 0 0 16px 0 !important;
}

@media (max-width: 1200px) {
    .page-header.sections.cover.parent-scroll-down.dark.phoenix-firsttype-hidden.ctlg {
        height: 400px;
    }

    div.page-header.dark div.head div.title,
    div.page-header.dark div.head div.title h1,
    h1 {
        font-size: 42px !important;
    }
}

@media (max-width: 768px) {

    div.page-header.dark div.head div.title,
    div.page-header.dark div.head div.title h1,
    h1 {
        font-size: 32px !important;
    }

    div.bottom-description-full .container .c-wrapper {
        padding: 0 10px;
    }

    .page-header.sections.cover.parent-scroll-down.dark.phoenix-firsttype-hidden.ctlg {
        margin: 62px 0 0 0;
        padding: 40px 0;
    }
}

/*pages*/

/*so-page-header*/
.so-page-header {
    height: 450px;
    padding: 80px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.so-page-header_about {
    background-image: url(/images/steamone/pages-new/about/header-max.jpg);
}

.so-page-header_ctlg-vertical {
    background-image: url(/images/steamone/catalog-new/header-ctlg-vertical-max.jpg);
}

.so-page-header_ctlg-hand {
    background-image: url(/images/steamone/catalog-new/header-ctlg-hand-max.jpg);
}

.so-page-header_ctlg-acs {
    margin-top: 126px;
    background-image: url(/images/steamone/catalog-new/header-ctlg-acs-max.jpg);
}

.so-page-header_contacts {
    margin-top: 126px;
    background-image: url(/images/steamone/pages-new/other/header-contacts-max.jpg);
}

.so-page-header_garanty {
    margin-top: 126px;
    background-image: url(/images/steamone/pages-new/other/header-garanty-max.jpg);
}

.so-page-header_cooperation {
    margin-top: 126px;
    background-image: url(/images/steamone/pages-new/other/header-cooperation-max.jpg);
}



.so-page-header__content {
    height: 100%;
}

.so-page-header__title {
    color: #fff;
    text-transform: uppercase;
    margin: 0 !important;
}

.so-page-header_ctlg-acs .so-page-header__title {
    max-width: 653px;
}

.so-page-header_about .so-page-header__title {
    max-width: 590px;
}

.so-page-header__desc {
    color: #fff;
    margin: 16px 0 0 0;
    font-size: 16px;
    line-height: 140%;
}

@media (max-width: 1200px) {
    .so-page-header {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .so-page-header {
        padding: 40px 0;
    }

    .so-page-header_about {
        background-image: url(/images/steamone/pages-new/about/header-min.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .so-page-header_ctlg-vertical {

        background-image: url(/images/steamone/catalog-new/header-ctlg-vertical-min.jpg);
    }

    .so-page-header_ctlg-hand {
        background-image: url(/images/steamone/catalog-new/header-ctlg-hand-min.jpg);
    }

    .so-page-header_ctlg-acs {
        margin-top: 42px;
        background-image: url(/images/steamone/catalog-new/header-ctlg-acs-min.jpg);
    }

    .so-page-header_contacts {
        margin-top: 42px;
        background-image: url(/images/steamone/pages-new/other/header-contacts-min.jpg);
    }

    .so-page-header_garanty {
        margin-top: 42px;
        background-image: url(/images/steamone/pages-new/other/header-garanty-min.jpg);
    }

    .so-page-header_cooperation {
        margin-top: 42px;
        background-image: url(/images/steamone/pages-new/other/header-cooperation-min.jpg);
    }



    .so-page-header__desc {
        font-size: 14px;
    }
}

/*so-text-and-img*/

.so-text-and-img {
    padding: 90px 0;
}

.so-text-and-img_position .so-text-and-img__title {
    max-width: 881px;
}

.so-text-and-img_helper .so-text-and-img__title {
    max-width: 521px;
}


.so-text-and-img__block {
    display: grid;
    grid-template-columns: auto 560px;
    gap: 40px;
}

.so-text-and-img__block:not(:first-child) {
    margin: 40px 0 0 0;
}

.so-text-and-img__block:nth-child(2n) {
    grid-template-columns: 560px auto;
}

.so-text-and-img__block:nth-child(2n + 1) .so-text-and-img__img {
    grid-column: 2;
    grid-row: 1;
}

.so-text-and-img__img img {
    width: 100% !important;
    margin: 0 !important;
    display: flex;
    align-self: center;
}

.so-text-and-img__text {
    color: #808080;
    font-size: 16px;
    line-height: 140%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 460px;
}

.so-text-and-img__block:nth-child(2n + 1) .so-text-and-img__text {
    grid-column: 1;
    grid-row: 1;
}


.so-text-and-img__quote {
    color: #1F1F1F;
    text-align: center;
    font-size: 28px;
    line-height: 140%;
    max-width: 962px;
    margin: 140px auto 0 auto;
    position: relative;
}

.so-text-and-img__quote::before {
    content: '';
    position: absolute;
    width: 150px;
    height: 1px;
    background: #E3D7CF;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.so-text-and-img__subtitle {
    max-width: 375px;
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.so-text-and-img__link {
    text-decoration: underline !important;
    color: #B77B72;
    font-size: inherit;
    line-height: inherit;
}

@media (max-width: 1200px) {
    .so-text-and-img {
        padding: 70px 0;
    }

    .so-text-and-img__block {
        grid-template-columns: 100%;
        gap: 16px;
    }

    .so-text-and-img__block:nth-child(2n) {
        grid-template-columns: 100%;
    }

    .so-text-and-img__block:nth-child(2n + 1) .so-text-and-img__img {
        grid-column: initial;
        grid-row: initial;
    }

    .so-text-and-img__img {
        padding-bottom: 55%;
        overflow: hidden;
        position: relative;
    }

    .so-text-and-img__img img {
        top: 0;
        left: 0;
        position: absolute;
    }

    .so-text-and-img__text {
        max-width: 100%;
    }

    .so-text-and-img__block:nth-child(2n + 1) .so-text-and-img__text {
        grid-column: initial;
        grid-row: initial;
    }


    .so-text-and-img__quote {
        font-size: 22px;
        max-width: 560px;
        margin: 110px auto 0 auto;
    }

    .so-text-and-img__quote::before {
        top: -40px;
    }

    .so-text-and-img__subtitle {
        max-width: initial;
    }
}

@media (max-width: 768px) {
    .so-text-and-img {
        padding: 60px 0;
    }

    .so-text-and-img__block:not(:first-child) {
        margin: 30px 0 0 0;
    }

    .so-text-and-img__img {
        padding-bottom: 0;
    }

    .so-text-and-img__img img {
        position: static;
    }

    .so-text-and-img__text {
        font-size: 14px;
    }

    .so-text-and-img__quote {
        font-size: 18px;
        max-width: 560px;
        margin: 90px auto 0 auto;
    }

    .so-text-and-img__quote::before {
        top: -30px;
        width: 140px;
    }

    .so-text-and-img__subtitle {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 400;
        line-height: 120%
    }
}

/*so-history*/

.so-history {
    padding: 90px 0;
}

.so-history__block {
    border-top: 1px solid #E3D7CF;
    padding-left: 402px;
    position: relative;
}

.so-history__img {
    position: absolute;
    width: 240px;
    height: 128px;
    overflow: hidden;
    top: 24px;
    left: 0;
}

.so-history__img img {
    position: absolute;
    width: 380px !important;
    margin: 0 !important;
    display: flex;
    align-self: center;
}

.so-history__elem {
    display: flex;
}

.so-history__elem:not(:first-child) {
    border-top: 1px solid #E3D7CF;
}

.so-history__date {
    width: 80px;
    min-width: 80px;
    margin: 0 118px 0 0;
    color: #1F1F1F;
    font-size: 28px;
    line-height: 140%;
    padding: 16px 0 27px;
}

.so-history__text {
    color: #808080;
    font-size: 16px;
    line-height: 135%;
    padding: 20px 0 40px 0;
}

@media (max-width: 1200px) {
    .so-history {
        padding: 70px 0;
    }

    .so-history__block {
        padding-left: 213px;
    }

    .so-history__img {
        width: 193px;
        height: 140px;
    }

    .so-history__img img {
        width: 260px !important;
    }

    .so-history__elem {
        display: block;
    }


    .so-history__date {
        font-size: 22px;
        line-height: 140%;
        padding: 16px 0 8px;
    }

    .so-history__text {
        padding: 0 0 16px 0;
    }
}

@media (max-width: 768px) {
    .so-history {
        padding: 60px 0;
    }

    .so-history__block {
        padding-left: 0;
    }

    .so-history__img {
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        padding: 8px 0 0 0;
    }

    .so-history__img img {
        position: relative;
        width: 100% !important;
    }

    .so-history__block_2 .so-history__img img {
        transform: unset;
    }

    .so-history__elem:not(:first-child) {
        border-top: 1px solid #E3D7CF;
    }

    .so-history__date {
        font-size: 18px;
        padding: 16px 0 8px;
    }

    .so-history__text {
        font-size: 14px;
        padding: 0 0 16px 0;
    }
}

/*catalog blocks*/

#block36931 h2,
#block36938 h2,
/* #block36924 h2, */
#block36183 h2,
#block36189 h2,
#block36194 h2,
#block36182 h2 {
    padding: 90px 0 0 0 !important;
    text-align: left !important;
}

#block36182 h2,
#block36184 h2,
#block36185 h2,
#block36190 h2,
#block36191 h2,
#block36186 h2,
#block36206 h2 {
    text-align: left !important;
    max-width: 900px;
}

#block36930 {
    padding-bottom:  0 !important;
}
@media (max-width: 1200px) {

    #block36931 h2,
    #block36938 h2,
    /* #block36924 h2, */
    #block36183 h2,
    #block36189 h2,
    #block36194 h2,
    #block36182 h2 {
        padding: 70px 0 0 0 !important;
    }
}

@media (max-width: 1200px) {

    #block36931 h2,
    #block36938 h2,
    /* #block36924 h2, */
    #block36183 h2,
    #block36189 h2,
    #block36194 h2,
    #block36182 h2 {
        padding: 60px 0 0 0 !important;
    }
}

/*ctlg-accessories*/
.ctlg-accessories {
    padding: 90px 0;
}

.ctlg-accessories .title {
    max-width: 630px;
}

.ctlg-accessories_hand .title {
    max-width: 912px;
}

.ctlg-accessories_cat-about .title {
    max-width: unset;
}

.ctlg-accessories__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

.ctlg-accessories__block {}

.ctlg-accessories__img {
    width: 100%;
}

.ctlg-accessories__img img {
    width: 100% !important;
    margin: 0 !important;
    display: flex;
    align-self: center;
}


.ctlg-accessories__title {
    color: #313131;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
    margin-top: 16px;
}

.ctlg-accessories__description {
    color: #808080;
    font-size: 16px;
    line-height: 140%;
    margin-top: 8px;
}

.ctlg-accessories_cat-about .ctlg-accessories__description {
    margin-top: 16px;
}

@media (max-width: 1200px) {
    .ctlg-accessories {
        padding: 70px 0;
    }

    .ctlg-accessories .title {
        max-width: 630px;
    }

    .ctlg-accessories_hand .title {
        max-width: 630px;
    }

    .ctlg-accessories__content {
        grid-template-columns: 1fr 1fr;
        gap: 40px 20px;
    }

    .ctlg-accessories__title {
        margin-top: 8px;
    }

    .ctlg-accessories_cat-about .ctlg-accessories__description {
        margin-top: 8px;
    }
}

@media (max-width: 768px) {
    .ctlg-accessories {
        padding: 60px 0;
    }

    .ctlg-accessories__content {
        grid-template-columns: 100%;
        gap: 30px;
    }

    .ctlg-accessories__title {
        font-size: 16px;
        line-height: 120%;
        text-transform: uppercase;
        margin-top: 16px;
    }

    .ctlg-accessories__description {
        font-size: 14px;
    }
}

/*peculiarities-two-col*/
.peculiarities-two-col {
    padding: 90px 0;
}

.peculiarities-two-col .title {
    max-width: 936px;
}

.peculiarities-two-col__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.peculiarities-two-col__block {
    padding: 0 0 0 226px;
    position: relative;
    min-height: 260px;
}

.peculiarities-two-col__img {
    position: absolute;
    width: 210px;
    top: 0;
    left: 0;
}

.peculiarities-two-col__img img {
    width: 100% !important;
    margin: 0 !important;
    display: flex;
    align-self: center;
}


.peculiarities-two-col__title {
    color: #313131;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
}

.peculiarities-two-col__text {
    color: #808080;
    font-size: 16px;
    line-height: 140%;
    margin-top: 8px;
}

@media (max-width: 1200px) {
    .peculiarities-two-col {
        padding: 70px 0;
    }

    .peculiarities-two-col__content {
        gap: 40px 20px;
    }

    .peculiarities-two-col__block {
        padding: initial;
        position: relative;
        min-height: 260px;
    }

    .peculiarities-two-col__img {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding-bottom: 70%;
        background: #F1F1F1;
        margin-bottom: 8px;
    }

    .peculiarities-two-col__img img {
        position: absolute !important;
    }

    .peculiarities-two-col__block_1 .peculiarities-two-col__img img {
        left: 50%;
        transform: translate(-50%, -37%) scale(0.9);
    }

    .peculiarities-two-col__block_2 .peculiarities-two-col__img img {
        left: 50%;
        transform: translate(-50%, -5%) scale(0.9);
    }

    .peculiarities-two-col__block_3 .peculiarities-two-col__img img {
        left: 50%;
        transform: translate(-50%, -25%) scale(0.7);
    }

    .peculiarities-two-col__block_4 .peculiarities-two-col__img img {
        left: 50%;
        transform: translate(-50%, -10%);
    }


    .peculiarities-two-col__title {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .peculiarities-two-col {
        padding: 60px 0;
    }

    .peculiarities-two-col__content {
        grid-template-columns: 100%;
        gap: 30px;
    }

    .peculiarities-two-col__img {
        margin-bottom: 16px;
    }


    .peculiarities-two-col__title {
        font-size: 16px;
        line-height: 120%;
    }

    .peculiarities-two-col__text {
        font-size: 14px;
        line-height: 140%;
    }
}

/*black-b-with-img*/
.black-b-with-img {
    background: #000;
    position: relative;
    min-height: 608px;
    padding: 90px 0;
}

.black-b-with-img::after {
    content: '';
    position: absolute;
    left: calc(50% + 40px);
    top: 0;
    background-image: url('/images/steamone/catalog-new/black-b-with-img-v-max.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(50% - 40px);
    height: 100%;
}

.black-b-with-img .title {
    width: 560px;
    max-width: 50%;
    color: #fff !important;
}

.black-b-with-img__text {
    width: 501px;
    max-width: 50%;
    color: #F1F1F1;
    font-size: 16px;
    line-height: 140%;
}

@media (max-width: 1200px) {
    .black-b-with-img {
        padding: 70px 0 406px 0;
    }

    .black-b-with-img::after {
        top: initial;
        left: 0;
        bottom: 0;
        background-image: url('/images/steamone/catalog-new/black-b-with-img-v-middle.jpg');
        width: 100%;
        height: 406px;
    }

    .black-b-with-img .title {
        width: 100%;
        max-width: 100%;
    }

    .black-b-with-img__text {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .black-b-with-img {
        padding: 60px 0 260px 0;
    }

    .black-b-with-img__text {
        font-size: 14px;
    }

    .black-b-with-img::after {
        background-image: url('/images/steamone/catalog-new/black-b-with-img-v-min.jpg');
        height: 260px;
    }
}

/*black-b-with-img*/
.black-b-with-img-hand {
    min-height: 600px;
    background: #000;
    overflow: hidden;
    max-width: 100%;
}

.black-b-with-img-hand__content {
    position: relative;
    padding: 186px 600px 186px 0;
}

.black-b-with-img-hand .title {
    color: #FFF !important;
    position: relative;
    z-index: 2;
}

.black-b-with-img-hand__text {
    font-size: 16px;
    line-height: 140%;
    color: #F1F1F1;
    max-width: 480px;
    position: relative;
    z-index: 2;
}

.black-b-with-img-hand img {
    position: absolute !important;
    margin: 0 !important;
    width: 700px !important;
    top: 0;
    right: -150px;
    display: flex;
    align-self: center;
    z-index: 1;
}

@media (max-width: 1200px) {
    .black-b-with-img-hand {
        min-height: 541px;
    }

    .black-b-with-img-hand__content {
        position: relative;
        padding: 70px 0;
    }

    .black-b-with-img-hand .title {
        margin: 0 0 104px 0 !important;
    }

    .black-b-with-img-hand__text {
        max-width: 300px;
    }

    .black-b-with-img-hand img {
        width: 450px !important;
        top: 130px;
        right: -70px;
    }
}

@media (max-width: 768px) {
    .black-b-with-img-hand__content {
        position: relative;
        padding: 60px 0 0 0;
    }

    .black-b-with-img-hand .title {
        margin: 0 0 30px 0 !important;
    }

    .black-b-with-img-hand__text {
        font-size: 14px;
        max-width: 100%;
    }

    .black-b-with-img-hand img {
        position: relative !important;
        margin: 0 !important;
        width: calc(100% + 60px) !important;
        top: 0;
        right: initial;
        left: 30px;
    }
}

/**/
.so-tabs-block {
    margin: 90px 0 0 0;
}

.so-tabs-block__header {}

.so-tabs-block__choice {
    display: none;
}

.so-tabs-block__options {
    border-radius: 8px;
    border: 1px solid #313131;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: hidden;
}

.so-tabs-block__option {
    text-align: center;
    padding: 16px 48px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #1F1F1F;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 135%;
    transition: color .2s, background .2s;
}

.so-tabs-block__option:hover {
    background: #313131;
    color: #fff;
}

.so-tabs-block__option:not(:first-child) {
    border-left: 1px solid #313131;
}

.so-tabs-block__option_active {
    background: #313131;
    color: #fff;
}

.so-tabs-block__body {
    margin: 50px 0 0 0;
}

.so-tabs-block__block {
    display: none;
}

.so-tabs-block__block_show {
    display: block;
}

.so-tabs-block__p:not(:first-child) {
    margin: 40px 0 0 0;
}

.so-tabs-block__title {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
}

.so-tabs-block__text {
    color: #808080;
    font-size: 16px;
    line-height: 140%;
    margin: 16px 0 0 0;
}

.so-tabs-block__text ul {
    margin: 0 !important;
    padding: 0 0 0 24px !important;
    font-size: 16px !important;
    line-height: 140% !important;
}

@media (max-width: 1200px) {
    .so-tabs-block {
        margin: 70px 0 0 0;
    }

    .so-tabs-block__header {
        width: calc(100% - 148px);
        top: 80px;
        left: 74px;
        position: absolute;
        z-index: 2;
        border-radius: 8px;
        background: #313131;
        color: #FFF;
        font-size: 16px;
        font-weight: 500;
        line-height: 135%;
        text-transform: uppercase;
        text-align: left;
        cursor: pointer;
        padding: 20px 22px 20px 22px;
        user-select: none;
    }

    .so-tabs-block__header::after {
        content: '';
        position: absolute;
        z-index: 2;
        background-image: url('/images/steamone/icons-new/option-arrow.svg');
        background-repeat: no-repeat;
        background-size: contain;
        width: 13px;
        height: 10px;
        top: 26px;
        right: 20px;
        transition: .2s transform;
    }

    .so-tabs-block__header_open {
        padding: 20px 22px 8px 22px;
        cursor: pointer;
    }

    .so-tabs-block__header_open::after {
        transform: rotate(180deg);
    }

    .so-tabs-block__header_open .so-tabs-block__choice {
        padding: 0 0 20px 0;
    }

    .so-tabs-block__choice {
        display: block;
    }

    .so-tabs-block__options {
        border: none;
        display: none;
        overflow: hidden;
    }

    .so-tabs-block__header_open .so-tabs-block__options {
        display: block;
    }

    .so-tabs-block__option {
        text-align: left;
        padding: 12px 0;
        text-transform: uppercase;
        display: block;
        color: #FFF;
        background: unset;
    }

    .so-tabs-block__option:hover {
        background: unset;
        color: #fff;
    }

    .so-tabs-block__option:not(:first-child) {
        border-left: unset;
    }

    .so-tabs-block__body {
        margin: 142px 0 0 0;
        position: relative;
        z-index: 1;
    }

    .so-tabs-block__block {
        display: none;
    }

    .so-tabs-block__block_show {
        display: block;
    }

    .so-tabs-block__p:not(:first-child) {
        margin: 30px 0 0 0;
    }
}

@media (max-width: 768px) {
    .so-tabs-block {
        margin: 60px 0 0 0;
    }

    .so-tabs-block .title {
        max-width: 220px;
    }

    .so-tabs-block__header {
        width: calc(100% - 20px);
        top: 79px;
        left: 10px;
        font-size: 14px;
        padding: 16px 12px;
    }

    .so-tabs-block__header::after {
        width: 10px;
        height: 8px;
        top: 22px;
        right: 10px;
    }

    .so-tabs-block__header_open {
        padding: 16px 12px 8px 12px;

    }

    .so-tabs-block__header_open::after {
        transform: rotate(180deg);
    }

    .so-tabs-block__header_open .so-tabs-block__choice {
        padding: 0 0 15px 0;
    }

    .so-tabs-block__choice {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden;
        padding: 0 16px 0 0;
    }

    .so-tabs-block__option {
        padding: 10px 0;
        font-size: 14px;
    }

    .so-tabs-block__body {
        margin: 111px 0 0 0;
    }

    .so-tabs-block__title {
        font-size: 16px;
        line-height: 120%;
    }

    .so-tabs-block__text {
        font-size: 14px
    }

    .so-tabs-block__text ul {
        padding: 0 0 0 16px !important;
        font-size: 14px !important;
    }
}

/*so-faq-block*/
.so-faq-block {
    margin: 90px 0;
}

.so-faq-block__block {
    padding: 22px 0 23px 0;
    border-top: 1px solid #E3D7CF;
    cursor: pointer;
}

.so-faq-block__block:last-child {
    border-bottom: 1px solid #E3D7CF;
}

.so-faq-block__header {
    color: #313131;
    font-size: 16px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
    position: relative;
}

.so-faq-block__header::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-image: url('/images/steamone/icons-new/faq-plus.svg');
    right: 17px;
}

.so-faq-block__header::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-image: url('/images/steamone/icons-new/faq-minus.svg');
    right: 17px;
    display: none;
}

.so-faq-block__block_show .so-faq-block__header::after {
    display: none;
}

.so-faq-block__block_show .so-faq-block__header::before {
    display: block;
}

.so-faq-block__body-wrap {
    transition: .3s all;
    display: grid;
    grid-template-rows: 0fr;
}

.so-faq-block__block_show .so-faq-block__body-wrap {
    grid-template-rows: 1fr;
}

.so-faq-block__body {
    color: #1F1F1F;
    margin-top: 0px;
    transition: .3s margin-top;
    overflow: hidden;
    font-size: 16px;
    line-height: 135%;
}

.so-faq-block__block_show .so-faq-block__body {
    margin-top: 16px;
}

@media (max-width: 1200px) {
    .so-faq-block {
        margin: 70px 0;
    }

    .so-faq-block__header {
        padding: 0 24px 0 0;
    }

    .so-faq-block__header::after {
        right: 0px;
    }

    .so-faq-block__header::before {
        right: 0px;
    }
}

@media (max-width: 768px) {
    .so-faq-block {
        margin: 60px 0;
    }

    .so-faq-block__block {
        padding: 16px 0;
    }

    .so-faq-block__header {
        font-size: 14px;
    }

    .so-faq-block__body {
        font-size: 14px;
    }

    .so-faq-block__block_show .so-faq-block__body {
        margin-top: 8px;
    }
}

/*how-to-use*/
.how-to-use {
    padding: 90px 0;
}

.how-to-use .title {
    width: 830px;
}

.how-to-use__content {
    display: grid;
    gap: 40px;
}

.how-to-use__block {
    border-top: 1px solid #E3D7CF;
    padding: 18px 0 0 400px;
    min-height: 340px;
    position: relative;
}

.how-to-use__img {
    position: absolute;
    width: 360px;
    left: 0;
    top: 19px;
}

.how-to-use__img img {
    display: flex;
    align-self: center;
    width: 100% !important;
    margin: 0 !important;
}

.how-to-use__title {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
}

.how-to-use__desc {
    color: #808080;
    font-size: 16px;
    line-height: 140%;
    max-width: 650px;
    margin: 16px 0 0 0;
}

@media (max-width: 1200px) {
    .how-to-use {
        padding: 70px 0;
    }

    .how-to-use .title {
        width: 620px;
    }

    .how-to-use__content {
        gap: 30px;
    }

    .how-to-use__block {
        padding: 19px 0 0 320px;
        min-height: 250px;
    }

    .how-to-use__img {
        width: 300px;
        height: 230px;
        overflow: hidden;
    }

    .how-to-use__img img {
        position: absolute;
        top: -20px;
    }

    .how-to-use__title {
        font-size: 18px;
    }

    .how-to-use__desc {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .how-to-use {
        padding: 70px 0;
    }

    .how-to-use .title {
        width: 100%;
    }

    .how-to-use__block {
        padding: 8px 0 0 0;
    }

    .how-to-use__img {
        position: relative;
        width: 100%;
        height: unset;
        padding-bottom: 77%;
        top: 0;
    }

    .how-to-use__img img {
        top: -5%;
    }

    .how-to-use__title {
        margin-top: 16px;
        font-size: 16px;
        line-height: 120%;
    }

    .how-to-use__desc {
        margin: 8px 0 0 0;
        font-size: 14px;
    }
}

/*so-contacts*/
.so-contacts {
    margin: 90px 0;
}

.so-contacts__content {
    display: grid;
    gap: 40px;
}

.so-contacts__title {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
}

.so-contacts__text {
    margin-top: 16px;
    color: #808080;
    font-size: 16px;
    line-height: 135%;
}

.so-contacts__text a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
}

@media (max-width: 1200px) {
    .so-contacts {
        margin: 70px 0;
    }

    .so-contacts__content {
        gap: 30px;
    }
}


@media (max-width: 767px) {
    .so-contacts {
        margin: 60px 0;
    }

    .so-contacts__content {
        display: grid;
        gap: 40px;
    }

    .so-contacts__title {
        font-size: 16px;
        line-height: 120%;
    }

    .so-contacts__text {
        margin-top: 8px;
        font-size: 14px;
        line-height: 140%;
    }
}

/*so-garant*/
.so-garanty {
    margin: 90px 0;
}

.so-garanty__text {
    color: #808080;
    font-size: 16px;
    line-height: 140%;
    max-width: 630px;
}

.so-garanty__text a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline !important;
}

.so-garanty_reg {
    margin-top: 90px;
}

.so-garanty__btn {
    margin-top: 22px;
}

@media (max-width: 1200px) {
    .so-garanty {
        margin: 70px 0;
    }

    .so-garanty_reg {
        margin-top: 70px;
    }
}

@media (max-width: 767px) {
    .so-garanty {
        margin: 60px 0;
    }

    .so-garanty__text {
        font-size: 14px;
    }

    .so-garanty_reg {
        margin-top: 60px;
    }
}

/*so-catalog-item-header*/

.so-catalog-item-header {
    margin-top: 124px;
    min-height: 265px;
    background: #fff;
    padding: 70px 0 40px 0;
}

.so-catalog-item-header__bread-crumbs {
    display: flex;
    margin-bottom: 60px;
}

.so-catalog-item-header__bread-crumbs a,
.so-catalog-item-header__bread-crumbs span {
    color: #B3B3B3;
    font-size: 14px;
    line-height: 135%;
    text-decoration: none;
}

.so-catalog-item-header__bread-crumbs span {
    margin: 0 4px;
}

.so-catalog-item-header .title {
    margin: auto 0 0 0 !important;
}

.so-catalog-item-header__desc {
    font-size: 16px;
    line-height: 140%;
    margin-top: 8px;
    color: #B77B72;
}

@media (max-width: 1200px) {
    .so-catalog-item-header {
        padding: 40px 0 30px 0;
    }

    .so-catalog-item-header__bread-crumbs {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .so-catalog-item-header {
        margin-top: 42px;
        min-height: 218px;
    }

    .so-catalog-item-header__bread-crumbs {
        margin-bottom: 40px;
        flex-wrap: wrap;
    }

    .so-catalog-item-header__desc {
        font-size: 14px;
    }
}

/* so-item-desc */



.so-item-desc__title {
    color: #313131;
    font-size: 16px;
    line-height: 140%;
    margin: 0 0 8px 0;
}

.so-item-desc__title:not(:first-child) {
    margin: 16px 0 8px 0;
}

.so-item-desc__balls {
    display: flex;
    margin: 8px -4px 0 -4px;
    flex-wrap: wrap;
}

.so-item-desc__link-icon {
    display: block;
    width: 48px;
    min-width: 48px;
    margin: 0 4px 8px 4px;
}

.so-item-desc__link-icon img {
    width: 100% !important;
    margin: 0 !important;
}

.so-item-desc-link {
    display: block;
    margin-top: 16px;
    color: #313131 !important;
    font-size: 14px !important;
    line-height: 135% !important;
    text-decoration-line: underline !important;
}

/*catalog item (theme update) */
div.catalog-list.FLAT div.item div.board-price div.old-price {
    color: #D9D9D9;
    font-size: 16px;
    font-weight: 500;
    line-height: 135%;
}

div.catalog-list.FLAT div.item span.sale {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #B77B72;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    left: -8px;
    bottom: initial;
    top: 16px;
}

div.slider_catalog_big_items.tone-dark {
    border: none;
    padding: 0 !important;
}

div.slider_catalog_big_items.cart-info-block div.wr-top-part {
    padding: 0;
    background-color: unset;
    border-radius: none;
}

div.slider_catalog_big_items.cart-info-block a.product-name {
    display: none;
}

div.slider_catalog_big_items.cart-info-block div.wr-bot-part {
    padding: 0;
}

div.head-section-big-slider {
    display: none;
}

div.slider_catalog_big_items.cart-info-block .wr-bot-part:not(.second) {
    display: flex;
    flex-direction: column-reverse;
}

div.slider_catalog_big_items.cart-info-block .wrapper-discount-cheaper {
    color: #B3B3B3 !important;
}

div.slider_catalog_big_items.cart-info-block .wrapper-discount-cheaper a {
    color: #B3B3B3 !important;
}

div.slider_catalog_big_items.tone-dark.cart-info-block div.comment-detail-catalog {
    border: none;
    margin: 0;
    padding: 0;
}

div.slider_catalog_big_items.tone-dark.cart-info-block div.wrapper-description {
    margin: 24px 0 0 0;
    padding: 0;
    border: 0;
}

.catalog-slide .btn-transpatent {
    border-radius: 8px !important;
    background: #1F1F1F !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding: 16px 32px !important;
}

div.cart-info-block div.wrapper-btns a {
    border-radius: 8px !important;
    background: #1F1F1F !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding: 16px 32px !important;
}

div.slider_catalog_big_items.tone-dark.cart-info-block div.wrapper-btns a.second-btn-style {
    border-radius: 8px !important;
    background: #FFF !important;
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding: 15px 31px !important;
    border: 1px solid #1F1F1F !important;
}

div.slider_catalog_big_items.tone-dark.cart-info-block div.wrapper-btns a.second-btn-style b {
    font-weight: 400 !important;
}

div.slider_catalog_big_items .comment-detail-catalog {
    color: #A9A9A9 !important;
}

.catalog-slide div.quantity-container {
    border-radius: 8px !important;
    padding: 7px 17px !important;
    border: 1px solid #A9A9A9 !important;
    background-color: #fff !important;
    height: 48px !important;
}

div.cart-info-block div.quantity-container span.product-item-amount-field-btn-minus,
div.cart-info-block div.quantity-container span.product-item-amount-field-btn-plus {
    color: #000 !important;
}

div.cart-info-block div.quantity-container input.product-item-amount-field {
    color: #000 !important;
    font-size: 15px !important;
    line-height: 24px !important;
}

/*so-catalog-char-icons*/
.so-catalog-char-icons {
    margin: 50px 0;
}

.so-catalog-char-icons__content {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
}

.so-catalog-char-icons__img {
    width: 58px;
    margin: auto;
}

.so-catalog-char-icons__img img {
    display: flex !important;
    margin: 0 !important;
    width: 100% !important;
    align-self: center;
}

.so-catalog-char-icons__text {
    color: #313131;
    text-align: center;
    font-size: 16px;
    line-height: 135%;
    margin: 14px 0 0 0;
}

.so-catalog-char-icons__text b {
    font-weight: 500 !important;
}

@media (max-width: 1200px) {
    .so-catalog-char-icons {
        margin: 40px 0;
    }

    .so-catalog-char-icons__content {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    .so-catalog-char-icons__img {
        width: 56px;
    }

    .so-catalog-char-icons__text {
        margin: 16px 0 0 0;
    }
}

@media (max-width: 767px) {
    .so-catalog-char-icons {
        margin: 30px 0;
    }

    .so-catalog-char-icons__content {
        grid-template-columns: 100%;
        gap: 16px;
    }

    .so-catalog-char-icons__block {
        display: flex;
        align-items: center;
    }

    .so-catalog-char-icons__img {
        width: 42px;
        min-width: 42px;
        margin: 0 16px 0 0;
    }

    .so-catalog-char-icons__text {
        font-size: 14px;
        margin: 0;
        text-align: left;
    }
}

/*so-product-tabs*/
.so-product-tabs {
    margin: 0 0 90px 0;
}

.so-product-tabs__header {}

.so-product-tabs__choice {
    display: none;
}

.so-product-tabs__options {
    border-radius: 8px 8px 0px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: hidden;
}

.so-product-tabs__option:not(:first-child) {
    border-left: 1px solid #E3D7CF;
}

.so-product-tabs__option {
    text-align: center;
    padding: 16px 48px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #1F1F1F;
    background: #F7F6F2;
    font-size: 16px;
    font-weight: 500;
    line-height: 135%;
    transition: color .2s, background .2s;
}

.so-product-tabs__option:hover {
    background: #E3D7CF;
}

.so-product-tabs__option_active {
    background: #E3D7CF;
}

.so-product-tabs__body {
    background: #E3D7CF;
    padding: 40px;
    border-radius: 0px 0px 8px 8px;
}

.so-product-tabs__block {
    display: none;
}

.so-product-tabs__block_show {
    display: block;
}

.so-product-tabs__p {
    max-width: 560px;
}

.so-product-tabs__p:not(:first-child) {
    margin: 40px 0 0 0;
}

.so-product-tabs__title {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    text-transform: uppercase;
}

.so-product-tabs__text {
    color: #1F1F1F;
    font-size: 16px;
    line-height: 140%;
    margin: 16px 0 0 0;
}

.so-product-tabs__text_not-top {
    margin: 0;
}

.so-product-tabs__text ul {
    margin: 0 !important;
    padding: 0 0 0 24px !important;
    font-size: 16px !important;
    line-height: 140% !important;
}

.so-product-tabs__char {
    max-width: 100%;
}

.so-product-tabs__table td {
    color: #1F1F1F;
    font-size: 16px;
    line-height: 140%;
    padding: 0 !important;
}

.so-product-tabs__table td:nth-child(3) {
    font-weight: 600;
    min-width: 350px;
}

.so-product-tabs__table tr:not(:first-child) td {
    padding-top: 8px !important;
    vertical-align: bottom;
}

.so-product-tabs__table td:nth-child(1) {
    padding-right: 8px !important;
    min-width: 300px;
}

.so-product-tabs__table td:nth-child(3) {
    padding-left: 8px !important;
}

td.so-product-tabs__dots {
    width: 100%;
    border-bottom: 1px dotted #1F1F1F !important;
}

@media (max-width: 1200px) {
    .so-product-tabs {
        margin: 0 0 70px 0;
    }

    .so-product-tabs .c-wrapper {
        position: relative;
    }

    .so-product-tabs__header {
        width: calc(100% - 140px);
        left: 70px;
        top: -86px;
        z-index: 2;
        color: #1F1F1F;
        border-radius: 8px;
        background: #E3D7CF;
        padding: 20px 22px 20px 22px;
        user-select: none;
        position: absolute;

    }

    .so-product-tabs__header::after {
        content: '';
        position: absolute;
        z-index: 2;
        background-image: url('/images/steamone/icons-new/option-arrow-black.svg');
        background-repeat: no-repeat;
        background-size: contain;
        width: 13px;
        height: 10px;
        top: 26px;
        right: 20px;
        transition: .2s transform;
    }

    .so-product-tabs__header_open {
        padding: 20px 22px 8px 22px;
        cursor: pointer;
    }

    .so-product-tabs__header_open::after {
        transform: rotate(180deg);
    }

    .so-product-tabs__header_open .so-product-tabs__choice {
        padding: 0 0 20px 0;
    }

    .so-product-tabs__choice {
        text-transform: uppercase;
        font-weight: 500;
    }

    .so-product-tabs__choice {
        display: block;
    }

    .so-product-tabs__options {
        border: none;
        display: none;
        overflow: hidden;
    }

    .so-product-tabs__header_open .so-product-tabs__options {
        display: block;
    }

    .so-product-tabs__option {
        text-align: left;
        padding: 12px 0;
        text-transform: uppercase;
        display: block;
        color: #1F1F1F;
        background: unset;
    }

    .so-product-tabs__option:hover {
        background: unset;
        color: #1F1F1F;
    }

    .so-product-tabs__option:not(:first-child) {
        border-left: unset;
    }

    .so-product-tabs__body {
        padding: 0;
        background: unset;
        margin: 126px 0 0 0;
        position: relative;
        z-index: 1;
    }

    .so-product-tabs__block {
        display: none;
    }

    .so-product-tabs__block_show {
        display: block;
    }

    .so-product-tabs__p {
        width: 100%;
        max-width: 100%;
    }

    .so-product-tabs__p:not(:first-child) {
        margin: 30px 0 0 0;
    }
}

@media (max-width: 768px) {
    .so-product-tabs {
        margin: 0 0 60px 0;
    }

    .so-product-tabs__header {
        width: calc(100% - 20px);
        top: -72px;
        left: 10px;
        font-size: 14px;
        padding: 16px 12px;
    }

    .so-product-tabs__header::after {
        width: 10px;
        height: 8px;
        top: 22px;
        right: 10px;
    }

    .so-product-tabs__header_open {
        padding: 16px 12px 8px 12px;

    }

    .so-product-tabs__header_open::after {
        transform: rotate(180deg);
    }

    .so-product-tabs__header_open .so-product-tabs__choice {
        padding: 0 0 15px 0;
    }

    .so-product-tabs__choice {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden;
        padding: 0 16px 0 0;
    }

    .so-product-tabs__option {
        padding: 10px 0;
        font-size: 14px;
    }

    .so-product-tabs__body {
        margin: 98px 0 0 0;
        max-height: 300px;
        overflow: auto;
    }

    .so-product-tabs__title {
        font-size: 16px;
        line-height: 120%;
        color: #808080;
    }

    .so-product-tabs__text {
        font-size: 14px;
        color: #808080;
    }

    .so-product-tabs__text ul {
        padding: 0 0 0 16px !important;
        font-size: 14px !important;
        color: #808080;
    }

    .so-product-tabs__table td {
        color: #808080;
        font-size: 14px;
    }

    .so-product-tabs__table,
    .so-product-tabs__table tr,
    .so-product-tabs__table td {
        display: block;
    }

    .so-product-tabs__table td:nth-child(3) {
        font-weight: 600;
    }

    .so-product-tabs__dots {
        display: none !important;
    }

    .so-product-tabs__table td:nth-child(1) {
        padding-right: 0 !important;
    }

    .so-product-tabs__table td:nth-child(3) {
        padding-left: 0 !important;
    }
}

/*so-video-yt*/
.so-video-yt {
    margin: 0 0 90px 0;
}

.so-video-yt_mt {
    margin: 90px 0 0 0;
}

.so-video-yt .c-wrapper {
    position: relative;
    padding-bottom: 56.25% !important;
    height: 0;
    overflow: hidden;
}

.so-video-yt iframe {
    position: absolute;
    top: 0;
    left: 74px;
    width: calc(100% - 148px) !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border-width: 0;
    outline-width: 0;
}

@media (max-width: 1200px) {
    .so-video-yt {
        margin: 0 0 70px 0;
    }

    .so-video-yt_mt {
        margin: 70px 0 0 0;
    }
}

@media (max-width: 768px) {
    .so-video-yt {
        margin: 0 0 60px 0;
    }

    .so-video-yt_mt {
        margin: 60px 0 0 0;
    }

    .so-video-yt iframe {
        left: 10px;
        width: calc(100% - 20px) !important;
    }
}

/*hero-slider*/

#block46097 .container .c-wrapper {
    padding: 0 74px;
}

#block46097 .container {
    max-width: 100% !important;
    padding: 0 !important;
}

.hero_slider-1 {
    height: 618px;
    background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-1-max--new.jpg);
    background-size: 1440px auto;
    background-position: center;
}

.hero_slider-2 {
    height: 618px;
    background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-2-max--new.jpg);
    background-size: 1440px auto;
    background-position: center;
}

.hero_slider-3 {
    height: 618px;
    background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-3-max.jpg);
    background-size: 1440px auto;
    background-position: center;
}

.hero_slider-4 {
    height: 618px;
    background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-4-max-1.jpg);
    background-size: 1440px auto;
    background-position: center;
}
.hero_slider-5 {
    height: 618px;
    background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-5-max.jpg);
    background-size: 1440px auto;
    background-position: center;
}

.hero-slider .hero__list {
    color: #1F1F1F;
}

.hero-slider .hero__title {
    color: #1F1F1F;
}


.hero-slider .hero__desc {
    color: #1F1F1F;
}

.hero-slider .hero__title_bold {
    font-weight: 900 !important;
}

.hero__big-li {
    margin: 0;
    font-size: 40px;
    line-height: 120%;
    text-transform: uppercase;
}

.hero__big-li li:before {
    content: '\b7\a0';
}

.hero__big-li li {
    margin-top: 8px;
    list-style: none;
    text-indent: -.5em;
}

.hero__note {
    margin-top: 32px;
}

.hero-slider .hero__title_only-title {
    margin-bottom: 32px !important;
}

.hero-slider__block {
    width: 560px;
}

.hero_slider-2 .c-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 91px;
}

.hero_slider-4 .c-wrapper {
    margin-top: 80px;
}

.hero_slider-5 .c-wrapper {
    margin-top: 80px;
}

.hero_slider-4 .hero-slider__block {
    width: 100%;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hero_slider-5 .hero-slider__block {
    width: 100%;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hero_slider-4 .hero__title{
    max-width: 800px;
    font-weight: 400!important;
    font-size: 38px;
}
.hero_slider-5 .hero__title{
    max-width: 400px;
    font-weight: 400!important;
    font-size: 38px;
}

.hero_slider-4 .hero__desc {
    margin: 48px 0 64px 0;
    max-width: 400px;
}
.hero_slider-5 .hero__desc {
    margin: 48px 0 64px 0;
    max-width: 400px;
}
.hero-slider .slick-prev {
    background-image: url(/images/steamone/main-page-new/hero-slider/prev.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 17px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    z-index: 999;
}

.hero-slider .slick-next {
    background-image: url(/images/steamone/main-page-new/hero-slider/next.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 17px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    z-index: 999;
}


@media (max-width: 1200px) {
    .hero_slider-1 {
        height: 880px;
        background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-1-middle.jpg);
        background-size: 768px auto;
    }

    .hero_slider-2 {
        height: 880px;
        background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-2-middle.jpg);
        background-size: 768px auto;
    }

    .hero_slider-3 {
        height: 880px;
        background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-3-middle.jpg);
        background-size: 768px auto;
    }

    .hero_slider-4 {
        height: 880px;
        background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-4-middle.jpg);
        background-size: 768px auto;
    }
    .hero_slider-5 {
        height: 880px;
        background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-5-middle.jpg);
        background-size: 768px auto;
    }

    .hero-slider .hero__title {
        max-width: 580px;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .hero_slider-3 .hero-slider__block {
        margin-top: 410px;
    }

    .hero_slider-3 .hero__desc {
        text-align: center;
    }

    .hero__big-li li {
        text-align: center;
    }

    .hero-slider .hero__desc {
        max-width: 580px;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-slider .dark-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-slider__block {
        width: 100%;
    }

    .hero_slider-2 .c-wrapper {
        display: block;
        margin-top: 80px;
    }

    .hero-slider .c-wrapper {
        margin-top: 80px;
    }
    
    
    .hero_slider-4 .hero-slider__block {
        margin-top: 480px;
        display: block;
        text-align: center;
    }

    .hero_slider-4 .hero__title{
        max-width: 100%;
        font-weight: 34px;
    }
    
    .hero_slider-4 .hero__desc {
        margin: 12px 0 32px 0;
        max-width: 100%;
    }
    .hero_slider-5 .hero-slider__block {
        margin-top: 480px;
        display: block;
        text-align: center;
    }

    .hero_slider-5 .hero__title{
        max-width: 100%;
        font-weight: 34px;
    }
    
    .hero_slider-5 .hero__desc {
        margin: 12px 0 32px 0;
        max-width: 100%;
    }

    .hero-slider .slick-prev {
        left: 16px;
    }

    .hero-slider .slick-next {
        right: 16px;
    }
}

@media (max-width: 768px) {
    #block46097 .container .c-wrapper {
        padding: 0 10px;
    }

    .hero_slider-1 {
        position: relative;
        height: auto;
        padding-bottom: 200% !important;
        background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-1-mob.jpg);
        background-size: cover;
        background-position: bottom;
    }

    .hero_slider-2 {
        position: relative;
        height: auto;
        padding-bottom: 200% !important;
        background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-2-mob.jpg);
        background-size: cover;
        background-position: bottom;
    }

    .hero_slider-3 {
        position: relative;
        height: auto;
        padding-bottom: 200% !important;
        background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-3-mob-1.jpg);
        background-size: cover;
        background-position: bottom;
    }

    .hero_slider-4 {
        position: relative;
        height: auto;
        padding-bottom: 200% !important;
        background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-4-mob.jpg);
        background-size: cover;
        background-position: bottom;
    }
    .hero_slider-5 {
        position: relative;
        height: auto;
        padding-bottom: 200% !important;
        background-image: url(/images/steamone/main-page-new/hero-slider/hero-slider-5-mob.jpg
        );
        background-size: cover;
        background-position: bottom;
    }

    .hero-slider .hero__title_only-title {
        margin-bottom: 16px !important;
    }

    .hero-slider .dark-btn {
        margin-top: 26px;
    }

    .hero-slider .hero__desc {
        display: none;
    }

    .hero_slider-1 .c-wrapper,
    .hero_slider-2 .c-wrapper {
        left: 0;
        position: absolute;
        top: 58px;
        width: 100%;
        margin: 0;
    }

    .hero_slider-3 .hero-slider__block {
        margin-top: 0;
    }

		.hero_slider-3 .hero-slider__title {
		text-align: center;
	}

    .hero-slider .hero_slider-3 .hero__desc {
        display: block;
        margin: 12px 0 16px 0;
    }

    .hero_slider-4 .hero__title{
        font-size: 32px;
    }

    .hero_slider-4 .hero-slider__block {
        margin-top: 0;
    }

    .hero-slider .hero_slider-4 .hero__desc {
        display: block;
        margin: 12px 0 16px 0;
    }
    .hero_slider-5 .hero__title{
        font-size: 32px;
    }

    .hero_slider-5 .hero-slider__block {
        margin-top: 0;
    }

    .hero-slider .hero_slider-5 .hero__desc {
        display: block;
        margin: 12px 0 16px 0;
    }

    .hero__big-li {
        font-size: 32px;
padding: 0;
    }

    .hero__big-li li {
        margin-top: 8px;
    }

    .hero__note {
        margin-top: 16px;
    }


    .hero-slider .slick-prev {
        left: 0;
    }

    .hero-slider .slick-next {
        right: 0;
    }

    .hero-slider .hero {
        position: relative;
        margin-top: 120px;
    }

    .hero-slider_new .hero .c-wrapper {
        position: absolute;
        top: 48px;
        left: 0;
        width: 100%;
    }

    .hero-slider_new .hero_slider-3 .c-wrapper {
        top: initial;
        bottom: 48px;
    }

    .hero-slider_new .hero_slider-4 .c-wrapper {
        top: initial;
        bottom: 48px;
    }
    .hero-slider_new .hero_slider-5 .c-wrapper {
        top: initial;
        bottom: 48px;
    }
}

/*info-box*/
.so-info-box {
    color: #FFF;
    padding: 10px;
    text-align: center;
    background: #B77B72;
    font-size: 14px;
}

.header-new {
    padding-top: 0;
    height: 168px;
}

@media (max-width: 1200px) {
    .so-info-box {
        height: 64px;
        display: flex;
		flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .header-new {
        height: 176px;
    }
}

.header-new .c-wrapper {
    padding-top: 16px;
}

.header-new__left {
    display: flex;
    flex-direction: column;
}

.header-new__nav {
    margin-top: auto;
}

.header-mobile {
    padding-top: 0;
}

.header-mobile .c-wrapper {
    padding-top: 16px;
}

@media (max-width: 768px) {
    .so-info-box {
        height: auto;
    }
}

.tags-container {
    display: flex;
    flex-direction: row;
    position: absolute;
    gap: 5px;
    left: 25px;
    top: 10px;
    z-index: 999;
}
.discount-icon {
  background-color: #b77b72;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.discount-content {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.new-icon {
  background-color: #000;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-content {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.blog-grid {
    display: grid;
	grid-template-columns: 1fr 1fr;
    gap: 20px;

}

.blog-grid-image {
	height: 100% !important;
}

.link_underline {
	text-decoration: underline;
}

.blog-table {
    width: 100%;
    border-collapse: collapse;
}

.blog-table-data, .blog-table-header, .blog-table-header_narrow {
    border: 1px solid #000 !important;
    padding: 8px !important;
    text-align: center !important;
	vertical-align: middle !important;
}

.blog-table-first-row {
	height: 50px;
}
.blog-table-wrapper {
    overflow-x: auto;
}
.blog-table-header-vert, .blog-table-header-hz {
    background-color: #f2f2f2;
    padding: 8px !important;
    text-align: center !important;
	vertical-align: middle !important;
}
.blog-table-header-vert {
    width: 100px;
}
.blog-table-header-hz {
   width: 200px;
}
.blog-table-data_border-none {
    text-align: center !important;
	vertical-align: middle !important;
}
.blog-table-data_border-none, .blog-table-header-hz, .blog-table-header-vert {
    border: 1px solid #fff !important;
    padding: 8px !important;
    text-align: center !important;
	vertical-align: middle !important;
}
.blog-table-header-hz_white {
    background-color: #fff;
}
.blog-table-header_narrow {
    width: 175px;
}
.blog-table-header_gray {
    border: 1px solid #000 !important;
    padding: 8px !important;
    text-align: center !important;
	vertical-align: middle !important;
}
.blog-table-header_narrow, .blog-table-header_gray {
    background-color: #f2f2f2;
    
}
.vid-about-product {
  padding-top: 90px;
}

.mainpage-video-container {
    width: 100vw;
    height: 780px;
    position: relative;
    overflow: hidden;
}

.mainpage-video-wrapper {
    height: 100%;
    width: 100%;
    padding: 0 !important;
    max-width: 100% !important;
}

.mainpage-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
	height: 780px;
}

.mainpage-slider_mob {
   display: none;
}

@media (max-width: 1024px) {
  .mainpage-video-container,
  .mainpage-video {
    height: 500px;
  }
}

@media (max-width: 768px) {
  .mainpage-video-container {
    height: 380px;
    margin-top: 89px;
  }
  .mainpage-video {
    height: 380px;
  }
}

@media (max-width: 480px) {
  .mainpage-slider_mob {
  	 display: block;
  }
  .mainpage-video-container {
	display: block;
    height: 280px;
    margin-top: 111px;
  }
  .mainpage-video {
    height: 280px;
  }
  .m-page-banner {
  	 padding-top: 20px;
  }
}

.so-info-box {
    visibility: hidden;


.date, .date-format {
    display: none !important;
}