@import url('fa-all.css');

body {
    font-family: 'Noto Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-size: 16px;
    overflow-x: hidden;
    color: #242B4D
}

ol,
ul {
    padding-left: 0
}

@media all and (max-width:580px) {
    body {
        overflow-x: auto
    }
}

body.modal-open {
    padding-right: 16px;
    overflow: hidden
}

.fz-13 {
    font-size: 13px
}
hr {
    opacity: .1;
    margin: 0;
}
@media all and (max-width:992px) {
    body.modal-open {
        padding-right: 0 !important;
        overflow: hidden
    }
}

.fz-14 {
    font-size: 14px
}

.fz-15 {
    font-size: 15px
}

.fz-16 {
    font-size: 16px;
    margin-bottom: 3px
}
.fz-17 {
    font-size: 17px;    
}
.fz-20 {
    font-size: 20px;
    margin-bottom: 3px
}

.fz-24 {
    font-size: 24px
}

.fz-28 {
    font-size: 28px
}

.fz-32 {
    font-size: 32px
}

.fz-36 {
    font-size: 36px
}

.mr-1 {
    margin-right: 10px
}

.mr-2 {
    margin-right: 20px
}

.mr-3 {
    margin-right: 30px
}

.mr-4 {
    margin-right: 40px
}

.mr-5 {
    margin-right: 50px
}

h1 {
    font-size: 32px;
    color: #242B4D;
    font-weight: 700
}

h2 {
    font-size: 26px;
    color: #242B4D;
    font-weight: 700
}

h3 {
    font-size: 18px;
    color: #242B4D;
    font-weight: 700
}

::selection {
    color: #fff;
    background: #de0000
}

.title {
    font-family: 'Prosto One', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif
}

.container {
    max-width: 1530px
}

a:focus {
    outline: none
}

header a {
    text-decoration: none
}

.dropdown-menu {
    padding: 22px;
    border-radius: 10px;
    box-shadow: 0 4px 2px 0 #1328380a;
    border: 1px solid #e5eaf0
}

.dropdown-menu.two-column {
    width: 489px;
    flex-wrap: wrap
}

.dropdown-menu.two-column.show {
    display: flex !important
}

.bottom-nav .dropdown-menu a.nav-link {
    position: relative
}

.bottom-nav .dropdown-menu a.nav-link:before {
    content: "\e90e";
    display: block;
    font-size: 8px;
    position: absolute;
    font-family: icomoon;
    color: #c5c9db;
    left: 9px;
    top: 15px;
    transform: rotate(-90deg);
    transition: all ease-in-out 0.2s
}

.bottom-nav .dropdown-menu .nav-link:hover:before {
    color: red;
    left: 13px
}

.dropdown-menu.two-column .nav-item {
    flex-basis: 50%;
    box-sizing: border-box
}

.dropdown-menu a.nav-link {
    border-radius: 6px
}

.top-nav-wrap,
.bottom-nav-wrap {
    padding: 0
}

.bottom-nav-wrap {
    margin-bottom: 29px
}

.top-nav {
    background: #FAF9FF;
    border-radius: 0 0 15px 15px;
    height: 53px;
    padding: 0 11px
}

.top-nav a {
    color: #847F9C;
    margin: 0 1rem;
    transition: all ease-in-out 0.25s;
    padding: .12rem 0 !important;
    white-space: nowrap
}

.top-nav a:hover,
.top-nav a:focus {
    color: #f30f0f
}

.top-nav a:active {
    color: #847F9C !important
}

.mw150 {
    max-width: 150px;
}

.social a {
    text-decoration: none;
    color: #212846;
    font-size: 30px;
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important
}

.social a span {
    transition: all ease-in-out 0.25s;
    display: block
}

.social a:hover span {
    transform: scale(1.25)
}

.social a:hover .icon-yt,
.social a:focus .icon-yt,
.social a:active .icon-yt {
    color: #e70c0c
}

.social a:hover .icon-viber,
.social a:focus .icon-viber,
.social a:active .icon-viber {
    color: #25d366
}

.social a:hover .icon-tg,
.social a:focus .icon-tg,
.social a:active .icon-tg {
    color: #0086e0
}

.top-nav a.contact-btn {
    box-shadow: 0 0 0 1px #22263d;
    color: #fff !important;
    border-radius: 7px;
    padding: .12rem 1rem !important;
    background: #31385b;
    font-weight: 600;
}


.newsocial {
    gap: 7px;
}
.newsocial a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff !important;
    font-size: 16px;
    transition: all ease-in-out 0.3s;
    margin: 0;
    padding: 5px 10px !important;
    border-radius: 9px !important;
    font-weight: 600;
    gap:4px;
}

.newsocial a:hover, .newsocial a:focus{
    color: #fff !important;
    filter: contrast(1.2) brightness(1.2);

}
.newsocial a img {
    width: 22px; 
}
.newsocial a.tg {
    background: #23a0dc;
}

.newsocial a.max {
    background: radial-gradient(136.12% 140.74% at 99.77% 99.04%, #8d28c8 0%, #7c42fa 20%, #007aff 80%, #609ceb 100%);
}

.newsocial a.contact-btn {
    box-shadow: none !important;
    color: #fff !important;
    background: #31385b;
    height: 36px;
    display: flex;
    align-items: center;
    padding: 5px 10px !important;
}
.newsocial a.contact-btn span {
    font-size: 21px;
}

.top-nav a.contact-btn span {
    position: relative;
    top: 1px
}

.top-nav a.contact-btn:hover,
.top-nav a.contact-btn:focus,
.top-nav a.contact-btn:active {
    box-shadow: 0 0 0 1px #e30000;
    background: #ff0000;
}

.top-nav .dropdown-menu {
    min-width: 225px;
    max-width: 280px;
    margin-left: 1.2rem
}

.top-nav .dropdown-menu a.nav-link {
    padding: 6px 18px !important;
    margin: 0
}

.top-nav .dropdown-menu a.nav-link:hover {
    background: #FAF9FF;
    box-shadow: 0 0 0 1px #2128460d
}

@media all and (min-width:992px) {
    .navbar .nav-item:hover .dropdown-menu {
        display: block
    }
    .navbar .nav-item .dropdown-menu {
        margin-top: 0
    }
    .navbar .nav-item:focus .dropdown-menu {
        display: block !important
    }
    .navbar .nav-item:hover .dropdown-menu.two-column {
        display: flex
    }
    .navbar .nav-item .dropdown-menu.two-column {
        margin-top: 0
    }
    .navbar .nav-item:focus .dropdown-menu.two-column {
        display: flex !important
    }
}

.tooltip-arrow::before {
    border-bottom-color: #fff !important
}

.tooltip>.tooltip-inner {
    background-color: #fff;
    box-shadow: 0 0 18px rgb(33 40 70 / .1);
    color: #212846
}

.tooltip.show {
    opacity: .95
}

.top-bar {
    height: 90px;
    margin-top: 10px
}

.top-bar a {
    transition: all ease-in-out 0.25s
}

.top-bar a:hover,
.top-bar a:focus {
    color: #f30f0f
}
.logo {
    margin-right: 0;
}
.logo img {
    width: 201px
}

@media all and (max-width:768px) {
    .logo img {
        width: 152px
    }
}

.phone {
    color: #212846;
    font-family: 'Prosto One', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-size: 17px;
    font-weight: 700
}

.btn-call {
    box-shadow: 0 0 0 1px #A3A0BF;
    border-radius: 7px;
    color: #242B4B;
    line-height: 24px;
    padding: 3px 11px 4px 11px
}

.btn-call span {
    position: relative;
    top: 1px;
    margin-right: 2px
}

.btn-call:hover {
    background: #242B4B;
    color: #fff !important;
    box-shadow: 0 0 0 1px #242B4B
}

.address {
    color: #242B4B;
    font-family: 'Prosto One', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-top: -3px
}

.address:after {
    content: "";
    display: block;
    position: relative;
    bottom: 2px;
    height: 1px;
    width: 100%;
    background-color: #242B4B50;
    transition: all ease-in-out 0.25s
}

.address:hover:after {
    background-color: #ea060650
}

.metro {
    margin-top: 1px
}

.metro span {
    color: #f30000;
    position: relative;
    font-size: 22px;
    top: 4px
}

.working-hours {
    font-family: 'Prosto One', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #242B4B;
    text-align: right
}

.working-hours em {
    font-style: normal;
    letter-spacing: .03em
}

@media all and (max-width:1000px) {
    .working-hours {
        display: none !important
    }
}

.bottom-nav {
    margin-top: 8px;
    margin-bottom: 10px
}

.bottom-nav .navbar-nav {
    margin-right: 50px
}

.bottom-nav a {
    color: #242B4B;
    transition: all ease-in-out 0.15s;
    padding: .12rem 0 !important;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .03em;
    font-family: 'Prosto One', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif
}

.bottom-nav a:hover,
.bottom-nav a:focus {
    color: #f30f0f
}

.bottom-nav a:active {
    color: #847F9C !important
}

.bottom-nav .dropdown-menu {
    min-width: 255px
}

.bottom-nav .dropdown-menu a.nav-link {
    padding: 9px 18px 9px 26px !important;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    letter-spacing: 0;
    transition: all ease-in-out 0.1s
}

.bottom-nav .dropdown-menu a.nav-link:hover {
    background: #FAF9FF
}

.dropdown-toggle::after {
    content: "\e90e";
    font-family: 'icomoon';
    display: inline-block;
    margin-left: .255em;
    vertical-align: .155em;
    border: none;
    font-size: 10px;
    color: red
}

@media all and (max-width:992px) {
    .bottom-nav a {
        font-size: 16px
    }
    .address {
        font-size: 15px
    }
    .phone {
        font-size: 17px
    }
}

.search-cart input {
    border: none;
    background: #FAF9FF;
    box-shadow: inset 0 6px 3px -5px #DDDAEE;
    border-top-left-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
    padding: .875rem 0 .875rem 1.6rem
}

.search-cart .btn {
    border: none;
    background: #FAF9FF;
    box-shadow: inset 0 6px 3px -5px #DDDAEE;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    padding: .875rem 1.2rem;
    color: #252B4D;
    transition: all ease-in-out 0.25s
}

.search-cart .btn span {
    font-size: 20px;
    position: relative;
    top: 2px
}

.search-cart .btn:hover,
.search-cart .btn:focus {
    color: red
}

.search-cart input:focus,
.search-cart .btn:focus {
    outline: none !important;
    background: #FAF9FF;
    box-shadow: inset 0 6px 3px -5px #DDDAEE
}

.search-cart input::placeholder {
    font-size: 15px;
    color: #858297
}

a.cart {
    margin: 3px 0 0 9px !important;
    display: block;
    position: relative;
    padding-right: 8px !important
}

.cart span.icon-cart {
    font-size: 40px;
    height: 100%;
    position: relative;
    display: inline-block
}

.cart span.cart-count {
    font-family: 'Noto Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-size: 12px;
    background: #212846;
    color: #fff;
    display: block;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    top: -2px;
    right: 0;
    min-width: 19px;
    height: 19px;
    letter-spacing: 0;
    padding: 0 3px
}

.search-flex {
    min-width: 425px
}

@media all and (max-width:1350px) {
    .bottom-nav .navbar-nav {
        margin-right: 30px
    }
    .search-flex {
        min-width: 325px
    }
}

@media all and (max-width:1200px) {
    .bottom-nav .navbar-nav {
        margin-right: 20px
    }
    .search-flex {
        min-width: 225px
    }
}

@media all and (max-width:1100px) {
    .bottom-nav .navbar-nav {
        margin-right: 20px
    }
    .search-flex {
        display: none
    }
}

@media all and (max-width:850px) {
    .bottom-nav .navbar-nav {
        margin-right: 20px
    }
    .bottom-nav a {
       letter-spacing: -0.03rem;
    }

}

a.search-minimized {
    margin: 5px 0 0 20px !important;
    display: block;
    position: relative
}

.search-minimized span.icon-search {
    font-size: 35px
}

@media all and (min-width:1101px) {
    a.search-minimized {
        display: none
    }
}

@media all and (max-width:992px) {
    a.search-minimized,
    a.cart {
        margin-left: 5px !important
    }
    .search-minimized span.icon-search {
        font-size: 27px
    }
    .cart span.icon-cart {
        font-size: 30px
    }
}

.mobile-shortcuts a {
    color: #212846
}

.mobile-call,
.contact-minimized {
    font-size: 25px;
    margin-left: 8px !important
}

.menu-button {
    padding: 9px;
    background: #212846;
    color: #fff;
    margin-left: 10px;
    border-radius: 13px;
    line-height: 1;
    margin-top: -4px
}

.menu-button.collapsed {
    background: #F6F4FF;
    color: #212846
}

.icon-menu {
    font-size: 27px;
    top: 1px;
    position: relative
}

.menu-button .icon-menu {
    color: #fff
}

.menu-button.collapsed .icon-menu {
    color: #212846
}

@media all and (max-width:768px) {
    .cart span.cart-count {
        font-size: 11px;
        top: -2px;
        right: 2px;
        min-width: 16px;
        height: 16px
    }
    .cart span.icon-cart {
        font-size: 28px
    }
    .search-minimized span.icon-search {
        font-size: 25px
    }
    a.search-minimized {
        margin-top: 0 !important
    }
    .top-bar {
        height: auto;
        margin-top: 0;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 999;
        padding: 13px 0 15px;
        background: #fff;
        box-shadow: 0 1px 0 #1d233d12
    }
    body {
        padding-top: 75px
    }
    .container-search-header,
    .container-callback-header {
        top: 21px
    }
}

@media all and (max-width:382px) {
    .cart span.cart-count {
        font-size: 10px;
        top: -2px;
        right: 2px;
        min-width: 15px;
        height: 15px
    }
    .cart span.icon-cart {
        font-size: 24px
    }
    .search-minimized span.icon-search {
        font-size: 21px
    }
    a.search-minimized {
        margin-top: 0 !important
    }
    .top-bar {
        height: auto
    }
    .menu-button {
        padding: 7px;
        margin-left: 8px;
        border-radius: 13px;
        line-height: 1;
        margin-top: -4px
    }
    .icon-menu {
        font-size: 25px;
        top: 1px;
        position: relative
    }
    .mobile-call,
    .contact-minimized {
        font-size: 21px;
        margin-left: 8px !important
    }
}

@media all and (max-width:356px) {
    .logo img {
        width: 132px
    }
}

.mobile-menu {
    box-shadow: inset 0 6px 14px -5px #DDDAEE55, 0 -1px 0 0 #918cae36, 0 1px 20px #1d233d24;
    background: #FAF9FF;
    border-radius: 13px;
    bottom: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 9998;
    margin-top: 66px;
    overflow-y: auto
}

.mobile-menu ul {
    list-style-type: none;
    padding-left: 6px;
    position: relative;
    margin-left: 1px
}

.mobile-menu ul:before {
    content: "";
    width: 1px;
    height: calc(100% - 10px);
    background: #ff000059;
    display: block;
    position: absolute;
    left: -1px;
    top: 0
}

.mobile-menu ul li {
    padding: 4px 0 0 0;
    position: relative
}

.mobile-menu ul li:before {
    content: "\e90e";
    display: block;
    font-size: 6px;
    position: absolute;
    font-family: icomoon;
    color: red;
    left: -9px;
    top: 10px;
    transform: rotate(-90deg);
    transition: all ease-in-out 0.2s
}

.mobile-menu .nav-link {
    list-style-type: none;
    padding: 0;
    font-size: 14px;
    color: #2f3658;
    font-weight: 600;
    letter-spacing: -.02em
}

.mobile-menu p {
    color: #ef4a31d6;
    margin-top: 10px;
    margin-bottom: -6px;
    padding-bottom: 0;
    margin-left: -1px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700
}

.mobile-contacts {
    margin-top: 30px
}

.mobile-contacts .phone {
    font-size: 16px
}

.mobile-contacts .btn-call {
    box-shadow: 0 0 0 1px #A3A0BF;
    border-radius: 7px;
    color: #242B4B;
    line-height: 24px;
    padding: 3px 7px 4px 7px;
    font-size: 14px
}

.mobile-contacts .address {
    font-size: 14px;
    font-family: 'Noto Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif
}

.mobile-contacts .metro {
    font-size: 14px;
    display: block
}

.mobile-contacts .icon-metro {
    color: #f30000;
    position: relative;
    font-size: 16px;
    top: 2px;
    margin-left: 0
}

.mobile-contacts .address:after {
    display: none
}

.mobile-menu a {
    transition: all ease-in-out 0.15s
}

.mobile-menu a:hover,
.mobile-menu a:focus {
    color: #f30000
}

.mobile-contacts .social {
    margin-top: 8px
}

.mobile-contacts .social a {
    margin-left: 0 !important;
    margin-right: 23px !important
}

@media all and (max-width:386px) {
    .mobile-contacts .btn-call {
        padding: 3px 5px 4px 5px;
        font-size: 13px
    }
    .mobile-contacts .btn-call span {
        display: none
    }
    .mobile-contacts .phone {
        font-size: 16px;
        font-family: 'Noto Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif
    }
    .mobile-contacts .social a {
        margin-left: 0 !important;
        margin-right: 13px !important
    }
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px
}

.hero-slider {
    margin-bottom: 40px
}

.hero-slider .swiper {
    height: 300px
}

.hero-slider .swiper-slide {
    color: #fff;
    cursor: pointer
}

.hero-slider .a-tag {
    background-color: #e20c0c;
    color: #fff;
    padding: 2px 12px 3px 12px;
    margin-bottom: 0;
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 14px;
    border-radius: 12px
}

.swiper-slide .hero-slide-bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
    position: absolute;
    z-index: -1
}

.ya-btn {
    padding: 10px 15px;
    background-color: #121524;
    border-radius: 8px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    transition: all ease-in-out 0.2s
}

.ya-btn:hover,
.ya-btn:focus {
    background-color: #242943;
    color: #fff
}

.ya-btn-light {
    background-color: #F0F2F9;
    color: #242943
}

.ya-btn-light:hover,
.ya-btn-light:focus {
    background-color: red;
    color: #fff
}

.heroSwiper .ya-btn {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translate(-50%, 0)
}

.ad-logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.ad-logo a {
    background-color: #fff;
    width: 100%;
    display: block;
    box-shadow: inset -20px 0 15px -20px #b0afbc, inset 20px 0 15px -20px #b0afbc
}

.ad-logo img {
    background-color: #fff;
    padding: 5px;
    max-height: 48px
}

.hero-slider .swiper-slide .container {
    padding-top: 20px
}

.sl-cat {
    font-size: 18px;
    margin-bottom: 3px
}

@media all and (max-width:798px) {
    .sl-cat {
        font-size: 15px;
        margin-bottom: 3px
    }
}

.sl-h {
    font-size: 27px;
    margin-bottom: 3px;
    line-height: 1.1;
    text-shadow: 0 2px 4px #0e182952;
    white-space: nowrap
}

.sm-h {
    font-size: 22px;
    margin-bottom: 3px;
    line-height: 1.1;
    text-shadow: 0 2px 4px #0e1829eb
}

.tagline {
    text-align: center;
    justify-content: center;
    font-size: 15px;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    height: 27px;
    overflow: hidden
}

.tagline .tag {
    display: block;
    padding: 2px 6px;
    background-color: #fff;
    margin: 0 2px 1px 2px;
    border-radius: 6px;
    color: #242B4B;
    white-space: nowrap
}

.textline {
    text-align: center;
    font-size: 14px;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.textline .text {
    display: block;
    padding: 0 5px;
    background-color: #e20c0c87;
    margin: 1px 0;
    margin-right: 2px;
    border-radius: 6px;
    color: #fff
}

.bold {
    font-weight: 700
}

.small-line {
    font-size: 11px;
    color: #fff;
    opacity: .7;
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap
}

.price-line {
    display: flex
}

.old-price {
    font-size: 21px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    margin-right: 10px;
    margin-bottom: 0
}

.old-price:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: red;
    display: block;
    position: absolute;
    top: 9px;
    transform: rotate(10deg)
}

.new-price {
    text-shadow: 0 2px 4px #0e182952;
    padding: 2px 6px;
    font-size: 24px;
    font-weight: 700;
    border-radius: 8px;
    margin-bottom: 5px
}

.new-price span {
    font-size: 14px
}

.swiper-slide.left .tagline {
    text-align: left;
    justify-content: normal
}

.swiper-slide.left .ad-logo a {
    width: auto;
    display: inline;
    box-shadow: none
}

.swiper-slide.left .ad-logo a img {
    border-radius: 8px
}

.swiper-button-prev {
    left: 0;
    right: auto
}

.swiper-button-next {
    right: 0;
    left: auto
}

.swiper-button-disabled {
    opacity: 0 !important
}

.main-categories {
    margin-bottom: 50px;
    color: #fff
}

.super-block {
    padding: 30px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    display: block;
    color: #fff;
    text-decoration: none;
    height: 100%;
    transition: all ease-in-out 0.2s
}

.super-block:hover,
.super-block:focus {
    color: #fff;
    cursor: pointer;
    filter: contrast(1.15)
}

.super-block:hover:before,
.super-block:focus:before {
    filter: contrast(.9)
}

.super-block-content {
    position: relative;
    z-index: 10;
    min-height: 385px
}

.super-block:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/woodbg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    opacity: 88%;
    border-radius: 30px;
    z-index: 1;
    transition: all ease-in-out 0.18s
}

.super-block:hover:after,
.super-block:focus:after {
    opacity: 100%
}

.super-block-content .bottom-content {
    position: absolute;
    width: 100%;
    bottom: 0
}

.main-categories h2 {
    font-family: 'Prosto One', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-size: 30px;
    text-shadow: 0 1px 0 #0000000a;
    transition: all ease-in-out 0.2s
}

.super-block:hover h2,
.super-block:focus h2 {
    text-shadow: 0 1px 0 #0000000a, 0 2px 20px #00000025
}

.main-categories h2 span.add {
    font-size: 24px;
    display: block
}

.main-categories h2 a {
    text-decoration: none;
    color: #fff
}

.main-categories .price-range {
    margin-top: 6px;
    font-size: 20px;
    background-color: rgb(0 0 0 / .09);
    display: inline-block;
    padding: 7px 15px;
    border-radius: 10px;
    box-shadow: 0 1px 0 #ffffff6b
}


@media all and (max-width:992px) {
    .price-range{
        position: absolute;
        display: block;
        bottom: -17px;
    }
}


.super-block:before {
    content: "";
    display: block;
    position: absolute;
    width: 400px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    top: 40px;
    right: 0;
    z-index: 2;
    transition: all ease-in-out 0.18s
}

.super-block-content:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.spc:before {
    background-image: url(../images/spc.webp)
}

.spc:hover:before,
.spc .super-block-content:before {
    background-image: url(../images/spc2.webp);
    top: 0
}

.parket:before {
    background-image: url(../images/parket.webp)
}

.parket:hover:before,
.parket .super-block-content:before {
    background-image: url(../images/parket2.webp);
    top: 10px
}

.inzhenernaya:before {
    background-image: url(../images/inzhenernaya-doska.webp)
}

.inzhenernaya:hover:before,
.inzhenernaya .super-block-content:before {
    background-image: url(../images/inzhenernaya-doska2.webp);
    top: 8px
}

.laminat:before {
    background-image: url(../images/laminat.webp)
}

.laminat:hover:before,
.laminat .super-block-content:before {
    background-image: url(../images/laminat2.webp);
    top: 0
}

.massivnaya:before {
    background-image: url(../images/massivnaya-doska.webp);
    top: 40px;
    right: -20px
}

.massivnaya:hover:before {
    top: 40px;
    transform: scale(1.1);
    right: -20px
}

.probka:before {
    background-image: url(../images/probka.webp)
}

.probka:hover:before,
.probka .super-block-content:before {
    background-image: url(../images/probka2.webp);
    top: 0
}

.oboi:before {
    background-image: url(../images/oboi.webp);
    width: 300px
}

.oboi:hover:before {
    top: 40px;
    transform: scale(1.1)
}

.oboi:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/oboibg3.svg);
    background-repeat: repeat;
    background-size: 50px auto;
    top: 0;
    left: 0;
    opacity: 4%;
    border-radius: 30px;
    z-index: 1;
    transition: all ease-in-out 0.18s
}

.oboi:hover:after,
.oboi:focus:after {
    opacity: 6%
}

.kraska:before {
    background-image: url(../images/kraski.webp);
    width: 350px;
    right: 50px
}

.kraska:hover:before {
    top: 40px;
    transform: scale(1.1)
}

.kraska:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/paintbg.webp);
    background-repeat: repeat;
    background-size: cover;
    top: 0;
    left: 0;
    opacity: 2%;
    border-radius: 30px;
    z-index: 1;
    transition: all ease-in-out 0.18s
}

.kraska:hover:after,
.kraska:focus:after {
    opacity: 4%
}

.super-block .swiper {
    overflow: visible
}

.super-block .swiper-button-next:after,
.super-block .swiper-button-prev:after {
    font-size: 15px;
    opacity: .7
}

.super-block .swiper-button-next {
    right: -25px;
    left: auto;
    z-index: 11
}

.super-block .swiper-button-prev {
    left: -25px;
    right: auto;
    z-index: 11
}

.tagSwiper .swiper-slide {
    background: rgb(255 255 255 / .85);
    padding: 4px 15px 5px 15px;
    width: auto;
    text-decoration: none;
    color: #1b78b4;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    transition: all ease-in-out 0.2s
}

.tagSwiper .swiper-slide:hover {
    background: rgb(255 255 255)
}

.brandSwiper {
    margin-top: 10px
}

.brandSwiper .swiper-slide {
    background: rgb(0 0 0 / .09);
    padding: 4px 15px 5px 15px;
    width: auto;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
    border: 1px solid #ffffff57;
    font-weight: 600;
    font-size: 15px;
    transition: all ease-in-out 0.2s
}

.brandSwiper .swiper-slide:hover {
    background: rgb(0 0 0 / .01);
    border: 1px solid #ffffff90
}

.super-block .swiper:before,
.super-block .swiper:after {
    content: "";
    width: 31px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 10
}

.super-block .swiper:after {
    width: 55px
}

.bg-1 {
    background-color: #2b87c1;
    background-image: linear-gradient(0deg, #2b87c1 27%, #81e3ed 90%)
}

.super-block.bg-1 .swiper:before {
    left: -31px;
    background-image: linear-gradient(90deg, #2b87c1 50%, #fff0 100%)
}

.super-block.bg-1 .swiper:after {
    right: -31px;
    background-image: linear-gradient(-90deg, #2b87c1 50%, #fff0 100%)
}

.bg-2 {
    background-color: #F8872E;
    background-image: linear-gradient(0deg, #F8872E 27%, #FACE5A 90%)
}

.bg-2 .tagSwiper .swiper-slide {
    color: #bd6922
}

.super-block.bg-2 .swiper:before {
    left: -31px;
    background-image: linear-gradient(90deg, #F8872E 50%, #fff0 100%)
}

.super-block.bg-2 .swiper:after {
    right: -31px;
    background-image: linear-gradient(-90deg, #F8872E 50%, #fff0 100%)
}

.bg-3 {
    background-color: #512c8c;
    background-image: linear-gradient(0deg, #512c8c 27%, #925ac6 90%)
}

.bg-3 .tagSwiper .swiper-slide {
    color: #3f226d
}

.super-block.bg-3 .swiper:before {
    left: -31px;
    background-image: linear-gradient(90deg, #512c8c 50%, #fff0 100%)
}

.super-block.bg-3 .swiper:after {
    right: -31px;
    background-image: linear-gradient(-90deg, #512c8c 50%, #fff0 100%)
}

.bg-4 {
    background-color: #476E7F;
    background-image: linear-gradient(0deg, #476E7F 27%, #77A6BB 90%)
}

.bg-4 .tagSwiper .swiper-slide {
    color: #2e4c53
}

.super-block.bg-4 .swiper:before {
    left: -31px;
    background-image: linear-gradient(90deg, #476E7F 50%, #fff0 100%)
}

.super-block.bg-4 .swiper:after {
    right: -31px;
    background-image: linear-gradient(-90deg, #476E7F 50%, #fff0 100%)
}

.bg-5 {
    background-color: #2a7627;
    background-image: linear-gradient(0deg, #2a7627 27%, #52bb4e 90%)
}

.bg-5 .tagSwiper .swiper-slide {
    color: #246222
}

.super-block.bg-5 .swiper:before {
    left: -31px;
    background-image: linear-gradient(90deg, #2a7627 50%, #fff0 100%)
}

.super-block.bg-5 .swiper:after {
    right: -31px;
    background-image: linear-gradient(-90deg, #2a7627 50%, #fff0 100%)
}

.bg-6 {
    background-color: #252C4E;
    background-image: linear-gradient(0deg, #252C4E 27%, #394586 90%)
}

.bg-6 .tagSwiper .swiper-slide {
    color: #252C4E
}

.super-block.bg-6 .swiper:before {
    left: -31px;
    background-image: linear-gradient(90deg, #252C4E 50%, #fff0 100%)
}

.super-block.bg-6 .swiper:after {
    right: -31px;
    background-image: linear-gradient(-90deg, #252C4E 50%, #fff0 100%)
}

.bg-7 {
    background-color: #2b2b2d;
    background-image: linear-gradient(0deg, #2b2b2d 27%, #4b4b4d 90%)
}

.bg-7 .tagSwiper .swiper-slide {
    color: #2b2b2d
}

.super-block.bg-7 .swiper:before {
    left: -31px;
    background-image: linear-gradient(90deg, #2b2b2d 50%, #fff0 100%)
}

.super-block.bg-7 .swiper:after {
    right: -31px;
    background-image: linear-gradient(-90deg, #2b2b2d 50%, #fff0 100%)
}

.bg-8 {
    background-color: #29996e;
    background-image: linear-gradient(0deg, #29996E 27%, #3bc38d 90%)
}

.bg-8 .tagSwiper .swiper-slide {
    color: #238a63
}

.super-block.bg-8 .swiper:before {
    left: -31px;
    background-image: linear-gradient(90deg, #29996e 50%, #fff0 100%)
}

.super-block.bg-8 .swiper:after {
    right: -31px;
    background-image: linear-gradient(-90deg, #29996e 50%, #fff0 100%)
}

.main-categories h2 {
    font-family: 'Prosto One', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif
    margin-top: 0
}

@media all and (max-width:1250px) {
    .super-block:before {
        content: "";
        display: block;
        position: absolute;
        width: 330px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        top: 80px;
        right: 0;
        z-index: 2;
        transition: all ease-in-out 0.18s
    }
    .super-block:hover:before {
        top: 50px
    }
    .massivnaya:before {
        top: 100px !important;
        width: 330px !important;
        right: -38px !important
    }
    .massivnaya:hover:before {
        top: 100px !important;
        transform: scale(1.1);
        width: 330px !important
    }
    .oboi:before {
        width: 270px;
        top: 65px
    }
    .oboi:hover:before {
        top: 65px;
        transform: scale(1.1)
    }
    .kraska:before {
        width: 300px;
        top: 75px;
        right: 40px
    }
    .kraska:hover:before {
        top: 75px;
        transform: scale(1.1)
    }
}

@media all and (max-width:1198px) {
    .super-block-content {
        min-height: 307px
    }
    .super-block-text {
        margin-bottom: 0
    }
    .kraska:before {
        width: 300px;
        top: 85px;
        right: 40px
    }
    .kraska:hover:before {
        top: 85px;
        transform: scale(1.1)
    }
}

@media all and (max-width:992px) {
    .main-categories .col-6 .super-block-text {
        display: none
    }
    .col-6 .super-block-content {
        min-height: 280px
    }
    .col-6 .super-block:before {
        top: 130px;
        right: -50px
    }
    .col-6 .super-block:hover:before {
        top: 102px
    }
    .col-6 .laminat.super-block:before,
    .col-6 .probka.super-block:before {
        top: 110px
    }
    .col-6 .laminat.super-block:hover:before,
    .col-6 .probka.super-block:hover:before {
        top: 82px
    }
    .massivnaya:before {
        top: 120px !important;
        right: -70px !important
    }
    .massivnaya:hover:before {
        top: 120px !important;
        transform: scale(1.1);
        right: -70px !important
    }
    .oboi:before {
        width: 300px;
        top: 85px !important
    }
    .oboi:hover:before {
        top: 85px;
        transform: scale(1.1)
    }
    .kraska:before {
        width: 300px;
        top: 95px !important;
        right: 30px !important
    }
    .kraska:hover:before {
        top: 95px;
        transform: scale(1.1)
    }
}

@media all and (max-width:850px) {
    .col-6 .super-block .price-range {
        font-size: 13px;
        background-color: #00000024;
        padding: 2px 8px;
        border-radius: 5px
    }
    .col-6 .super-block .price-range b {
        white-space: nowrap
    }
    .kraska:before {
        width: 300px;
        top: 95px !important;
        right: 40px !important
    }
    .kraska:hover:before {
        top: 95px;
        transform: scale(1.1)
    }
}

@media all and (max-width:820px) {
    .kraska:before {
        right: 20px !important
    }
}

@media all and (max-width:768px) {
    img[itemprop="contentUrl"] {
        width: 100%
    }
    .main-categories h2 {
        font-size: 25px
    }
    .main-categories h2 span.add {
        font-size: 18px;
        display: block
    }
    .super-block-content {
        min-height: 307px
    }
    .sl-h {
        font-size: 26px
    }
    .col-6 .super-block-content {
        min-height: 240px
    }
    .col-6 .super-block:before {
        top: 100px;
        right: -70px
    }
    .col-6 .super-block:hover:before {
        top: 80px
    }
    .col-6 .laminat.super-block:before,
    .col-6 .probka.super-block:before {
        top: 70px
    }
    .col-6 .laminat.super-block:hover:before,
    .col-6 .probka.super-block:hover:before {
        top: 42px
    }
    .massivnaya:before {
        top: 90px !important;
        right: -70px !important
    }
    .massivnaya:hover:before {
        top: 90px !important;
        transform: scale(1.1);
        right: -70px !important
    }
    .oboi:before {
        width: 300px;
        top: 70px !important
    }
    .oboi:hover:before {
        top: 70px;
        transform: scale(1.1)
    }
    .kraska:before {
        width: 300px;
        top: 70px !important;
        right: -30px !important
    }
    .kraska:hover:before {
        top: 70px;
        transform: scale(1.1)
    }
}

@media all and (max-width:632px) {
    .super-block {
        padding: 20px;
        border-radius: 20px
    }
    .col-6 .super-block:before {
        right: -90px
    }
    .massivnaya:before {
        right: -96px !important
    }
    .massivnaya:hover:before {
        right: -96px !important
    }
    .oboi:before {
        width: 300px;
        top: 50px !important
    }
    .oboi:hover:before {
        top: 50px;
        transform: scale(1.1)
    }
    .kraska:before {
        width: 300px;
        top: 50px !important;
        right: -60px !important
    }
    .kraska:hover:before {
        top: 50px;
        transform: scale(1.1)
    }
}

@media all and (max-width:580px) {
    .super-block:before {
        right: -50px
    }
    .col-6 .super-block:before {
        right: -130px
    }
    .main-categories h2 {
        font-size: 20px
    }
    .main-categories h2 span.add {
        font-size: 17px;
        display: block
    }
    .parket:before {
        top: 64px
    }
    .parket:hover:before {
        top: 42px
    }
    .massivnaya:before {
        right: -130px !important
    }
    .massivnaya:hover:before {
        right: -130px !important
    }
    .oboi:before {
        right: -90px !important
    }
    .oboi:hover:before {
        top: 50px;
        transform: scale(1.1)
    }
    .kraska:before {
        width: 280px;
        top: 50px !important;
        right: -60px !important
    }
    .kraska:hover:before {
        top: 50px;
        transform: scale(1.1)
    }
}

@media all and (max-width:500px) {
    .main-categories h2 {
        font-size: 18px;
        margin-top: 0
    }
    .super-block {
        padding: 17px;
        border-radius: 17px
    }
    .super-block-text {
        font-size: 15px
    }
    .super-block-text br {
        display: none
    }
    .super-block-content {
        min-height: 307px
    }
    .sl-h {
        font-size: 26px
    }
    .super-block:before {
        right: -80px
    }
    .col-6 .super-block:before {
        right: -130px;
        width: 290px;
        top: 50px
    }
    .col-6 .super-block:hover:before {
        top: 30px
    }
    .col-6 .super-block-content {
        min-height: 180px
    }
    .main-categories .price-range {
        margin-top: 0;
        font-size: 16px
    }
    .col-6 .laminat.super-block:before,
    .col-6 .probka.super-block:before {
        top: 25px
    }
    .col-6 .laminat.super-block:hover:before,
    .col-6 .probka.super-block:hover:before {
        top: 2px
    }
    .massivnaya:hover:before {
        top: 60px;
        transform: scale(1.1);
        right: -140px
    }
    .g-3 {
        --bs-gutter-y: 0.75rem;
        --bs-gutter-x: 0.75rem
    }
    .massivnaya:before {
        top: 50px !important;
        right: -120px !important;
        width: 280px !important
    }
    .massivnaya:hover:before {
        width: 280px !important;
        top: 50px !important;
        transform: scale(1.1);
        right: -120px !important
    }
    .oboi:before {
        right: -60px !important;
        top: 30px !important;
        width: 230px !important
    }
    .oboi:hover:before {
        top: 30px;
        transform: scale(1.1)
    }
    .kraska:before {
        width: 220px !important;
        top: 30px !important;
        right: -40px !important
    }
    .kraska:hover:before {
        top: 30px
    }
}

@media all and (max-width:440px) {
    .oboi:before {
        right: -75px !important;
        top: 30px !important;
        width: 220px !important
    }
    .oboi:hover:before {
        top: 30px;
        transform: scale(1.1)
    }
    .kraska:before {
        width: 220px !important;
        top: 30px !important;
        right: -70px !important
    }
    .kraska:hover:before {
        top: 30px
    }
    .sl-h {
        font-size: 20px
    }
    .hero-slider .swiper {
        height: 212px
    }
    .hero-slider .swiper a.ya-btn {
        display: none
    }
}

@media all and (max-width:420px) {
    .col-6 .super-block:before {
        right: -150px
    }
    .massivnaya:before {
        right: -140px !important
    }
    .massivnaya:hover:before {
        right: -140px !important
    }
    .mobile-contacts .phone {
        font-size: 15px;
        letter-spacing: -.03em
    }
}

@media all and (max-width:384px) {
    .super-block-text {
        display: none
    }
    .super-block-content {
        min-height: 235px
    }
    .massivnaya:before {
        right: -140px !important
    }
    .massivnaya:hover:before {
        right: -140px !important
    }
    .oboi:before {
        right: -85px !important;
        top: 30px !important;
        width: 220px !important
    }
    .oboi:hover:before {
        top: 30px;
        transform: scale(1.1)
    }
    .kraska:before {
        width: 220px !important;
        top: 35px !important;
        right: -80px !important
    }
    .kraska:hover:before {
        top: 35px
    }
    .main-categories h2 {
        font-size: 16px;
        margin-top: 0
    }
}

.advantages .a-icon {
    font-size: 50px;
    position: relative;
    color: #eaeeff;
    z-index: 2;
    padding: 14px 14px 14px 14px;
    background: url(../images/advantbg.svg) no-repeat;
    background-size: cover;
    text-shadow: 0 -1px 0 rgb(0 0 0 / .5);
    display: block;
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.advant {
    box-shadow: 0 0 20px #1a1e2110;
    border-radius: 40px;
    padding: 55px;
    text-align: center;
    font-size: 15px;
    min-height: 100%;
    transition: all ease-in-out 0.25s
}

.advant:hover {
    box-shadow: 0 0 30px rgb(26 30 33 / .11);
    filter: contrast(1.15);
}

.advant h3 {
    font-size: 20px;
    font-family: 'Prosto One', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif
}

.advant a {
    color: #242B4D50;
    display: block;
}

.a-text {
    margin-bottom: 0;
}


@media all and (max-width:768px) {
    .advant {
        padding: 25px;
    }
    .advant h3 {
        font-size: 16px;
    }

}


.breadcrumbs {
    background: #faf9ff;
    background: linear-gradient(90deg, rgb(250 249 255) 0%, #fff0 100%);
    padding: 5px 10px;
    font-size: 15px;
    color: #666376;
    border-radius: 5px;
    position: relative;
    margin-bottom: 30px;
}

.breadcrumbs:after {
    content: "";
    background: linear-gradient(90deg, #e9e8ee 0%, #fff0 100%);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: -1;
    border-radius: 5px;
}

.breadcrumbs a {
    color: #A5A2B5;
    text-decoration: none;
    transition: all ease-in-out 0.2s
}

.breadcrumbs a:hover {
    color: #e70c0c;
}

.breadcrumbs p {
    margin-bottom: 0;
}

.breadcrumbs span.icon-arrow {
    color: #A5A2B5;
    font-size: 10px;
    margin: 0 8px;
}

.product h1 {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px
}

.product h1 span {
    color: #818598;
    font-weight: 500
}

.product-image img {
    border-radius: 26px;
    width: 100%
}

.pic-btn {
    font-size: 15px;
    border: none;
    background: #ffffffc7;
    position: absolute;
    border-radius: 11px;
    line-height: 30px;
    padding: 5px 10px;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    margin: 16px 0 0 16px;
    transition: all ease-in-out 0.2s;
    color: #131625
}

.pic-btn span {
    font-size: 30px;
    margin-right: 5px;
    color: #131625
}

.pic-btn:hover {
    background: #fff
}

.product form {
    height: 100%
}

.product-main-info {
    background: #FAF9FF;
    border: 1px solid #E4E2F2;
    border-radius: 26px;
    display: flex;
    flex-direction: column;
    padding: 20px 30px 90px 30px;
    line-height: 1.2;
    height: 100%;
    position: relative
}

.product-main-info em {
    font-style: normal
}

.product-price-old {
    font-size: 20px;
    color: #9EA2B2;
    position: relative;
    display: block;
    width: fit-content;
    margin: 0 auto;
    line-height: 17px
}

.product-price-old:before {
    content: "";
    background: #FF2E00cf;
    height: 2px;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%
}

.product-price {
    display: flex;
    flex-direction: column
}

.main-price {
    font-size: 36px;
    color: #242B4B;
    font-weight: 700;
    line-height: 36px
}

.product-discount {
    background: #FF2E00;
    border-radius: 8px;
    font-size: 24px;
    padding: 7px 12px;
    line-height: 25px;
    color: #fff;
    font-weight: 700;
    margin-left: 18px;
    height: fit-content
}

.product-units {
    text-align: center;
    font-size: 14px;
    color: #B0ACC6
}

.product-tags {
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap
}

.product-tags span {
    background: #F2F1F8;
    padding: 7px 9px;
    border-radius: 6px;
    margin-right: 4px;
    font-size: 14px;
    margin-bottom: 4px
}

.params {
    font-size: 15px;
    margin-bottom: 10px
}

.params p {
    margin-bottom: 3px
}

.params span {
    color: #FF2E00;
    font-size: 38px;
    top: 10px;
    position: relative
}

.params em {
    color: #b4b8cb;
    font-size: 12px;
    top: -1px;
    position: relative;
    font-weight: 400
}

.product-buy {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.product-buy input {
    border: 1px solid #DDD8F4;
    font-size: 24px;
    padding: 13px 25px 13px 15px;
    text-align: center;
    width: 150px;
    border-radius: 8px;
    margin: 0 10px
}

.product-buy input:focus {
    outline: none
}

.product-buy-units {
    position: absolute;
    right: 20px;
    top: 18px
}

.btn_dn,
.btn_up {
    width: 35px;
    height: 35px;
    display: block;
    background-color: #E4E9FD;
    border-radius: 50%;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    text-align: center
}

.btn_dn span,
.btn_up span {
    font-size: 22px;
    display: block;
    transition: all ease-in-out 0.15s;
    line-height: 35px
}

.btn_dn:hover,
.btn_up:hover {
    background-color: red
}

.btn_dn:hover span,
.btn_up:hover span {
    color: #fff
}

.btn_dn:active,
.btn_up:active {
    background-color: #E4E9FD
}

.btn_dn:active span,
.btn_up:active span {
    color: red
}

.addcart {
    font-size: 19px;
    border: none;
    background-color: #252C4E;
    padding: 0 16px;
    height: 56px;
    display: block;
    white-space: nowrap;
    top: 3px;
    position: relative
}

.addcart:hover {
    background-color: #32395c
}

.product-invoice span {
    font-size: 14px;
    line-height: 15px;
    position: relative;
    display: block;
    text-align: center
}

.product-sum {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    white-space: nowrap
}

.product-samples {
    font-size: 15px;
    margin-top: 10px;
    position: absolute;
    bottom: 15px
}

.product-samples p {
    padding-left: 40px;
    padding-right: 20px;
    position: relative;
    color: #5E647D
}

.icon-eye {
    position: relative;
    font-size: 46px;
    left: 0;
    margin-right: 10px
}

@media all and (max-width:1198px) {
    .product-main-info {
        padding: 20px 30px
    }
    .product-samples {
        position: relative;
        margin-top: 30px
    }
}

@media all and (max-width:1550px) {
    .product-buy {
        margin-top: 10px
    }
    .params p {
        display: inline-block
    }
    .product-buy input {
        border: 1px solid #DDD8F4;
        font-size: 18px;
        padding: 12px 20px 12px 10px;
        text-align: center;
        width: 130px;
        border-radius: 8px;
        margin: 0 10px
    }
    .addcart {
        font-size: 21px;
        border: none;
        background-color: #252C4E;
        padding: 0 23px;
        height: 47px;
        display: block
    }
    .product-buy-units {
        top: 14px
    }
    .btn_dn,
    .btn_up {
        width: 30px;
        height: 30px
    }
    .btn_dn span,
    .btn_up span {
        font-size: 18px;
        display: block;
        transition: all ease-in-out 0.15s;
        line-height: 31px
    }
}

@media all and (max-width:768px) {
    .mr-2 {
        margin-left: 15px;
        margin-right: 15px
    }
    .product-price-old {
        margin: 0 auto
    }
    .params span {
        font-size: 30px;
        top: 7px
    }
    .main-price {
        font-size: 30px;
        color: #242B4B;
        font-weight: 700;
        line-height: 32px
    }
    .product-discount {
        border-radius: 8px;
        font-size: 24px;
        line-height: 19px;
        margin-left: 10px
    }
    .product-samples {
        font-size: 13px;
        bottom: 10px
    }
}

@media all and (max-width:500px) {
    .product h1 {
        font-size: 25px
    }
    .breadcrumbs {
        font-size: 12px
    }
}

.product-description .nav-tabs .nav-item .nav-link,
.nav-tabs .nav-link {
    border-bottom: 2px solid #fff0;
    border-radius: 8px 8px 0 0;
    margin-right: 3px;
    padding: 13px 40px;
    font-size: 15px;
    color: #808291;
    font-weight: 700
}

.product-description .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #252C4D;
    background-color: #f5f2f8;
    border-bottom: 2px solid #495280
}

.product-description .tab-pane {
    padding: 20px 0
}

@media all and (max-width:1300px) {
    .product-description .nav-tabs .nav-item .nav-link,
    .nav-tabs .nav-link {
        padding: 10px 28px
    }
}

@media all and (max-width:768px) {
    .product-description .nav-tabs .nav-item .nav-link,
    .nav-tabs .nav-link {
        border: 2px solid #fff0;
        border-radius: 8px;
        margin: 0 2px 5px 2px;
        padding: 10px 0;
        width: calc(50% - 4px)
    }
    .product-description .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border: 2px solid #495280
    }
}

.product-var-info {
    background: #fff;
    border: 1px solid #E4E2F2;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    padding: 20px 30px;
    line-height: 1;
    position: relative;
    transition: all ease-in-out 0.2s
}

.product-var-info:hover {
    background: #fbfaff
}

.product-var-info em {
    font-style: normal
}

.product-variants .product-tags span {
    background: #F2F1F8;
    padding: 6px 8px;
    border-radius: 6px;
    margin-right: 4px;
    font-size: 13px;
    margin-bottom: 4px
}

.product-variants .product-price-old {
    font-size: 16px
}

.product-variants .params span {
    font-size: 30px;
    top: 7px
}

.product-variants .main-price {
    font-size: 30px;
    color: #242B4B;
    font-weight: 700;
    line-height: 32px
}

.product-variants .product-discount {
    border-radius: 8px;
    font-size: 13px;
    line-height: 13px;
    margin-left: 10px;
    padding: 2px 5px
}

.product-variants .product-samples {
    font-size: 13px;
    bottom: 10px
}

.product-variants .params {
    margin-bottom: 0
}

.product-variants .params p {
    display: inline-block
}

.product-variants .product-buy input {
    border: 1px solid #DDD8F4;
    font-size: 18px;
    padding: 12px 20px 12px 10px;
    text-align: center;
    width: 130px;
    border-radius: 8px;
    margin: 0 10px
}

.product-variants .addcart {
    font-size: 21px;
    border: none;
    background-color: #dce0ed;
    padding: 0 23px;
    height: 47px;
    display: block;
    color: #242B4B;
    margin-bottom: 0
}

.product-variants .addcart:hover {
    background-color: #eaebf3
}

.product-variants .product-buy-units {
    top: 16px
}

.product-variants .btn_dn,
.product-variants .btn_up {
    width: 30px;
    height: 30px
}

.product-variants .btn_dn span,
.product-variants .btn_up span {
    font-size: 18px;
    display: block;
    transition: all ease-in-out 0.15s;
    line-height: 31px
}

.product-variants .product-buy {
    margin-top: 15px;
    padding-left: 3px
}

.product-variants form {
    height: auto;
    margin-bottom: 18px
}

.product-var-title {
    font-size: 19px;
    font-weight: 700
}

.bt-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.product-var-top {
    background-color: #f4f3fa;
    border-radius: 26px 26px 0 0;
    text-align: center;
    font-size: 20px
}

.product-var-top p {
    margin-bottom: 0;
    padding: 10px
}

.docs a {
    color: #242B4B;
    text-decoration: none;
    display: flex;
    transition: all ease-in-out 0.2s;
    align-items: center;
    margin-bottom: 15px
}

.docs a span {
    font-size: 33px;
    margin-right: 10px
}

.docs a em {
    font-style: normal;
    text-decoration: underline
}

.docs a:hover {
    color: #e20f0f
}

.product-variants>form:first-child {
    display: none
}

@media all and (max-width:600px) {
    .product-buy>div {
        margin-bottom: 10px
    }
}

@media all and (max-width:576px) {
    .product-variants .product-buy {
        justify-content: center !important
    }
    .product-variants .product-buy>div {
        margin: 0 20px 10px 20px
    }
    .product-var-price-block {
        display: flex;
        height: 63px;
        align-items: center
    }
    .product-variants .product-invoice {
        align-self: center !important
    }
}

.related-products {
    margin-top: 20px
}

.product-preview {
    margin-bottom: 28px;
    text-align: center;
    position: relative
}

.product-preview a {
    text-decoration: none;
    display: block;
    border-radius: 10px;
    overflow: hidden
}

.product-preview img {
    border-radius: 10px;
    width: 100%;
    max-width: 100%;
    transition: all ease-in-out 0.2s
}

.product-preview-category {
    color: #B3B5C0;
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 14px
}

.product-preview-title {
    color: #242B4B;
    font-size: 14px;
    font-weight: 700;
    transition: all ease-in-out 0.2s
}

.product-preview-title:hover {
    color: #f30f0f
}

.product-preview-price {
    border-radius: 0 0 18px 18px;
    padding: 0 0 2px 0;
    background: #fff;
    background: linear-gradient(0deg, rgb(255 255 255 / .65) 28%, rgb(255 255 255) 90%, rgb(255 255 255) 100%);
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    cursor: pointer;
    z-index: 20;
    top: 0;
    color: #242B4B;
    font-size: 22px;
    font-weight: 700;
    line-height: 17px;
    display: block;
    width: 142px
}

.product-preview-price .preview-price {
    color: #242B4B;
    font-size: 27px;
    font-weight: 700;
    line-height: 21px;
    display: block;
    width: 142px
}

.product-preview-price .preview-units {
    font-size: 13px;
    position: relative;
    font-weight: 500;
    color: #242B4B75;
    display: block
}

.product-preview-buy button {
    width: 142px;
    border-radius: 18px 18px 0 0;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0
}

.product-preview-buy button span {
    font-size: 20px;
    bottom: -2px;
    position: relative
}

.image-block {
    position: relative;
    margin-bottom: 8px
}

.product-preview:hover .image-block img {
    transform: scale(1.07)
}

.related-products .swiper-button-next,
.related-products .swiper-button-prev {
    top: calc(50% - 35px);
    color: #121524
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 25px;
    font-weight: 600
}

@media all and (max-width:576px) {
    .product-preview-price .preview-price {
        color: #242B4B;
        font-size: 20px;
        font-weight: 700;
        line-height: 15px;
        display: block;
        width: 112px
    }
    .product-preview-price .preview-units {
        font-size: 13px;
        position: relative;
        font-weight: 500;
        color: #242B4B75;
        display: block
    }
    .product-preview-buy button {
        width: 112px;
        border-radius: 18px 18px 0 0;
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        bottom: 0;
        font-size: 15px
    }
    .product-preview-buy button span {
        font-size: 18px;
        bottom: -2px;
        position: relative
    }
    .related-products .fw-bold {
        font-size: 22px
    }
    .related-products .swiper-button-next,
    .related-products .swiper-button-prev {
        top: calc(50% - 50px)
    }
}

@media all and (max-width:1192px) {
    .related-products .swiper-button-next,
    .related-products .swiper-button-prev {
        top: calc(50% - 56px)
    }
}

section.info {
    margin-bottom: 100px
}

section.info h1 {
    font-weight: 700;
    margin-bottom: 40px
}

section.info a {
    color: red;
    transition: all ease-in-out 0.2s
}

section.info a:hover {
    color: #d70000
}

.side-menu {
    background: #FAF9FF;
    border: 1px solid rgb(132 134 140 / .1);
    border-radius: 25px;
    padding: 15px 17px
}

.side-menu ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

.side-menu ul li {
    margin: 4px 0
}

.side-menu ul a {
    text-decoration: none;
    color: #6F698C;
    font-size: 17px;
    display: block;
    padding: 12px 15px 12px 22px;
    border-radius: 10px
}

.side-menu ul a:hover,
.side-menu ul a.active {
    color: #181C31;
    background: #ECEEF7
}

.side-call {
    padding: 30px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #e92525;
    background-image: linear-gradient(0deg, #e92525 27%, #ef671e 90%);
    transition: all ease-in-out 0.2s
}

.side-call:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/woodbg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    opacity: 88%;
    border-radius: 25px;
    z-index: 1;
    transition: all ease-in-out 0.18s
}

.side-call-content {
    position: relative;
    z-index: 2
}

.input-light {
    font-size: 14px;
    background: #fff;
    border-radius: 9px;
    border: none;
    padding: 15px 20px;
    margin-bottom: 10px;
    width: 100%;
    box-shadow: inset 0 6px 3px -5px #DDDAEE;
    transition: all ease-in-out 0.2s
}

.input-light:focus {
    border: none;
    outline: none;
    box-shadow: inset 3px 3px 3px 0 #DDDAEE, 0 0 0 2px #a4000050
}

.side-call .ya-btn {
    background-color: #212846;
    width: 100%;
    height: 50px
}

.side-call .ya-btn:hover,
.side-call .ya-btn:focus {
    background-color: #2c365b
}

.side-call .ya-btn span {
    position: relative;
    top: 1px
}

.side-call .policy {
    margin-top: 10px
}

.side-call .policy a {
    color: #fff
}

.side-call .policy a:hover,
.side-call .policy a:focus {
    color: #600000
}
.category h1{
    margin-bottom: 18px;
}
.category h2{
    margin-bottom: 6px;
}
.category h3{
    margin-bottom: 5px;
}
.category .tag {
    font-size: 14px;
    border-radius: 7px;
    padding: 5px 15px;
    text-decoration: none;
    background: #F2F1F8;
    border: 1px solid #BFB8DD;
    color: #242B4B;
    margin-right: 4px;
    margin-bottom: 4px;
    transition: all ease-in-out 0.2s
}

.category .tag:hover, .category .tag.active,
.category .tag:focus {
    color: #fff;
    background: #242B4B;
    border: 1px solid #242B4B
}
.category .tag.active {
    pointer-events: none;
}
.category .brand-tag {
    background: #fff;
    border: 1px solid #CECAE2;
    color: #242B4B
}

.category .brand-tag:hover,
.category .brand-tag:focus {
    background: #e00;
    border: 1px solid #e00
}

.category li {
    padding-left: 20px;
    background: url(../images/check.svg) 0 5px no-repeat;
    background-size: 15px 15px;
    margin-bottom: 7px;
}

.ui-widget-content {
    border: none;
    background: #eaeaec;
    color: #222;
    margin: 0 12px;
    height: 2px;
    z-index: 4
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 2px;
    background: red
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 4px solid red;
    background: #fff;
    font-weight: 400
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    border-radius: 50%
}

.ui-slider-horizontal .ui-slider-handle {
    top: -7px;
    margin-left: -8px
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: red
}

.form-control {
    padding: .58rem .75rem;
    line-height: 1.5;
    color: #212529;
    border: 1px solid #CECAE2;
    border-radius: .45rem
}

.filter p {
    margin-bottom: 10px
}

.filter-block {
    margin-bottom: 30px
}

.filter-btn {
    padding: 7px 15px;
    background: #242B4B;
    margin-bottom: 10px
}

.filter-btn span {
    font-size: 15px
}

.sort:first-child {
    margin-right: 20px
}

@media all and (max-width:1198px) {
    .mobile-filter {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .filter-block {
        margin: 0 0 35px 0;
        width: calc(50% - 5px)
    }
    .check-link {
        display: inline-flex !important
    }
    .filter-block:last-child {
        width: 100%
    }
    .filter-block:last-child a {
        margin-right: 7px
    }
    .sort {
        margin-left: 0 !important
    }
}

@media all and (max-width:600px) {
    .sort a {
        margin-right: 3px !important;
        padding: 3px 8px !important;
        font-size: 12px !important
    }
    .sort:first-child {
        margin-right: 10px !important
    }
}

:focus-visible {
    outline: none
}

.mini-tags,
.flex-c-m.stext-107 {
    margin-top: 17px
}

.mini-tags a,
.flex-c-m.stext-107 a {
    background: #F2F1F8;
    padding: 4px 10px;
    text-decoration: none;
    color: #6B7291;
    border-radius: 7px;
    transition: all ease-in-out 0.2s;
    margin-bottom: 4px;
    position: relative;
    display: inline-block
}

.mini-tags a:hover,
.mini-tags a:focus,
.mini-tags a.active .flex-c-m.stext-107 a:hover,
.flex-c-m.stext-107 a:focus,
.flex-c-m.stext-107 a.active {
    background: #242B4B;
    color: #fff
}

.mini-tags .bggrey {
    padding: 4px 10px;
    text-decoration: none;
    border-radius: 7px;
    transition: all ease-in-out 0.2s;
    margin-bottom: 4px;
    position: relative;
    display: inline-block;
    background: #242B4B;
    color: #fff
}

.bggrey {
    background: #242B4B
}

.sort,
.flex-c-m.stext-107 {
    margin-left: 0
}

.sort,
.flex-c-m.stext-107.bor9 {
    margin-left: 0
}

.sort p,
.flex-c-m.stext-107 p {
    margin-bottom: 0
}

.sort a,
.flex-c-m.stext-107 a,
.flex-c-m.stext-107 div {
    border-radius: 7px;
    margin-right: 4px;
    padding: 3px 8px;
    font-size: 14px
}

.flex-c-m.stext-107 div {
    background: #242B4B
}

#cat_show>.flex-w.w-full.flex-l-m {
    margin-left: 0
}

#cat_show>.flex-w.w-full.flex-l-m .flex-c-m.cl2.bor7,
#cat_show>.flex-w.w-full.flex-l-m .flex-c-m.cl0.bor7 {
    border: none
}

#cat_show {
    margin-bottom: 80px
}

#cat_show .m-lr-15 {
    margin-left: 0
}

#cat_show .flex-c-m.stext-106.cl6.size-104.bor4.pointer.hov-btn3.trans-04 {
    margin-right: 20px
}

.zmdi-filter-list {
    font-family: 'Material-Design-Iconic-Font' !important
}

.panel-filter .hov-tag1 {
    margin-left: 0;
    margin-top: 0
}

.bor7 {
    border-radius: 7px
}

.bb {
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px
}

.radio-link {
    color: #242B4B;
    text-decoration: none;
    font-size: 15px;
    display: table;
    margin-bottom: 5px;
    padding: 0 0 0 23px;
    transition: all ease-in-out 0.2s;
    position: relative
}

.radio-link:hover,
.radio-link:focus {
    color: red
}

.radio-link.active {
    color: red;
    pointer-events: none
}

.radio-link:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #C6C8D0;
    position: absolute;
    left: 0;
    top: 3px
}

.radio-link.active:before {
    box-shadow: inset 0 0 0 1px #ff0000, inset 0 0 0 4px #fff;
    background: red
}

.check-link {
    color: #242B4B;
    text-decoration: none;
    font-size: 15px;
    display: table;
    margin-bottom: 5px;
    padding: 0 0 0 23px;
    transition: all ease-in-out 0.2s;
    position: relative
}

.check-link:hover,
.check-link:focus {
    color: red
}

.check-link.active {
    color: red
}

.check-link:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #C6C8D0;
    position: absolute;
    left: 0;
    top: 3px
}

.check-link.active:before {
    box-shadow: inset 0 0 0 1px #ff0000, inset 0 0 0 4px #fff;
    background: red
}

.brand-link {
    font-size: 24px;
    color: #5E6170;
    margin-bottom: 0
}

.brand-link a {
    font-size: 24px;
    color: #242B4B;
    font-weight: 700
}

.brand-link a:hover,
.brand-link a:focus {
    color: red;
    transition: all ease-in-out 0.2s
}

.brand-link span {
    display: block;
    padding-right: 15px
}

.all-link {
    background: #F2F1F8;
    color: #242B4B;
    padding: 7px 15px;
    text-decoration: none;
    border-radius: 7px;
    transition: all ease-in-out 0.2s
}

.all-link:hover,
.all-link:focus {
    color: #fff;
    background: #242B4B
}

.pagination {
    margin-bottom: 50px
}

.pagination a {
    padding: 6px 12px;
    background: #F2F1F8;
    font-size: 15px;
    text-decoration: none;
    border-radius: 9px;
    color: #242B4B;
    margin: 0 2px 4px 2px;
    transition: all ease-in-out 0.2s
}

.pagination a:hover {
    background: #242B4B;
    color: #fff
}

.pagination a.active {
    pointer-events: none;
    background: #242B4B;
    color: #fff
}

.pagination a span {
    font-size: 12px
}

.border {
    border-radius: 20px;
    padding: 30px
}

.embed-responsive {
    position: relative;
    display: block;
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
    margin-top: 0
}

.embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive::before {
    display: block;
    content: ""
}

footer {
    margin-top: auto
}

.top-footer {
    background: #FAF9FF;
    min-height: 260px;
    border-radius: 40px 40px 0 0;
    padding: 50px;
    position: relative;
    z-index: 2
}

.top-footer div {
    position: relative;
    z-index: 2
}

.top-footer:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/woodbg.svg) no-repeat;
    background-size: cover;
    border-radius: 40px 40px 0 0;
    opacity: .4;
    z-index: 1
}

.top-footer .logo img {
    width: 182px
}

.top-footer a {
    text-decoration: none;
    transition: all ease-in-out 0.25s
}

.top-footer a:hover,
.top-footer a:focus {
    color: #f30f0f
}

.top-footer .mobile-info {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 340px;
    padding-left: 0;
    margin: 10px auto
}

.top-footer li {
    width: 50%
}

.top-footer li a {
    padding: 3px;
    color: #5D5682
}

.top-footer .input-group {
    border: 1px solid #6b65884f;
    border-radius: 9px;
    background: #faf9ff
}

.top-footer .search-flex {
    display: flex !important
}

.soc-p {
    line-height: 1;
    margin-bottom: 0
}

.bottom-footer {
    background: #222948;
    color: #9490a6;
    padding: 19px 0;
    font-size: 14px
}

.bottom-footer a {
    color: #9490A6
}

.bottom-footer a:hover,
.bottom-footer a:focus {
    color: #c6240b
}

.phone-callback {
    max-width: 185px
}

@media all and (max-width:1198px) {
    .phone-callback {
        margin-left: auto;
        margin-right: auto
    }
    .top-footer .mobile-info {
        text-align: center
    }
    .top-footer li {
        width: 100%
    }
    .search-flex {
        margin: 0 auto
    }
    .top-footer .input-group {
        max-width: 400px
    }
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 40px;
    outline: 0;
    padding: 50px
}

button.ya-btn {
    outline: none;
    border: none
}

.modal-backdrop {
    background-color: #fff
}

.mini {
    font-size: 15px
}

.modal-search-header,
.modal-callback-header {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    bottom: 0;
    opacity: 0;
    left: 0;
    background-color: rgb(255 255 255 / .9);
    padding: 50px 15px 100px 15px
}

.show-modal-search,
.show-modal-callback {
    opacity: 1;
    z-index: 9999
}

.container-search-header,
.container-callback-header {
    width: auto;
    max-width: 800px;
    position: relative;
    margin: 0 auto;
    box-shadow: 0 0 97px rgb(26 30 33 / .13);
    padding: 26px;
    background: #fff;
    border-radius: 18px
}

.btn-hide-modal-search,
.btn-hide-modal-callback {
    position: absolute;
    padding: 3px 9px;
    right: 0;
    top: -45px;
    opacity: .9;
    border: none;
    color: red;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    border-radius: 4px;
    background: #fff0
}

.btn-hide-modal-search:hover,
.btn-hide-modal-callback:hover {
    opacity: 1
}

.wrap-search-header,
.wrap-callback-header {
    width: 960px;
    max-width: 100%;
    background: #fff
}

.wrap-callback-header {
    border: 0
}

.wrap-search-header input {
    font-size: 20px;
    background-color: #fff
}

.wrap-search-header button {
    font-size: 30px
}

.wrap-search-header input,
.wrap-search-header input:focus,
.wrap-callback-header textarea,
.wrap-callback-header input,
.wrap-callback-header textarea:focus,
.wrap-callback-header input:focus {
    border: none;
    background: #FAF9FF;
    box-shadow: inset 0 6px 3px -5px #DDDAEE;
    border-top-left-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
    padding: .875rem 0 .875rem 1.6rem
}

input[type="checkbox"] {
    border: 1px solid #ddd;
    box-shadow: none;
    width: 20px;
    height: 20px;
    position: relative;
    font-size: 15px !important;
    padding: 0;
    border-radius: 5px !important;
    margin: 2px 7px 0 -1.5em;
}
input[type="checkbox"]:focus {
    border: 1px solid #ddd;
    box-shadow: none;
    width: 20px;
    height: 20px;
    position: relative;
    font-size: 15px !important;
    padding: 0;
    border-radius: 5px !important;
    margin: 2px 7px 0 -1.5em;
}
button:disabled,
button[disabled]{
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: all !important;
}
 
.wrap-search-header button {
    border: none;
    background: #FAF9FF;
    box-shadow: inset 0 6px 3px -5px #DDDAEE;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    padding: .875rem 1.2rem;
    color: #252B4D;
    transition: all ease-in-out 0.25s
}

.wrap-search-header button:hover,
.wrap-search-header button:focus,
.wrap-search-header button:active {
    border: none;
    background: #FAF9FF;
    box-shadow: inset 0 6px 3px -5px #DDDAEE !important;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    padding: .875rem 1.2rem;
    color: #f30000 !important;
    outline: none
}

.wrap-callback-header textarea {
    height: 150px
}

.wrap-callback-header input {
    font-size: 25px
}

.wrap-callback-header button {
    font-size: 23px;
    color: #fff;
    width: 100%;
    height: 60px;
    line-height: 1
}

.wrap-search-header button:hover {
    color: #6c7ae0
}

.call-success {
    color: #f30f0f;
    font-weight: 700;
    box-shadow: none
}

input.has-error {
    box-shadow: 0 0 0 2px red
}

.alert-danger {
    color: #fff;
    background-color: #ff495a;
    border: none
}

.alert {
    position: relative;
    padding: 5px 14px;
    margin-bottom: 1rem;
    border-radius: .25rem;
    line-height: 1.3;
    font-size: 15px
}

.trans-04 {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s
}

.btn-back-to-top {
    display: none;
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 70px;
    right: 0;
    background-color: #222948;
    opacity: .9;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    cursor: pointer;
    border-radius: 7px 0 0 7px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s
}

.symbol-btn-back-to-top {
    font-size: 25px;
    color: #fff;
    line-height: 1em;
    transform: rotate(-90deg)
}

.wrap-filter a {
    text-decoration: none
}

.wrap-filter .p-b-6 {
    padding-bottom: 0
}

.wrap-filter a:hover {
    color: #f30000;
    border-color: #f30000
}

.wrap-filter {
    border-radius: 15px
}

.gallery-lb {
    position: relative
}

.gallery-lb img {
    border-radius: 26px
}

.clear-filter {
    max-width: 200px;
    margin-left: 0 !important
}

.btn-num-product-down,
.btn-num-product-up {
    border-radius: 50%;
    margin: 0
}

.btn-num-product-down:hover,
.btn-num-product-up:hover {
    background: #f10000;
    color: #fff
}

input.num-product {
    background: #fff;
    border-radius: 8px;
    width: 100px;
    margin: 0 7px
}



p.prop span {
    margin-top: -3px
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #fff
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #fff
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #fff
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #fff
}

img.max-s-full {
    border-radius: 15px
}

.arrow-slick1 {
    background: #ffffff80 !important;
    color: #222948
}

.arrow-slick1:hover {
    color: #fd0000
}

button.mfp-close {
    width: 56px !important;
    height: 56px !important;
    line-height: 44px;
    position: fixed;
    text-align: center;
    margin-right: 30px;
    right: 0;
    top: 13px;
    color: #fff !important;
    cursor: pointer !important;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 23%
}

h2 .cl2.underline {
    transition: all ease-in-out 0.2s
}

h2 .cl2.underline:hover {
    color: #f10000
}

.doclink {
    margin-bottom: 20px
}

.doclink a {
    color: #222948;
    text-decoration: none;
    transition: all 0.2s
}

.doclink a:hover {
    color: #f10000
}

.doclink .txt-middle.dis-tcell {
    text-decoration: underline
}

.block2.slick-slide {
    padding-right: 8px;
    padding-left: 8px
}

.slick-disabled {
    display: none !important
}

.subline {
    font-size: 23px;
    margin-bottom: 20px;
    color: #222948
}

.subline a {
    color: #e20000
}

.arrow-slick2 {
    position: absolute;
    z-index: 100;
    top: calc((100% - 60px) / 2);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 42px;
    color: red;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s
}

.wrap-callback-header a {
    color: #222948;
    text-decoration: underline
}

.tag.btn-act {
    background: #222948;
    color: #fff
}

.tag.btn-dis {
    opacity: .4;
    pointer-events: none
}

.goods-block .addcart {
    float: left;
    height: 46px;
    margin-top: 3px
}

.goods-block .num-product {
    width: 70px
}

.category.filter-control .w-full-mobile {
    margin-right: 0 !important
}

.order-form input.num-product {
    background: #fff;
    border-radius: 8px;
    width: 65px;
    margin: 0 7px
}

.order-form .bor3 {
    border-radius: 15px;
    margin-bottom: 5px
}

.order-form .bor3 a {
    text-decoration: none;
    color: #222948;
    font-weight: 700
}

.order-form .bor3 a span.cl2 {
    color: #22294899;
    font-weight: 400
}

.order-form button.cl14.hov-cl1 {
    margin-top: 5px
}

.order-form .container.bor3 .row {
    margin-top: -21px
}

.order-form .container.bor3 .row img {
    border-radius: 8px
}

.order-form .flex-b {
    align-items: flex-start;
    border-radius: 15px !important
}

.form-check-input:checked {
    background-color: #ff2400 !important;
    border-color: #ff2400 !important;
}

.form-check-input:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(255 37 37 / .25)
}

.hov-btn3.bg5 {
    background-color: #f00 !important;
    color: #fff
}

.hov-tag1.bg5:hover {
    color: #fff
}

a.vimeo {
    text-decoration: none !important
}

a.vimeo:hover {
    color: red
}

a.bg2 {
    background-color: #f9f8fd;
    text-decoration: none;
    color: #222948
}

a.bg2:hover {
    background-color: #222948;
    text-decoration: none;
    color: #f9f8fd
}

.cl2 {
    color: #222948
}

@media (max-width:1300px) {
    .next-slick2 {
        right: -10px;
        padding: 20px 0 20px 40px
    }
    .prev-slick2 {
        left: -10px;
        padding: 20px 40px 20px 0
    }
}

.tooltip-inner a {
    transition: all 0.2s
}

.tooltip-inner a:hover {
    color: red
}

.container .cl5.flex-l-m.m-t-10.m-b-15.min-w-300 {
    color: #222948;
    padding: 10px 15px;
    border-radius: 8px;
    background: #FAF9FF;
    border: 1px solid #d1cee2;
    max-width: calc(100% - 255px);
}
@media all and (max-width:799px) {
    .container .cl5.flex-l-m.m-t-10.m-b-15.min-w-300 {
        max-width: 100%;
    }
}

.cl5 {
    color: #222948
}

.mini-params span {
    background: #ecebf5;
    border-radius: 5px;
    padding: 3px 12px;
    margin-right: 5px;
    margin-bottom: 5px
}

span.cur-help {
    text-decoration: none;
    margin-top: 0 !important;
    margin-left: 30px;
    height: 25px;
    color: #cd0000;
    border-bottom-color: #cd0000
}

.hover-img {
    transition: all 0.2s
}

.hover-img:hover {
    filter: brightness(1.01) contrast(1.02)
}

.mfp-wrap .category.filter-control {
    display: none
}

[id*="realquantity_"] {
    top: 5px;
    position: relative
}

[id*="packs_"] {
    top: -5px;
    position: relative
}

.panel-filter .flex-c-m.stext-107 {
    margin-top: 0
}

.icon-vol.red.fz-32 {
    position: relative;
    top: 7px
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        .phone {
            font-size: 16px !important
        }
    }
}

_::-webkit-full-page-media,
_:future,
:root .phone {
    font-size: 16px !important
}

footer .logo {
    margin-right: 0
}

.phone {
    white-space: nowrap
}

.grafik {
    display: inline-block;
    width: auto;
    margin: 0 15px;
    margin-bottom: 20px;
    border-radius: .5rem;
    border: 2px solid red;
    padding: 6px 15px;
    text-align: center
}

.grafik p {
    margin-bottom: 2px
}

.m-fixed {
    top: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 20px #1d233d14;
    z-index: 999;
    position: fixed
}

.collapse h2,
.collapsing h2 {
    margin: 0 !important
}

.dotted_link {
    text-decoration-style: dotted;
    color: #d50000;
    position: relative;
    display: block
}

.dotted_link:hover {
    text-decoration: underline;
    text-decoration-style: dotted !important;
    color: #d50000;
    opacity: .7
}

.category>.container>.row>.col-12 {
    position: relative
}

.brand_logo {
    position: absolute;
    top: 0;
    width: 200px;
    right: 0;
    padding-right: 15px
}

.brand_logo img {
    width: 100%
}

.category h1 {
    padding-right: 230px
}

@media all and (min-width:800px) {
    .about_brand, .about_brand_preview {
        padding-right: 230px
    }
}

@media all and (max-width:799px) {
    .category h1 {
        padding-right: 0;
        font-size: 27px
    }
    .brand_logo {
        position: relative;
        top: auto;
        width: 200px;
        right: auto;
        padding-right: 0
    }
    .brand_logo img {
        float: none
    }
}

.btn-close:hover,
.btn-close:focus {
    color: red;
    box-shadow: none
}

.product-preview-buy button {
    width: auto;
    border-radius: 0 9px 0 0;
    position: absolute;
    transform: none;
    left: 0;
    bottom: 0
}

.product-preview-buy button.fav {
    width: 45px;
    border-radius: 9px 0 0 0;
    position: absolute;
    transform: none;
    right: 0 !important;
    left: auto;
    padding: 10px 11px;
    bottom: 0;
    opacity: .4;
    z-index: 10
}

.hov-img0:after {
content: "";
    width: 100%;
    height: 100%;
    display: block;
    box-shadow: inset 0 0 50px 0px #0000000a;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    top: 0;
    border-radius: 10px;
}


.product-preview-buy button.fav img {
    border-radius: 0
}

.hov-img0:hover button.fav {
    opacity: 1
}

.hov-img0 button.fav.active {
    opacity: 1;
    background-color: #2a2f48
}

.hov-img0:hover button.fav img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}


.fav-product {
    top: 13px;
    width: 46px;
    height: 45px;
    border-radius: 10px;
    position: absolute !important;
    transform: none;
    right: 16px !important;
    left: auto;
    padding: 10px 11px;
    bottom: auto;
    opacity: 1;
    z-index: 10;
    background-color: #252c4ecf;
}

.fav-product img {
    border-radius: 0;
    width: 24px;
    opacity: 0.9;    
}


.modal-header {
    border-bottom: none
}

#favoritesModal .modal-content {
    box-shadow: 0 0 150px #00000029;
    border-radius: 19px
}

#favoritesModal .modal-dialog {
    max-width: 90%;
    margin: 1.75rem auto
}

#favoritesModal .modal-body {
    padding: 1rem
}

#favoritesModal .row {
    margin-right: -15px;
    margin-left: -15px
}

#favoritesModal .block2 {
    padding-right: 15px;
    padding-left: 15px
}

a.favorites {
    margin: 3px 0 0 20px !important;
    display: block;
    position: relative;
    padding-right: 8px !important;
    padding-top: 2px !important
}

.favorites span.icon-favorites {
    font-size: 37px;
    height: 100%;
    position: relative;
    display: inline-block
}

.favorites span.favorites-count {
    font-family: 'Noto Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-size: 12px;
    background: #212846;
    color: #fff;
    display: block;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    top: -2px;
    right: 0;
    min-width: 19px;
    height: 19px;
    letter-spacing: 0;
    padding: 0 3px
}

@media (max-width:992px) {
    .favorites span.icon-favorites {
        font-size: 27px
    }
}

.product-preview-price {
    border-radius: 0 0 9px 9px
}

.modal-backdrop.show {
    opacity: .85
}

@media (max-width:992px) {
    a.favorites {
        margin-left: 5px !important
    }
}

@media (max-width:768px) {
    a.favorites {
        margin-left: 2px !important;
        padding-top: 1px !important
    }
    a.favorites span.icon-favorites {
        font-size: 25px
    }
    .logo {
        margin-right: 0
    }
    .favorites span.favorites-count {
        font-size: 11px;
        top: -2px;
        right: 2px;
        min-width: 16px;
        height: 16px
    }
    .brand_logo {
        width: 100px
    }
}

@media (max-width:382px) {
    a.favorites span.icon-favorites {
        font-size: 23px
    }
}

@media screen and (max-width:1600px) {
    #favoritesModal .modal-content {
        padding: 10px 30px
    }
    #favoritesModal .block2 {
        padding-right: 5px;
        padding-left: 5px
    }
}

@media screen and (max-width:1300px) {
    #favoritesModal .modal-dialog {
        max-width: 96%
    }
}

@media screen and (max-width:415px) {
    #favoritesModal .modal-content {
        padding: 10px 7px
    }
}

@media screen and (max-width:1120px) and (min-width:992px) {
    .col-lg-2 {
        flex: 0 0 auto;
        width: 20%
    }
}

@media screen and (max-width:360px) {
    .col-6 {
        flex: 0 0 auto;
        width: 100%
    }
}




h2.w-full.p-b-10 span {
    font-weight: 400
}

body.modal-open .m-fixed {
    padding-right: 15px
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: 1
}

.akbg {
    padding: 5px 10px;
    border-radius: 7px
}

.redplate {
    background-color: #e20c0c;
    color: #fff;
    padding: 2px 5px;
    border-radius: 7px;
    text-shadow: none
}
.palette-block a {
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent;
}

.palette-sherwin a {
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent;
}
span.promo_active {
    display: block;
    color: #04a400;
    font-weight: 500;
}
input.promo_active {
    box-shadow: 0 0 0 3px #04a40063;
    outline: none;
    border-color: transparent;
}
input.promo_active:focus {
    box-shadow: 0 0 0 3px #04a40063;
    outline: none;
    border-color: transparent;
}
@media screen and (max-width:550px) {
	.mobh {
	    overflow: hidden;
	    line-height: 0;
	    font-size: 0;
	    color: transparent;
	}
}
li.flex-w {
    background: none;
    padding-left: 0;
}
.digi-product__favorite {
    position: absolute;
    right: 0;
    cursor: pointer;    
    background: #242943 !important;
    opacity: 0.5 !important;
}
.digi-product__favorite:hover {
    background: #242943 !important;
    opacity: 1 !important;
}
#digi-shield > div.digi-main-scroll-wrapper > div.digi-main > div > div > div.digi-main__results > div.digi-products > div > div > div.digi-product__image-wrapper > div.digi-product__actions > div.digi-product__button {
    background-color: #121524 !important;
    font-size: 15px !important;
    font-weight: normal !important;
}
#digi-shield > div.digi-main-scroll-wrapper > div.digi-main > div > div > div.digi-main__results > div.digi-products > div > div > div.digi-product__image-wrapper > div.digi-product__actions > div.digi-product__button:hover, 
#digi-shield > div.digi-main-scroll-wrapper > div.digi-main > div > div > div.digi-main__results > div.digi-products > div > div > div.digi-product__image-wrapper > div.digi-product__actions > div.digi-product__button:focus {
    opacity: 1 !important;
    background: #242943 !important;
}

.bor8 {
    box-shadow: 0 0 0 3px #ff000078;
}



@media screen and (max-width:450px) {
 
    .m-b-15, .m-tb-15 {
        margin-bottom: 6px;
    }

    .m-t-25, .m-tb-25 {
        margin-top: 0;
    }
    .product-preview {
        margin-bottom: 2px;
    }

}

.mw370 {
    max-width: 370px;
}
.wrap-slick1{
    border-radius: 13px;
    overflow: hidden;
}
.contact-info {
    max-width: 1170px;
}
.contact-info iframe {
    border-radius: 13px;
    margin-top: 20px;
}

.samples {
    display: block;
    position: absolute;
    top: 13px;
    right: 73px;
    background: #ffffffa3;
    padding: 10px 15px;
    border-radius: 10px;
    background: #2e314a;
    color: #fff;
}

@media screen and (max-width:450px) { 
    .samples {
        display: block;
        position: absolute;
        top: inherit;
        bottom: 12px;
        right: 15px; 
        padding: 2px 9px;
        border-radius: 10px;
    }
}

.red {
    color: #f10000 !important
}

/*.fck.cl3 {
    float: inline-end;
}*/