@font-face {
    font-family: Stolz-Medium;
    src: url('../fonts/Stolzl-Medium.ttf');
    font-display: swap;
}

@font-face {
    font-family: Roboto-Regular;
    src: url(/assets/fonts/Roboto-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: Roboto-Medium;
    src: url(/assets/fonts/Roboto-Medium.ttf);
    font-display: swap;
}

@font-face {
    font-family: Roboto-Black;
    src: url(/assets/fonts/Roboto-Black.ttf);
    font-display: swap;
}

@font-face {
    font-family: Roboto-SemiBold;
    src: url(/assets/fonts/Roboto-SemiBold.ttf);
    font-display: swap;
}

@font-face {
    font-family: Roboto-Bold;
    src: url(/assets/fonts/Roboto-Bold.ttf);
    font-display: swap;
}

@font-face {
    font-family: Roboto-ExtraBold;
    src: url(/assets/fonts/Roboto-ExtraBold.ttf);
    font-display: swap;
}

@font-face {
    font-family: OpenSans;
    src: url(/assets/fonts/op.ttf);
    font-display: swap;
}

@font-face {
    font-family: Onest;
    src: url(/assets/fonts/Onest-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: Onest-Bold;
    src: url(/assets/fonts/Onest-Bold.ttf);
    font-display: swap;
}

@font-face {
    font-family: Onest-Medium;
    src: url(/assets/fonts/Onest-Medium.ttf);
    font-display: swap;
}

@font-face {
    font-family: Onest-SemiBold;
    src: url(/assets/fonts/Onest-SemiBold.ttf);
    font-display: swap;
}

@font-face {
    font-family: Druk-Bold;
    src: url(/assets/fonts/DrukWideBold.ttf);
    font-display: swap;
}

@font-face {
    font-family: Star-Jedi;
    src: url(/assets/fonts/Starjedi.ttf);
    font-display: swap;
}

/* SOME VARIABLES */
:root {
    --box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    --green-btn-hover: #007e54;
}
/* END SOME VARIABLES */

H1 {
    font-size: 24px;
    font-family: Roboto-Black;
}

H2 {
    font-size: 22px;
    font-family: Roboto-Regular;
}

H3 {
    font-size: 18px;
    margin-block-end: -5px;
    font-family: Roboto-Regular;
    color: #00b67a;
}

H4 {
    font-size: 16px;
    margin-block-end: -7px;
    font-family: Roboto-Medium;
}

H4 a {
    color: #000;
}

H5 {
    font-size: 14px;
    margin-block-end: -7px;
    font-family: Open Sans;
}

H6 {
    font-size: 13px;
    margin-block-end: -8px;
    font-family: Open Sans;
}

a.icontinyl.q1 {
    color: rgb(41, 128, 185) !important;
}

body {
    margin-inline: 0;
    margin-block: 0;
    font-size: 14px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #fbfbfb;
}

a {
    color: #bf1212;
    text-decoration: none;
}

li {
    font-size: 15px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

blockquote {
    padding-block: 9px;
    padding-inline: 18px;
    margin-block: 0 18px;
    margin-inline: 0;
    font-size: 16.25px;
    border-inline-start: 5px solid #eee;
}

.container {
    position: relative;
    padding-inline-end: 10px;
    padding-inline-start: 10px;
    margin-inline-end: auto;
    margin-inline-start: auto;

    @media (min-width: 1400px) {
        &.container_wide {
            inline-size: 1370px;
        }
    }
}

.center {
    text-align: center;
}

h3 img {
    vertical-align: middle;
    padding-inline-end: 20px;
}

h4 img {
    vertical-align: middle;
    padding-inline-end: 20px;
}

.flex-aj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 16px;
}

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

#content {
    padding-block-end: 30px;
}

.flex {
    display: flex;
}

.flex11 {
    display: flex;
    flex-wrap: wrap;
}

.flex-row {
    display: flex;
    margin-block: 0;
    margin-inline: -15px;
    flex-wrap: wrap;
}

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

.discord__line {
    padding-block: 8px;
    padding-inline: 0;
    color: #202020;
    font-size: 24px;
    font-weight: 700;
}

.discord__ttl {
    padding-block-start: 40px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    color: #5d6b7b;
}

.discord__desc {
    font-size: 14px;
    color: #a4aab1;
    padding-block-start: 10px;
    padding-block-end: 20px;
}

.d-box {
    padding-block: 10px;
    padding-inline: 16px;
    box-sizing: border-box;
    border: 2px solid #d7d7d7;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 3px;
}

.d-box__content {
    flex-grow: 1;
    color: #282b2d;
    font-size: 18px;
    font-weight: normal;
}

#review {
    align-items: inherit;
}

.rewi .item {
    height: 100%;
}

.copy-btn {
    position: relative;
}

.copy-btn__result {
    position: absolute;
    inset-block-end: calc(50%+5px);
    inset-inline-start: 50%;
    transform: translateX(-50%);
    width: 190px;
    padding-block: 10px;
    padding-inline: 10px;
    background-color: rgba(2, 2, 2, 0.6);
    color: #fff;
    border-radius: 3px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
    font-size: 13px;
    text-align: center;
}

.d-box__btn {
    display: inline-block;
    background-color: #7289da;
    color: #fff;
    padding-block: 10px;
    padding-inline: 20px;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}

.copy-btn__result_active {
    visibility: visible;
    opacity: 1;
    inset-block-end: calc(100%+15px);
}

.discord__line img {
    vertical-align: middle;
}

.hob {
    text-align: center;
    position: relative;
}

.hob:not(.hov2):after {
    content: '';
    background-color: #fff;
    position: absolute;
    z-index: 1;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    opacity: 0;
    transition: 0.5s;
}

.hov:not(.hov2):after {
    display: block;
    opacity: 0.5;
}

body.aft:after {
    content: '';
    position: fixed;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: 5;
    pointer-events: auto;
}

.text-danger {
    color: red;
}

.tab {
    display: none;
}

.tab.activ {
    display: block;
}

.tab.activ.flex-row {
    display: flex;
}

.catalog-hea ul {
    padding-inline: 0;
    padding-block: 0;
    list-style-type: none;
    display: flex;
    align-items: top;
    justify-content: space-between;
    margin-inline: 0;
    margin-block: 0;
}

.catalog-hea {
    padding-block: 15px 13px;
    padding-inline: 0;
    border-block-start: solid 1px rgba(0, 0, 0, 0.15);
    border-block-end: solid 1px rgba(0, 0, 0, 0.15);
}

.nabot-cart {
    padding-block: 0;
    padding-inline: 15px;
    width: 50%;
    margin-block-start: 30px;
}

.from {
    padding-block: 5px;
    padding-inline: 6px;
    border-radius: 3px;
    background-color: #00b67a;
    display: inline-block;
    font-family: Roboto-Bold;
    color: #fff;
    text-transform: uppercase;
}

.name-nab {
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    padding-block: 10px 15px;
    padding-inline: 0;
    font-family: Roboto-Bold;
    margin-inline: 0;
    margin-block: 0;
}

.nabot-cart p {
    color: #fff;
    margin-inline: 0;
    margin-block: 0;
}

.butto-shop {
    border-radius: 3px;
    background: linear-gradient(to bottom, #00f0a1, #00b67a);
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-family: Roboto-Bold;
    padding-block: 10px;
    padding-inline: 40px;
    width: 100%;
    text-align: center;
}

.butto-shop:hover,
.form-obrsvyz .buttons input:hover {
    background-image: linear-gradient(to bottom, #00b67a, #007e54);
}

.butto-shop:focus,
.form-obrsvyz .buttons input:focus {
    background-image: linear-gradient(to bottom, #007e54, #005338);
}

.bord-bot:hover {
    background-color: #00b67a;
    color: #fff;
}

.bord-bot:focus {
    background-color: #007e54;
    color: #fff;
}

.bacg-bot:hover,
.cart-d:hover {
    background-color: #007e54;
}

.bacg-bot:focus,
.cart-d:focus {
    background-color: #005338;
}

.nab-1 {
    padding-block: 25px 30px;
    padding-inline: 20px 34px;
    border-radius: 10px;
    background: linear-gradient(243deg, rgba(51, 51, 69, 0) 100%, #333345);
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.nab-1:before {
    content: '';
    display: block;
    position: absolute;
    inset-inline-start: 0;
    margin-block: auto;
    margin-inline: auto;
    inset-block-start: 0;
    width: 100%;
    height: 320px;
    background:
        linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        linear-gradient(180deg, rgba(0, 0, 0, 0) 40.68%, #000000 89.75%),
        url(image.png);
    z-index: 1;
    border-radius: 10px;
}

.inf-nab {
    z-index: 2;
    position: relative;
}

.product1 {
    width: calc(calc(100% - 90px) / 4);
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #e1e1e1;
}

.product1 > .img-p {
    display: flex;
}

.product1 > .img-p a {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.product1 > .img-p a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sticer div {
    display: inline-block;
    border-radius: 3px;
    font-family: Roboto-Bold;
    margin-inline-end: 6px;
}

.best {
    background-color: #00b67a;
    padding-block: 5px;
    padding-inline: 7px;
    color: #fff;
}

.sticer {
    position: absolute;
    inset-block-start: 20px;
    inset-inline-start: 15px;
}

.skid {
    padding-block: 5px;
    padding-inline: 18px 17px;
    background-color: #f8e800;
    color: #000;
}

.zag-h2 {
    color: #252530;
    font-size: 32px;
    font-family: Roboto-Black;
    margin-block: 30px;
    margin-inline: 0;
}

.zag-h2-white {
    font-family: Roboto-Black;
    color: #fff;
    font-size: 28px;
    margin-block: 0;
    font-weight: 500;
}

.pro-popul {
    background-color: #f8f8f8;
    position: relative;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    transition: all 0.3s ease;
}

.info-p a {
    color: #252530;
    text-decoration: none;
    font-size: 18px;
    font-family: Roboto-Bold;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product1 > .info-p {
    min-height: 162px;
}

.product1 > .info-p > a {
    height: 100%;
    padding-block-end: 24px;
}

.info-p {
    padding-block: 10px;
    padding-inline: 15px;
}

.info-p h4,
.info-p__title {
    min-height: 65px;
    margin-inline: 0;
    margin-block: 0;
}

.info-p__price {
    margin-inline: 0;
    margin-block: 0;
}

/* TODO remove because in the most places it is overwritten */
.price-new {
    color: #252530;
    font-size: 24px;
    font-family: Roboto-Bold;
    display: block;
}

.hids {
    display: none;
}

.price-old {
    color: #64646c;
    font-size: 18px;
    font-family: Roboto-Medium;
    text-decoration: line-through;
    margin-block-start: 3px;
    display: block;
}

.cart-d {
    font-size: 16px;
    font-family: Roboto-Bold;
    color: #fff;
    text-decoration: none;
    background-color: #00b67a;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: 18px;
    padding-inline: 0;
    text-align: center;
}

.product1 > .cart-d {
    margin-block-start: auto;
}

.price {
    min-height: 54px;
    margin-inline: 0;
    margin-block: 0;
    margin-block-start: 20px;
}

.cart-d path {
    fill: #fff;
}

.cart-d svg {
    margin-inline-end: 10px;
}

.why {
    width: 33.333%;
    padding-block: 0;
    padding-inline: 15px;
    margin-block-end: 20px;
}

.why2 {
    display: flex;
    background-color: #fff;
}

.why2:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.product1:active,
.pro-popul:active {
    transform: scale(0.95);
}

.why-img {
    margin-inline-end: 20px;
}

.why-img1 img {
    width: 270px;
    border-radius: 10px;
}

.why-text p {
    font-size: 16px;
    margin-inline: 0;
    margin-block: 0;
    margin-block-start: 10px;
}

.f18-bold {
    font-size: 18px;
    font-family: Roboto-Bold;
}

.section-why {
    background-color: #f8f8f8;
    padding-block: 20px 30px;
    padding-inline: 0;
}

.section-why3 {
    background-color: #f8f8f8;
    padding-block: 20px 30px;
    padding-inline: 0;
}

.why3 {
    width: 33.333%;
    padding-block: 0;
    padding-inline: 15px;
    margin-block-end: 50px;
}

.why23 {
    display: flex;
    background-color: #fff;
    padding-block: 33px 5px;
    padding-inline: 15px 17px;
}

.img-rewiew {
    width: 50px;
    height: 50px;
    border: solid 1px #fff;
    border-radius: 50%;
    overflow: hidden;
}

.img-rewiew img {
    width: 50px;
    height: 50px;
}

.info-rewiew {
    margin-inline-start: 10px;
}

.section-rewiews {
    padding-block-start: 16px;
    padding-block-end: 30px;
}

.section-rewiews .item,
.rewi .item {
    background-color: #f6f6f6;
    padding-block-start: 34px;
    padding-inline: 25px 45px;
    color: #000;
}

.rating-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rewi .rating {
    padding-block: 10px 24px;
}

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

.name-rew {
    margin-block-end: 5px;
    display: flex;
    flex-direction: column;
    row-gap: 2px;
}

.na-r {
    font-size: 20px;
    font-family: Roboto-Bold;
}

.data-rew {
    opacity: 0.7;
}

.owl-item.active {
    background: none;
    border: none;
    opacity: 1;
    width: 380px !important;
}

.rating {
    display: flex;
    column-gap: 2px;
    padding-block: 33px 27px;
}

.rating label {
    width: 28px;
    height: 28px;
    background-color: #51b27f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating label img {
    width: 19px !important;
}

.reviews-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #818181;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.reviews-text::after {
    content: '';
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(
        to bottom,
        rgba(246, 246, 246, 0),
        rgba(246, 246, 246, 1)
    );
    pointer-events: none;
}

.section-rewiews .item p,
.rewi .item p {
    margin-block: 15px 25px;
    margin-inline: 0;
}

.section-rewiews .owl-nav {
    position: absolute;
    inset-block-start: -65px;
    inset-inline-end: 0;
    margin-inline: 0;
    margin-block: 0;
}

.section-rewiews .owl-nav button {
    margin-inline: 0;
    margin-block: 0;
    outline: 0;
}

.section-rewiews .owl-nav button:hover {
    background: transparent;
}

.section-rewiews .owl-next {
    margin-inline-start: 15px !important;
}

.section-rewiews {
    padding-block-start: 16px;
    padding-block-end: 30px;
}

.section-baner {
    position: relative;
    padding-block: 81px;
    padding-inline: 0;
}

.section-b2 {
    background-color: #f8f8f8;
    padding-block-end: 80px;
    overflow: hidden;
}

.im-baner {
    background-position: right !important;
    inset-inline-end: -113px;
    width: 100%;
    background: url(/assets/img/baner-home.jpg) top no-repeat;
    height: 431px;
    inset-block-start: -81px;
    position: absolute;
}

.f32-bold {
    font-size: 32px;
    font-family: Roboto-Black;
}

.section-baner p {
    font-size: 16px;
    margin-block-start: 15px;
    margin-block-end: 20px;
}

.rink-bu {
    font-size: 16px;
    font-family: Roboto-Bold;
    color: #fff;
    text-decoration: none;
    padding-block: 20px;
    padding-inline: 32px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    z-index: 1;
    border-radius: 4px;
    width: 238px;
    height: 63px;
    background-color: #00b67a;
    text-align: center;
}

.pull-right {
    float: inline-start !important;
}

.rink-bu:hover {
    background-image: linear-gradient(to bottom, #ed3173, #ac164b);
}

.rink-bu:focus {
    background-image: linear-gradient(to bottom, #ac164b, #81002e);
}

.tex-ban {
    width: 50%;
    position: relative;
    z-index: 1;
}

.tex-ban .rink-bu {
    background-image: linear-gradient(to bottom, #00f0a1, #00b67a);
}

.tex-ban .rink-bu:hover {
    background-image: linear-gradient(to bottom, #00b67a, #007e54);
}

.tex-ban .rink-bu:focus {
    background-image: linear-gradient(to bottom, #007e54, #005338);
}

.error_bg {
    background-image: url(/catalog/view/theme/default/image/404_bg.png);
    background-size: cover;
    background-position: top;
    height: 100vh;
    max-height: 578px;

    display: flex;
    align-items: center;
}

.error_content {
    display: flex;
    justify-content: end;
}

.error_title {
    font-weight: 700;
    font-size: 44px;
    color: white;
    margin-block-start: 0;
}

.error_subtitle {
    font-weight: 700;
    font-size: 16px;
    color: white;
    max-width: 297px;
}

@media (max-width: 568px) {
    .error_bg {
        background-image: url(/catalog/view/theme/default/image/media_error_bg.png);
        background-size: cover;
        background-position: top;
        height: 75vh;
        max-height: 100vh;
        align-items: end;
    }

    .error_content {
        display: flex;
        justify-content: start;
        margin-block-end: 98px;
    }

    .error_title {
        font-size: 34px;
    }
}

@media (max-width: 768px) {
    .flex-aj {
        gap: 15px 20px;
        flex-wrap: wrap;
    }
}

footer {
    background-color: #071d1a;
    padding-block-start: 50px;
    padding-block-end: 20px;
    background-size: cover;
    margin-block-start: auto;
}

.footer-top {
    display: flex;
    column-gap: 50px;
}

.logo-footer {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}

.footer-top-lists {
    display: flex;
    justify-content: space-between;
    width: 70%;
}

.footer-top-list-services {
    display: flex;
    column-gap: 30px;
}

.f15-bold-gray {
    font-family: Roboto-Bold;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
}

.footer-logo-text {
    font-size: 15px;
    margin-block: 0px;
    color: #acacac;
}

.footer-texts {
    display: flex;
    flex-direction: column;
    margin-block-start: 70px;
}

.footer-text {
    display: flex;
    justify-content: center;
    column-gap: 26px;
}

.footer-copyright {
    text-align: center;
    padding-block-start: 34px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}

.flex-z {
    display: flex;
    flex-direction: column;
    gap: 13px;
    width: 235px;
}

.footer-mobile,
.flex-z-mobile {
    display: none;
}

.logo-pay img {
    height: 20px;
}

.logo-pay img:nth-child(3) {
    height: 22px;
}

.logo-pay img:nth-child(5),
.logo-pay img:nth-child(8),
.logo-pay img:nth-child(10) {
    height: 15px;
}

.logo-pay img:nth-child(6),
.logo-pay img:nth-child(7),
.logo-pay img:nth-child(9),
.logo-pay img:nth-child(10) {
    height: 17px;
}

.footer-bot {
    margin-block-start: 45px;
    padding-block-start: 20px;
    justify-content: flex-end;
}

@media (max-width: 1280px) {
    .footer_line {
        justify-content: space-between;
        gap: 15px;
        flex-wrap: wrap;
    }

    .footer-top {
        column-gap: 20px;
    }

    .footer-top-list-services {
        column-gap: 0;
    }
}

@media (max-width: 1024px) {
    .footer-desktop {
        display: none;
    }

    .footer-mobile {
        display: flex;
    }

    .footer-top {
        justify-content: center;
        row-gap: 50px;
    }

    .footer-top-lists {
        width: 60%;
    }

    .flex-z {
        width: 190px;
    }

    .trm {
        width: 350px;
    }
}

@media (max-width: 870px) {
    footer {
        padding-block-start: 95px;
    }

    .footer-top {
        flex-direction: column;
        padding-inline-start: 50px;
    }

    .flex-z-desktop {
        display: none;
    }

    .flex-z-mobile {
        display: flex;
    }

    .flex-z {
        padding-block-start: 50px;
        padding-inline-start: 50px;
        width: 100%;
    }

    .footer-top-lists {
        width: 85%;
    }

    .footer-mobile {
        column-gap: 30px;
    }

    .footer-texts {
        margin-block-start: 60px;
    }

    .footer-bot {
        margin-block-start: 40px;
        padding-block-start: 0;
        justify-content: flex-end;
    }
}

@media (max-width: 768px) {
    .footer-top,
    .flex-z,
    .footer-text {
        padding-inline: 25px 20px;
    }
    .footer-top-lists {
        flex-wrap: wrap;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .footer-top,
    .flex-z,
    .footer-text {
        padding-inline: 10px;
    }
    .footer-top {
        row-gap: 30px;
    }
    .footer-top-lists {
        justify-content: flex-start;
        gap: 50px;
    }
    .footer-text {
        flex-direction: column;
        align-items: center;
    }
}

.colon-foot .f16-bold {
    font-size: 16px;
    font-family: Roboto-Bold;
    text-transform: uppercase;
    color: #fff;
}

footer ul {
    padding-inline: 0;
    padding-block: 0;
    list-style-type: none;
    margin-inline: 0;
    margin-block: 0;
    margin-block-start: 20px;
    margin-inline-end: 15px;
}

footer ul a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    margin-block-end: 10px;
    display: block;
}

.colon-foot .flex-j ul:nth-child(1) {
    padding-inline-end: 0;
}

.left-colon {
    width: 69%;
    padding-block: 0;
    padding-inline: 15px;
}

.f16-bold {
    font-size: 16px;
    font-family: Roboto-Medium;
    margin-block-end: 3px;
}

.contac-i {
    border-radius: 3px;
    background-color: #333345;
    height: 41px;
    padding-block: 10px;
    padding-inline: 10px;
    margin-block-end: 15px;
    text-decoration: none;
}

.contac-i div {
    display: flex;
    width: 20px;
    margin-inline-end: 11px;
}

.contac-i span {
    color: #fff;
    font-family: Roboto-Bold;
}

.le-svyz {
    width: 50%;
    padding-inline-end: 40px;
    font-size: 16px;
    padding-block-start: 15px;
    padding-block-end: 15px;
    display: flex;
    gap: 15px;
}

.le-svyz img {
    width: 100%;
    max-width: 50px;
    height: 50px;
}

.le-svyz span {
    margin-inline-start: 15px;
}

.svyz {
    flex-wrap: wrap;
}

.section-about {
    font-size: 16px;
    margin-block-end: 15px;
    margin-block-start: 70px;
}

.section-about h3,
.section-how h3 {
    font-size: 24px;
    font-family: Roboto-Bold;
    margin-block-start: 30px;
    margin-block-end: 20px;
}

.section-how h3 {
    margin-block-end: 15px;
}

.zag-h1 {
    font-size: 32px;
    font-family: Roboto-Black;
    margin-inline: 0;
    margin-block: 0;
    text-align: center;
}

.section-how,
.section-terms,
.section-reviews,
.section-contact {
    margin-block-start: 70px;
    margin-block-end: 30px;
    font-size: 16px;
}

.section-reviews {
    margin-block-end: 55px;
}

.how-colon {
    width: 30%;
    padding-block: 0;
    padding-inline: 15px;
    text-align: center;
}

.icon-how {
    justify-content: space-between;
    margin-block-start: 70px;
    margin-block-end: 50px;
}

.img-how {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: auto;
    margin-inline: auto;
    position: relative;
    z-index: 1;
}

.f24-bold {
    font-size: 24px;
    font-family: Roboto-Bold;
}

.how-colon .f24-bold {
    padding-block: 10px 0;
    padding-inline: 0;
}

.img-how:before {
    content: '';
    display: block;
    position: absolute;
    inset-inline-start: 240%;
    margin-block: auto;
    margin-inline: auto;
    inset-block-start: 50%;
    width: 200px;
    height: 1px;
    background-color: #0093e0;
}

.how-colon:last-child .img-how:before {
    display: none;
}

.section-terms .flex-row {
    margin-block: 0;
    margin-inline: -19px;
}

.colon-conf {
    padding-block: 0;
    padding-inline: 19px;
    width: 50%;
    margin-block-end: 30px;
}

.icon-conf {
    font-size: 24px;
    font-family: Roboto-Black;
    border-radius: 5px;
    background-color: #00b67a;
    width: 60px;
    height: 60px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 15px;
}

.text-conf {
    font-weight: bold;
    width: 85%;
}

.text-conf span {
    font-weight: normal;
}

.te-term {
    text-align: center;
    width: 50%;
    margin-block: auto;
    margin-inline: auto;
    padding-block-start: 20px;
    padding-block-end: 20px;
}

.rew-col {
    padding-block: 15px;
    padding-inline: 15px;
    width: 33.333%;
    .prl_user {
        align-items: center;
        -moz-column-gap: 10px;
        column-gap: 10px;
        display: flex;
        .prl_avatar {
            align-items: center;
            block-size: 50px;
            border-radius: 50%;
            color: #000;
            display: flex;
            flex-shrink: 0;
            font-family: Roboto-Medium;
            font-size: 20px;
            inline-size: 50px;
            justify-content: center;
            line-height: 20px;
            object-fit: cover;
        }
    }
}

.left-rew h2 {
    margin-block-end: 0;
}

.left-rew {
    width: 70%;
}

.bord-bot {
    font-size: 14px;
    font-family: Roboto-Medium;
    text-decoration: none;
    border-radius: 3px;
    border: solid 1px #00b67a;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    color: #00b67a;
}

.left-rew .bord-bot {
    margin-inline-end: 20px;
}

.bacg-bot {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    font-size: 14px;
    font-family: Roboto-Medium;
    text-decoration: none;
    border-radius: 3px;
    color: #fff;
    background-color: #00b67a;
}

.kol-rew,
.kol-rew a {
    font-size: 14px;
    color: #252530;
    margin-block: 10px;
    margin-inline: 0;
    text-align: center;
}

.logo-trus {
    text-align: center;
}

.rig-rew .rating {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding-block: 0;
}

.rig-rew .rating label {
    background: url(/assets/img/reti1.png) #00b67a no-repeat center;
    width: 29px;
    height: 29px;
}

.rig-rew h2 {
    color: #252530;
    margin-block: 0 5px;
    margin-inline: 0;
    text-align: center;
}

.section-reviews .flex-j {
    margin-block-end: 15px;
}

.form-obrsvyz fieldset {
    border: 0;
    padding-inline: 0;
    padding-block: 0;
    margin-inline: 0;
    margin-block: 0;
}

.form-obrsvyz {
    background: url(/assets/img/form-ba.svg) no-repeat;
    background-size: 100%;
    padding-block: 30px;
    padding-inline: 25px;
    color: #fff;
    margin-block-start: 30px;
    margin-block-end: 20px;
}

.form-obrsvyz form {
    width: 63%;
}

.form-obrsvyz input {
    border-radius: 4px;
    border: solid 1px #262636;
    background-color: #2a2a3b;
    height: 40px;
    width: 100%;
    margin-block-end: 20px;
    font-size: 16px;
    color: #fff;
    padding-block: 12px;
    padding-inline: 12px;
    outline: 0;
}

.form-obrsvyz textarea {
    border-radius: 4px;
    border: solid 1px #262636;
    background-color: #2a2a3b;
    height: 110px;
    width: 100%;
    margin-block-end: 20px;
    font-size: 16px;
    color: #fff;
    padding-block: 12px;
    padding-inline: 12px;
    outline: 0;
}

.form-obrsvyz .f24-bold {
    margin-block-end: 20px;
}

.form-obrsvyz .buttons input {
    background-image: linear-gradient(to bottom, #00f0a1, #00b67a);
    border: 0;
    margin-block-end: 0;
    font-family: Roboto-Bold;
    cursor: pointer;
}

.form-obrsvyz input::-webkit-input-placeholder,
.form-obrsvyz textarea::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.7;
    font-family: Roboto-Regular;
}

.form-obrsvyz input:-ms-input-placeholder,
.form-obrsvyz textarea:-ms-input-placeholder {
    color: #fff;
    opacity: 0.7;
    font-family: Roboto-Regular;
}

.form-obrsvyz input::-ms-input-placeholder,
.form-obrsvyz textarea::-ms-input-placeholder {
    color: #fff;
    opacity: 0.7;
    font-family: Roboto-Regular;
}

.form-obrsvyz input::placeholder,
.form-obrsvyz textarea::placeholder {
    color: #fff;
    opacity: 0.7;
    font-family: Roboto-Regular;
}

.icon-cart {
    width: 80%;
    margin-block: auto;
    margin-inline: auto;
}

.btn-primary {
    cursor: pointer;
    border-radius: 3px;
    background-color: #00b67a;
    font-size: 18px;
    font-family: Roboto-Bold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin-block: 0 30px;
    margin-inline: 20px;
}

.btn-primary {
    width: 100%;
    border: 0;
}

.icon-skyp {
    width: 160px;
    background: url(/assets/img/awesome-skype1.svg) no-repeat 11px;
}

.f28-bold {
    font-size: 28px;
    font-family: Roboto-Bold;
}

.breadcrumb li:before {
    content: ' ';
    background-color: #bdbdbd;
    font-size: 0;
    position: absolute;
    inset-inline-end: -14px;
    inset-block-start: 46%;
    width: 8px;
    height: 1px;
}

.descrip-catalog {
    width: 49%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.descrip-catalog a {
    display: flex;
    column-gap: 5px;
    align-items: center;
    color: #c3c3c3;
    font-size: 16px;
    line-height: 19px;
}

.descrip-catalog a img {
    width: 14px;
    height: 15px;
}

.region {
    width: 30%;
    padding-block: 20px;
    padding-inline: 0;
    border: solid 1px #d9d9d9;
    background-color: #fff;
}

.catalog-top .rating label {
    margin-inline-end: 0;
}

.f18-500 {
    font-family: Roboto-Medium;
    font-size: 18px;
}

.region .f18-500 {
    padding-block-end: 20px;
    display: block;
    border-block-end: solid 1px #d9d9d9;
    margin-block-end: 18px;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
}

.boot-region {
    display: flex;
}

.catalog-top .zag-h2 {
    margin-block: 0 15px;
    margin-inline: 0;
}

.cat-top-fon {
    background: url(/image/catalog/fon1920-2.jpg) bottom no-repeat;
    margin-block-start: 14px;
    margin-block-end: 14px;
    height: 200px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo-oops {
    width: 72px;
    height: 72px;
    margin-block: 70px 15px;
    margin-inline: auto;
    object-fit: contain;
}

.oops_no {
    width: 690px;
    height: 45px;
    margin-block: 15px;
    margin-inline: auto;
    font-family: Roboto-Bold;
    font-size: 34px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: start;
    color: #000000;
}

.oops_no1 {
    width: 407px;
    height: 34px;
    margin-block: 15px 70px;
    margin-inline: auto;
    font-family: Roboto-Regular;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: start;
    color: #000000;
}

.catalog-top {
    width: 100%;
    padding-inline: 55px;
}

.boot-region a {
    border-radius: 20px;
    padding-block: 10px;
    color: #fff;
    padding-inline: 10px 0;
    font-size: 16px;
    font-family: Roboto-Medium;
    width: 90px;
    display: flex;
    align-items: flex-start;
    column-gap: 4px;
}

.boot-region a:last-child {
    width: 75px;
}

.boot-region a.activ,
.boot-region a:hover,
.boot-region a:focus {
    color: #000;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.boot-region .flag {
    width: 15px;
    height: 10px;
    margin-block-start: 4px;
}

.hotoff {
    position: absolute;
    inset-block-start: 0;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotoff span {
    font-family: Roboto-Bold;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    font-size: 11px;
    color: #fff;
    max-width: 100%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding-inline: 4px;
    padding-block: 4px;
}

.catalog-product {
    display: flex;
    flex-wrap: wrap;
    margin-block: 30px 35px;
    margin-inline: 0;
    column-gap: 30px;
    row-gap: 20px;
    max-inline-size: 100%;
    inline-size: 100%;
}

.citata svg {
    margin-block-start: 27px;
    margin-inline-end: 15px;
}

.citata div {
    width: 100%;
}

ol li span {
    color: #ed3173;
}

.spis-ol ol li {
    padding-block: 7px;
    padding-inline: 0;
}

.spis-ol {
    background-color: #f8f8f8;
    padding-block: 30px 23px;
    padding-inline: 30px;
    margin-block: 30px;
    margin-inline: 0;
}

.spis-ol .f28-bold {
    margin-block-start: 0;
    line-height: 26px;
    font-family: Roboto-Regular;
}

.spis-ol ol {
    font-family: Roboto-Bold;
    padding-inline: 0;
    padding-block: 0;
    padding-inline-start: 23px;
    margin-inline: 0;
    margin-block: 0;
}

.citata {
    background-color: #f8f8f8;
    padding-block: 10px 30px;
    padding-inline: 30px;
}

.nam-citat span {
    font-family: Roboto-Bold;
}

.cursiv {
    font-style: italic;
}

.sma-special {
    position: absolute;
    inset-inline-start: -144px;
    font-family: Roboto-Regular;
}

.breadcrumb {
    list-style-type: none;
    display: block;
    padding-inline: 0;
    padding-block: 0;
    line-height: 12px;
    font-family: Roboto-Medium;
    margin-block-start: 20px;
    margin-block-end: 20px;
}

.breadcrumb li a {
    color: #000;
    text-decoration: none;
    opacity: 0.7;
}

.breadcrumb li {
    position: relative;
    margin-inline-end: 19px;
    display: inline-block;
    line-height: 18px;
}

.breadcrumb li:last-child a {
    opacity: 1;
}

.breadcrumb li:last-child:before {
    display: none;
}

.tab-product {
    border-radius: 3px;
    background-color: #f8f8f8;
    padding-block: 0;
    padding-inline: 15px;
    margin-block-start: 20px;
    margin-block-end: 30px;
}

.tab-product a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    margin-inline-end: 30px;
    padding-block: 13px;
    padding-inline: 0px;
    border-block-end: 2px solid transparent;
}

.tab-product .act,
.tab-product a:hover {
    border-block-end: 2px solid #000;
    font-family: Roboto-Medium;
}

.rev-prod span {
    padding-block: 3px;
    padding-inline: 3px;
    border-radius: 3px;
    background-color: #00b67a;
    font-size: 14px;
    font-family: Roboto-Bold;
    color: #fff;
    width: 22px;
    display: inline-block;
    height: 22px;
    margin-inline-start: 3px;
}

.rewi .item-re {
    width: 50%;
    padding-block: 15px;
    padding-inline: 15px;
}

.btn-block.cart-d {
    border: 0;
    margin: 20px 0 0;
    width: 100%;
}
.create-link-block {
    margin-top: 20px;
}

.required {
    position: relative;
}

.radio input[type='radio'],
.checkbox input[type='checkbox'] {
    display: none;
}

.radio label:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 1px;
    background-color: #ddd;
    border-radius: 50px;
}

.checkbox label:before {
    border-radius: 4px;
}

.radio input[type='radio']:checked + label:before {
    background-color: #fff;
    border: 4px solid #2fb673;
    width: 8px;
    height: 8px;
}

.checkmark {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    height: 15px;
    width: 15px;
    background-color: #ddd;
    border-radius: 4px;
}

.checkmark:after {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: -3px;
    inset-inline-end: 0;
    inset-block-end: 0;
    margin-block: auto;
    margin-inline: auto;
    width: 4px;
    height: 6.3px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

.checkbox input:checked + label .checkmark {
    background-color: #2fb673;
}

.radio label,
.checkbox label {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    padding-inline-start: 20px;
    margin-inline-end: 0;
    line-height: 16px;
    user-select: none;
    font-size: 16px;
    margin-block-end: 10px;
}

.total-dis {
    color: #ed3173;
}

.total-dis span {
    color: #000;
    opacity: 0.7;
}

.left-faq {
    width: 45%;
}

.rig-faq {
    width: 55%;
}

.left-faq a {
    width: 350px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
    font-family: Roboto-Bold;
    margin-block-end: 30px;
    text-transform: uppercase;
    border-radius: 3px;
    border: solid 1px #fff;
}

.faq-cont h2 {
    margin-block-end: 50px;
}

.left-faq .activ,
.left-faq a:hover,
.left-faq a:focus {
    border: solid 1px #0093e0;
    color: #0093e0;
}

.vopros-faq {
    border-radius: 5px;
    background-color: #333345;
    color: #fff;
    padding-block: 30px;
    padding-inline: 50px 20px;
    margin-block-end: 30px;
    position: relative;
}

.faq-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 50%;
    inset-block-start: 30px;
    inset-inline-start: -25px;
    background: url(/assets/img/faq2.png) center no-repeat #ed3173;
}

.vopros-faq p {
    margin-block: 10px;
    margin-inline: 0;
}

.faq-cont {
    margin-block-end: 20px;
}

.product1:hover,
.pro-popul:hover {
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.16);
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.product1:hover,
.pro-popul:hover .img-p img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

footer ul a {
    border: 1px solid transparent;
}

footer ul a:hover {
    border: 1px solid #ed3173;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.nab-1:hover {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.24);
}

.footer-bot img {
    margin-inline-start: 15px;
}

.modal {
    position: fixed;
    inset-block-start: 0;
    overflow-y: auto;
    overflow-x: hidden;
    inset-inline-end: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    z-index: 999;
    display: none;
}

.modal:target {
    pointer-events: auto;
    overflow-y: auto;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 3px;
    outline: 0;
    padding-block: 30px;
    padding-inline: 30px;
}

.modal-title {
    margin-block: 0 20px;
    margin-inline: 0;
}

.f20-medium {
    font-family: Roboto-Medium;
    font-size: 20px;
}

.modal .f20-medium {
    margin-block-start: 4px;
}

.decs-none {
    display: none;
}

@media (min-width: 320px) {
    .container {
        width: 100%;
    }
}

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

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

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

    .modal-dialog {
        max-width: 1110px;
        margin-block: 30px;
        margin-inline: auto;
    }
}

@media (max-width: 768px) {
    .tab-product:before {
        display: none;
    }

    #description img,
    div#description iframe {
        max-width: 100% !important;
    }

    .catalog-hea {
        overflow: hidden;
    }

    .btn-primary {
        width: calc(100% - 20px);
    }

    .modal-dialog {
        max-width: 320px;
        margin-block: 30px;
        margin-inline: auto;
    }

    .modal-content {
        padding-block: 15px;
        padding-inline: 15px;
    }

    .decs-none {
        display: block;
    }

    .f32-bold {
        font-size: 24px;
    }

    .section-b2 {
        padding-block-end: 0;
    }

    .im-baner {
        background-size: contain !important;
        background-position: center !important;
        position: static;
        width: 37%;
        max-height: calc(100vw * 0.7);
        inset-block-start: -55px;
        background-size: cover;
    }

    .tex-ban {
        display: none;
    }

    .section-baner {
        padding-block: 0;
        padding-inline: 0;
        margin-block-end: 30px;
    }

    .section-baner p {
        margin-block-start: 10px;
        margin-block-end: 15px;
    }

    .section-baner .rink-bu {
        width: 100%;
        text-align: center;
    }

    .catalog-hea ul li {
        margin-inline-end: 25px;
    }

    .catalog-hea ul {
        overflow-x: auto;
        margin-inline-end: -24px;
    }

    .catalog-hea ul:before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: -10px;
        inset-block-end: 0;
        margin-block: auto;
        margin-inline: auto;
        width: 84px;
        height: 100px;
        background-image: linear-gradient(
            to right,
            rgba(255, 255, 255, 0),
            #fff
        );
    }

    .from {
        font-size: 12px;
        padding-block: 2px;
        padding-inline: 5px;
    }

    .nab-1 {
        padding-block: 15px 20px;
        padding-inline: 15px;
        height: 236px;
    }

    .name-nab {
        font-size: 18px;
        padding-block: 8px 5px;
        padding-inline: 0;
    }

    .nab-1:before {
        height: 236px;
    }

    .butto-shop {
        font-size: 14px;
        text-align: center;
        padding-block: 10px;
        padding-inline: 10px;
        inset-block-end: 20px;
    }

    .nabot-cart {
        margin-block-start: 15px;
        width: 100%;
    }

    .zag-h2 {
        font-size: 24px;
        margin-block: 25px;
        margin-inline: 0;
    }

    .info-p {
        padding-block: 5px 15px;
        padding-inline: 10px;
        width: 100%;
    }

    .section-why {
        padding-block: 10px 20px;
        padding-inline: 0;
    }

    .why {
        width: 100%;
        margin-block-end: 15px;
    }

    .section-why .flex-row {
        justify-content: center;
    }

    .no-wrap {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        padding-inline: 10px;
    }

    .no-wrap::-webkit-scrollbar {
        height: 6px;
    }

    .no-wrap::-webkit-scrollbar-track {
        background: transparent;
    }

    .no-wrap::-webkit-scrollbar-thumb {
        border-radius: 6px;
    }

    .logo-footer {
        width: 100%;
        margin-block-end: 30px;
    }

    .footer-bot {
        margin-block-start: 20px;
        padding-block-start: 15px;
        justify-content: left;
    }

    .logo-pay {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-bot img {
        margin-inline-start: 7px;
        margin-inline-end: 7px;
    }

    .footer-bot img:last-child {
        margin-block-start: 15px;
    }

    footer .flex-j {
        flex-wrap: wrap;
    }

    .logo-footer span,
    .logo-footer p {
        margin-block-start: 10px;
        font-size: 12px;
    }

    .logo-footer span {
        width: 80%;
    }

    .price-new {
        font-size: 22px;
    }

    .price-old {
        font-size: 16px;
        margin-block-start: 0;
    }

    .nabot-cart p {
        max-height: 85px;
        overflow: hidden;
    }

    .catalog-product {
        margin-block-start: 20px;
        gap: 10px;
    }

    .product1 {
        width: calc(50% - 5px);
        padding-inline: 0;
        padding-block: 0;
        margin-block-end: 0;
    }

    .product1 .img-p img {
        width: 100%;
    }

    .product1 > .info-p {
        min-height: 100px;
    }

    .product1 > .info-p a {
        height: 100%;
        padding-block-end: 0;
    }

    .product1 > .info-p h4 {
        font-size: 11px;
        line-height: 1;
    }

    .product1 > .info-p .info-p__price .price-new {
        font-size: 13px;
    }

    .product1 > .cart-d {
        font-size: 12px;
        line-height: 1;
        padding-block: 11px;
    }

    .product1 > .cart-d svg {
        width: 12px;
        height: 11px;
    }

    .section-rewiews .owl-nav {
        position: relative;
        inset-block-start: 30px;
        inset-inline-end: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-block: 0;
        padding-inline: 20px;
    }

    .cat-top-fon {
        height: 120px;
        background-size: cover;
        background-position: center;
    }

    .catalog-top {
        flex-wrap: nowrap;
        padding-inline: 34px 43px;
    }

    .descrip-catalog {
        width: 100%;
        margin-inline-end: 0;
        row-gap: 5px;
    }

    .descrip-catalog a {
        font-size: 12px;

        img {
            width: 10px;
            height: 11px;
        }
    }

    .zag-h2-white {
        font-size: 16px;
    }

    .boot-region a {
        padding-block: 5px;
        padding-inline-start: 8px;
        width: 70px;
    }

    .boot-region a:last-child {
        width: 60px;
    }

    .boot-region .flag {
        width: 12px;
        height: 8px;
    }

    .region {
        width: 100%;
    }

    .region .f18-500 {
        padding-inline-start: 10px;
        padding-inline-end: 10px;
        column-gap: 15px;
    }

    .sticer div {
        display: block;
        margin-block-end: 10px;
    }

    .hotoff > svg {
        height: 30px;
        width: 45px;
    }

    .hotoff > span {
        font-size: 8px;
    }

    .breadcrumb {
        margin-block-start: 30px !important;
        margin-block-end: 15px;
        display: flex;
        flex-wrap: wrap;
        column-gap: 12px;
        row-gap: 8px;
        line-height: 20px;
    }

    .breadcrumb li {
        padding-inline: 0;
        padding-block: 0;
        margin-inline: 0;
        margin-block: 0;
        border-radius: 6px;
        background-color: #eaeaea;
        padding-block: 3px;
        padding-inline: 6px;
    }

    .breadcrumb li:before {
        width: 4px;
        height: 1px;
        background-color: #dcdcdc;
        inset-inline-end: -6px;
        inset-block-start: 50%;
        translate: 50%;
    }

    .breadcrumb li a {
        font-size: 14px;
        line-height: 18px;
    }

    .breadcrumb li a svg {
        margin-block: 0;
        margin-inline: 0 6px;
    }

    .tab-product a {
        margin-inline-end: 20px;
    }

    .tab-product a {
        display: flex;
        align-items: center;
    }

    .tab-product {
        position: relative;
        overflow-x: auto;
        height: 70px;
    }

    .tab-product:before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: -10px;
        inset-block-end: 0;
        margin-block: auto;
        margin-inline: auto;
        width: 64px;
        height: 53px;
        background-image: linear-gradient(
            to right,
            rgba(255, 255, 255, 0),
            #fff
        );
    }

    .rewi .item-re {
        width: 100%;
    }

    .f18-bold {
        font-size: 16px;
    }

    .item-re p {
        font-size: 14px;
    }

    .rewi .item p {
        margin-block: 10px 15px;
        margin-inline: 0;
    }

    .img-rewiew {
        width: 44px;
        height: 44px;
    }

    .na-r {
        font-size: 14px;
    }

    .data-rew {
        font-size: 12px;
    }

    .left-colon {
        width: 100%;
    }

    .rig-colon,
    .img-how:before {
        display: none;
    }

    .le-svyz {
        width: 100%;
        padding-inline-end: 0;
        padding-block-start: 7px;
        padding-block-end: 7px;
    }

    .section-how,
    .section-terms,
    .section-reviews,
    .section-contact {
        margin-block-start: 25px;
    }

    .how-colon {
        width: 100%;
        text-align: start;
    }

    .img-how {
        margin-inline: 0;
        margin-block: 0;
    }

    .section-how .zag-h2 {
        margin-block: 10px;
        margin-inline: 0;
    }

    .section-how .zag-h1 {
        font-size: 24px;
    }

    .icon-how {
        margin-block-start: 30px;
        margin-block-end: 15px;
    }

    .section-how h3 {
        margin-block-start: 15px;
    }

    .section-how,
    .section-terms,
    .section-reviews,
    .section-contact {
        margin-block-end: -15px;
    }

    .contac-i {
        width: 100%;
    }

    .form-obrsvyz form {
        width: 100%;
    }

    .form-obrsvyz {
        background-size: cover;
        background-position: right;
        padding-block: 30px;
        padding-inline: 10px;
    }

    .icon-skyp {
        width: 100%;
    }

    .spis-ol {
        padding-block: 20px 15px;
        padding-inline: 15px;
    }

    .spis-ol .f28-bold {
        font-size: 24px;
        margin-block-end: 15px;
    }

    .spis-ol ol li {
        padding-block: 5px;
        padding-inline: 0;
    }

    .citata svg {
        width: 17px;
        margin-block-start: 15px;
        margin-inline-end: 5px;
    }

    .citata {
        padding-block: 0 20px;
        padding-inline: 15px;
    }

    .left-rew {
        width: 100%;
    }

    .rig-rew {
        margin-block: 0;
        margin-inline: auto;
    }

    .rew-col {
        padding-block: 15px 0;
        padding-inline: 15px;
        width: 100%;
    }

    .section-rewiews .item p,
    .rewi .item p {
        font-size: 14px;
        margin-block: 10px 15px;
        margin-inline: 0;
    }

    .section-reviews .section-rewiews {
        margin-block-end: 45px;
    }

    .colon-conf {
        width: 100%;
        margin-block-end: 15px;
        align-items: flex-start;
    }

    .section-terms,
    .section-reviews {
        margin-block-end: 0;
    }

    .te-term {
        width: 100%;
    }

    .faq-cont .flex-j {
        flex-wrap: wrap;
    }

    .left-faq {
        width: 100%;
    }

    .left-faq a {
        width: 100%;
        height: 37px;
        padding-block: 0;
        padding-inline: 10px;
        font-size: 14px;
        background-color: #f8f8f8;
        margin-block-end: 10px;
    }

    .rig-faq {
        width: 100%;
    }

    .left-faq .activ,
    .left-faq a:hover,
    .left-faq a:focus {
        background-color: #fff;
    }

    .vopros-faq {
        padding-block: 15px 5px;
        padding-inline: 15px;
        margin-block-end: 15px;
    }

    .faq-icon {
        position: relative;
        inset-block-start: 0;
        inset-inline-start: 0;
        margin-block-end: 10px;
    }

    .faq-cont h2 {
        margin-block-end: 15px;
        margin-block-start: 15px;
    }

    .modal .decs-none {
        margin-block: 20px;
        margin-inline: 0;
    }

    .f20-medium {
        font-size: 16px;
    }

    .descrip-catalog {
        width: 100% !important;
    }

    .region {
        width: 100% !important;
        margin-block-start: 50px;
    }

    .breadcrumb.product {
        display: none;
    }
}
@media (max-width: 1280px) and (min-width: 769px) {
    .im-baner {
        width: 100%;
        height: 340px;
        inset-block-start: -55px;
        background-size: contain !important;
        inset-inline-end: -55%;
        background-position: left !important;
    }

    .tex-ban {
        width: 63%;
        padding-inline-end: 57px;
    }

    .section-baner {
        padding-block: 55px;
        padding-inline: 0;
    }
}

@media (max-width: 1280px) and (min-width: 768px) {
    .modal-dialog {
        max-width: 690px;
        margin-block: 30px;
        margin-inline: auto;
    }

    .decs-none {
        display: block;
    }

    .f32-bold {
        font-size: 24px;
    }

    .catalog-hea ul li {
        margin-inline-end: 25px;
    }

    .catalog-hea ul {
        overflow-x: auto;
        margin-inline-end: -24px;
    }

    .catalog-hea ul:before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: -10px;
        inset-block-end: 0;
        margin-block: auto;
        margin-inline: auto;
        width: 84px;
        height: 100px;
        background-image: linear-gradient(
            to right,
            rgba(255, 255, 255, 0),
            #fff
        );
    }

    .from {
        font-size: 12px;
        padding-block: 2px;
        padding-inline: 5px;
    }

    .nab-1 {
        padding-block: 15px 20px;
        padding-inline: 15px;
        height: 236px;
    }

    .name-nab {
        font-size: 18px;
        padding-block: 8px 5px;
        padding-inline: 0;
    }

    .nab-1:before {
        height: 236px;
    }

    .butto-shop {
        font-size: 14px;
        text-align: center;
        padding-block: 10px;
        padding-inline: 10px;
        inset-block-end: 20px;
    }

    .nabot-cart {
        margin-block-start: 15px;
    }

    .zag-h2 {
        font-size: 24px;
        margin-block: 25px;
        margin-inline: 0;
    }

    .product1 {
        width: calc(calc(100% - 60px) / 3);
    }

    .pro-popul .img-p {
        width: 210px;
        height: 180px;
        display: inline-block;
        float: left;
        margin-inline-end: 15px;
    }

    .pro-popul .price {
        margin-block-start: 14px;
        display: inline-block;
        float: left;
        position: absolute;
        inset-block-end: 20px;
        inset-inline-start: auto;
    }

    .pro-popul {
        height: 180px;
    }

    .pro-popul .img-p img {
        width: 100%;
    }

    .product1 .sticer,
    .pro-popul .sticer {
        position: relative;
        inset-block-start: 0;
        inset-inline-start: 0;
        padding-block-start: 20px;
    }

    .sticer div {
        font-size: 13px;
    }

    .pro-popul .cart-d {
        width: 270px;
        float: right;
        height: 52px;
        margin-inline-end: 0;
        position: absolute;
        inset-block-end: 20px;
        inset-inline-end: 15px;
    }

    .info-p {
        padding-block: 5px 15px;
        padding-inline: 15px;
        width: 75%;
    }

    .section-why {
        padding-block: 10px 20px;
        padding-inline: 0;
    }

    .why {
        width: 50%;
        margin-block-end: 15px;
    }

    .section-why .flex-row {
        justify-content: center;
    }

    .logo-footer {
        width: 26%;
    }

    .logo-footer span,
    .logo-footer p {
        margin-block-start: 10px;
        font-size: 12px;
    }

    .price-new {
        font-size: 22px;
    }

    .price-old {
        font-size: 16px;
        margin-block-start: 0;
    }

    .catalog-top .rig-rew {
        min-width: 21%;
    }

    .descrip-catalog {
        width: 56%;
    }

    .region {
        width: 39%;
        padding-block: 20px;
        padding-inline: 0;
    }

    .breadcrumb {
        margin-block-start: 40px;
        margin-block-end: 15px;
    }

    .left-colon {
        width: 100%;
    }

    .zag-h1 {
        font-size: 24px;
    }

    .section-about {
        margin-block-start: 40px;
        margin-block-end: 25px;
    }

    .le-svyz {
        width: 44%;
    }

    .section-how,
    .section-terms,
    .section-reviews,
    .section-contact {
        margin-block-start: 40px;
    }

    .section-how .zag-h2 {
        margin-block: 20px;
        margin-inline: 0;
    }

    .img-how {
        margin-inline: 0;
        margin-block: 0;
    }

    .how-colon {
        text-align: start;
    }

    .img-how:before {
        display: none;
    }

    .icon-how {
        margin-block-start: 40px;
        margin-block-end: 0;
    }

    .section-how,
    .section-terms,
    .section-reviews,
    .section-contact {
        margin-block-end: 45px;
    }

    .contac-i {
        width: 48%;
    }

    .form-obrsvyz {
        background-size: cover;
    }

    .icon-cart {
        width: 100%;
    }

    .rew-col {
        width: 50%;
    }

    .colon-conf {
        width: 100%;
    }

    .faq-cont .flex-j {
        flex-wrap: wrap;
    }

    .left-faq {
        width: 100%;
    }

    .left-faq a {
        width: auto;
        height: 37px;
        padding-block: 0;
        padding-inline: 10px;
        display: inline-flex;
        font-size: 14px;
    }

    .rig-faq {
        width: 100%;
        padding-inline-start: 25px;
    }

    .modal .decs-none {
        padding-block-start: 15px;
        padding-block-end: 15px;
    }
}

.v_lazy {
    opacity: 0;
}

/* label.control-label span[data-tooltip]:after {
  background-color: #00eb9e;
  content: "?";
  margin-inline-start: 4px;
  color: #fff;
  font-size: 12px;
  width: 15px;
  height: 15px;
  line-height: 16px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
} */

.tooltip {
    position: fixed;
    padding-block: 10px;
    padding-inline: 20px;
    border: 1px solid #00eb9e;
    border-radius: 4px;
    text-align: center;
    margin-inline-start: 4%;
    color: #fff;
    background-color: #00eb9e;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.flex-row1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-block: 0;
    margin-inline: -15px;
    flex-shrink: 1;
}

.flex-row1 .zag-hr {
    max-width: 200px;
    width: 100%;
    margin-block: 35px 0;
    margin-inline: 30px;
}

.zag-h22 {
    text-align: center;
    margin-block-start: 25px;
    color: #252530;
    font-size: 24px;
    font-family: Roboto-Black;
    min-width: max-content;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
    font-size: 16px;
    height: 37px;
    width: 196px;
    border: 0;
    margin-block-start: 0px;
    padding-inline-start: 5px;
    color: #444;
}

.input-group .input-group-addon {
    font-size: 16px;
    height: 30px;
}

.flex-row5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-block: 0;
    margin-inline: -15px;
    flex-shrink: 1;
}

[type='search'] {
    border: none;
    outline: none;
}

.fa.fa-search {
    color: #000;
}

.Rectangle-281 {
    width: 25px;
    height: 11px;
    margin-block: 2px 0;
    margin-inline: 70px 25px;
    padding-block: 1px;
    padding-inline: 4px;
    border-radius: 1px;
    background-color: #ed3173;
}

.status_label {
    padding-block: 5px;
    padding-inline: 18px 17px;
    background-color: #565655;
    color: #fff;
}

.section-bannerloyalty {
    background-image: linear-gradient(252deg, #24b4ff 100%, #0093e0);
    position: relative;
    padding-block: 81px;
    padding-inline: 0;
    height: 461px;
}

.im-baner1 {
    background-position: right !important;
    inset-inline-end: -113px;
    width: 100%;
    background: url(/image/catalog/Mask-Group-10.png) top no-repeat;
    height: 461px;
    inset-block-start: -81px;
    position: absolute;
}

.f321-bold {
    font-size: 32px;
    font-family: Roboto-Black;
    color: #fff;
}

.section-bannerloyalty p {
    font-size: 16px;
    margin-block-start: 15px;
    margin-block-end: 20px;
    color: #fff;
}

.section-baner p {
    width: 375px;
}

.rink-bu1 {
    font-size: 16px;
    font-family: Roboto-Black;
    color: #fff;
    text-decoration: none;

    width: 108px;
    height: 38px;
    margin-block: 20px 0;
    margin-inline: 0 242px;
    padding-block: 10px 9px;
    padding-inline: 15px;
    border-radius: 3px;
    border: solid 1px #ffffff;
}

.tex-ban1 {
    width: 50%;
    position: relative;
    z-index: 1;
}

header .btn-account {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #d9d9d9;
    background-image: url(../img/user.svg);
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
}

.section-l1 p {
    width: 225px;
    height: 65px;
    margin-block: 10px 31px;
    margin-inline: 15px 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: start;
    color: #000000;
}

.Cashback-up-to-17 {
    font-family: Roboto-Black;
    margin-block: 0 10px;
    margin-inline: 15px 60px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: start;
    color: #000000;
}

.l2 {
    font-family: Montserrat-Medium;
    width: 255px;
    height: 150px;
    margin-block: -75px 50px;
    margin-inline: 10px 23px;
    padding-block: 20px 0;
    padding-inline: 5px 10px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

.l3 {
    font-family: Montserrat-Medium;
    width: 255px;
    height: 150px;
    margin-block: -75px 50px;
    margin-inline: 23px;
    padding-block: 20px 30px;
    padding-inline: 10px 15px;
    border-radius: 5px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

.section-l2 p {
    width: 225px;
    height: 59px;
    margin-block: 10px 0;
    margin-inline: 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: start;
    color: #fff;
}

.l21 {
    width: 255px;
    height: 154px;
    font-family: Roboto-Medium;
    margin-block: 20px 50px;
    margin-inline: 10px 23px;
    padding-block: 20px 46px;
    padding-inline: 15px;
    border-radius: 5px;
    background-image: linear-gradient(to right, #ea354c, #f2882d);
}

.l31 {
    width: 255px;
    height: 154px;
    font-family: Roboto-Medium;
    margin-block: 20px 50px;
    margin-inline: 23px;
    padding-block: 20px 33px;
    padding-inline: 15px;
    border-radius: 5px;
    background-image: linear-gradient(to left, #ee9ae5, #5961f9);
}

.l41 {
    width: 255px;
    height: 154px;
    font-family: Roboto-Medium;
    margin-block: 20px 50px;
    margin-inline: 23px;
    padding-block: 20px 33px;
    padding-inline: 15px;
    border-radius: 5px;
    background-image: linear-gradient(to left, #ddeb00, #49c628);
}

.l51 {
    width: 255px;
    height: 154px;
    font-family: Roboto-Medium;
    margin-block: 20px 50px;
    margin-inline: 23px;
    padding-block: 20px 33px;
    padding-inline: 15px;
    border-radius: 5px;
    background-image: linear-gradient(to left, #00bee0, #0056e0);
}

.balk {
    font-family: Roboto-Black;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: start;
    color: #ffffff;
}

.l22 {
    width: 255px;
    height: 154px;
    font-family: Roboto-Medium;
    margin-block: 20px 50px;
    margin-inline: 10px 23px;
    padding-block: 20px 46px;
    padding-inline: 15px;
    border-radius: 5px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #0093e0;
}

.l32 {
    width: 255px;
    height: 154px;
    font-family: Roboto-Medium;
    margin-block: 20px 50px;
    margin-inline: 23px;
    padding-block: 20px 33px;
    padding-inline: 15px;
    border-radius: 5px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #00b67a;
}

.l42 {
    width: 255px;
    height: 154px;
    font-family: Roboto-Medium;
    margin-block: 20px 50px;
    margin-inline: 23px;
    padding-block: 20px 33px;
    padding-inline: 15px;
    border-radius: 5px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #ed3173;
}

.l52 {
    width: 255px;
    height: 154px;
    font-family: Roboto-Medium;
    margin-block: 20px 50px;
    margin-inline: 23px;
    padding-block: 20px 33px;
    padding-inline: 15px;
    border-radius: 5px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #333345;
}

.section-l3 p {
    width: 225px;
    height: 59px;
    margin-block: 10px 0;
    margin-inline: 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: start;
    color: #fff;
}

.bbb {
    font-weight: 900;
}

.section-l4 {
    margin-block: 20px;
    margin-inline: 128px;
    font-family: Roboto-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: start;
    color: #000000;
}

.section-l5 {
    margin-block: 50px;
    margin-inline: 128px;
    font-family: Roboto-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: start;
    color: #000000;
}

.l14 {
    height: 165px;
    margin-block: 20px 30px;
    margin-inline: 0;
    padding-block: 6px 0px;
    padding-inline: 15px 0;
    border-radius: 3px;
    background-image: linear-gradient(262deg, #24b4ff 100%, #0093e0);
}

.Image-26 {
    width: 171px;
    height: 159px;
    margin-block: 0;
    margin-inline: 15px 0;
    object-fit: contain;
}

.im-baner2 {
    background-position: right !important;
    width: 171px;
    background: url(/image/catalog/image-26.png) top no-repeat;
    height: 159px;
    margin-block: -109px 0;
    margin-inline: 15px 0;
    object-fit: contain;
    float: right;
}

.im-baner3 {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    width: 1920px;
    height: 486px;
    margin-block: 0 46px;
    margin-inline: auto;
    background: url(/image/catalog/fon1920.jpg) top no-repeat;
}

.im-baner4 {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    width: 1920px;
    height: 486px;
    margin-block: 0 46px;
    margin-inline: auto;
    background: url(/image/catalog/classic/fon2.jpg) top no-repeat;
}

.im-baner5 {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    width: 1920px;
    height: 486px;
    margin-block: 0 46px;
    margin-inline: auto;
    background: url(/image/catalog/destiny-2/fon2.jpg) top no-repeat;
}

.img-1 {
    opacity: 1;
}

.flex-row2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-block: 0;
    margin-inline: 0;
    flex-shrink: 1;
}

.zag-h21 {
    color: #252530;
    font-size: 32px;
    font-family: Roboto-Black;
    margin-block: 30px;
    margin-inline: 0;
}

.balk1 {
    margin-block: 24px 10px;
    margin-inline: 0 15px;
    font-family: Roboto-Black;
    font-size: 24px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: start;
    color: #ffffff;
}

.bbb1 {
    margin-block: 10px 30px;
    margin-inline: 0 76px;
    font-family: Roboto-Medium;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: start;
    color: #ffffff;
}

.bbb2 {
    margin-block: 0;
    margin-inline: -14px 10px;
}

.l26 {
    width: 350px;
    height: 129px;
    margin-block: 30px 20px;
    margin-inline: 0 30px;
    padding-block: 20px;
    padding-inline: 17.5px 19px;
    border-radius: 5px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #0093e0;
}

.l36 {
    width: 350px;
    height: 129px;
    margin-block: 30px 20px;
    margin-inline: 30px;
    padding-block: 20px;
    padding-inline: 20px 19px;
    border-radius: 5px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #00b67a;
}

.l46 {
    width: 350px;
    height: 129px;
    margin-block: 30px 20px;
    margin-inline: 23px 0;
    padding-block: 20px;
    padding-inline: 20px 19px;
    border-radius: 5px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #ed3173;
}

.section-l6 p {
    margin-block: 10px 0;
    margin-inline: 2.5px 0;
    font-family: Montserrat-Medium;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: start;
    color: #ffffff;
}

.why-text11 {
    margin-block: 20px 50px;
    margin-inline: 128px;
    font-family: Roboto-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.well {
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#e8e8e8),
        to(#f5f5f5)
    );
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    -webkit-box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.05),
        0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.05),
        0 1px 0 rgba(255, 255, 255, 0.1);
}

.well {
    min-height: 20px;
    padding-block: 19px;
    padding-inline: 19px;
    margin-block-end: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
    padding-block: 24px;
    padding-inline: 24px;
    border-radius: 6px;
}

.well-sm {
    padding-block: 9px;
    padding-inline: 9px;
    border-radius: 3px;
}

.f322-bold {
    font-size: 32px;
    font-family: Roboto-Black;
    color: #fff;
    margin-inline-start: 3px;
}

.rink-bu2 {
    font-size: 14px;
    font-family: Roboto-Black;
    color: #fff;
    text-decoration: none;

    width: 150px;
    height: 38px;
    margin-block: 18px 40px;
    margin-inline: 3px 0;
    padding-block: 8px 9px;
    padding-inline: 34px;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #ff5c95, #ed3173);
}

.tex-ban2 {
    width: 70%;
    position: relative;
    z-index: 1;
    margin-block-start: 50px;
    margin-inline-start: 165px;
    margin-block-end: -75px;
}

.section-banner2 {
}

.section-banner2 p {
    width: 290px;
    margin-block: 7px 18px;
    margin-inline: 3px 0;
    font-family: Roboto-Regular;
    font-size: 16px;
    text-align: start;
    color: #fff;
}

.section-m1 {
    height: 129px;
    margin-block: -235px 75px;
    margin-inline: auto;
}

.fon-m1 {
    width: 1179px;
    height: 129px;
    border-radius: 10px;
    background-color: #ffffff;
    opacity: 1;
    margin-inline-start: -10px;
    margin-block-start: -75px;
}

.section-m1 p {
    width: 225px;
    height: 65px;
    margin-block: 10px 31px;
    margin-inline: 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: start;
    color: #000;
}

.Cashback-up-to-18 {
    font-family: Roboto-Medium;
    margin-block: 0 10px;
    margin-inline: 0;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: start;
    color: #000;
}

.m2 {
    font-family: Roboto-Regular;
    width: 280px;
    height: 150px;
    margin-block: 0;
    margin-inline: -15px 23px;
    padding-block: 20px 0;
    padding-inline: 0;
    font-weight: 200;
}

.m3 {
    font-family: Roboto-Regular;
    width: 280px;
    height: 150px;
    margin-inline: 0;
    margin-block: 0;
    padding-block: 20px 30px;
    padding-inline: 10px 15px;
}

.m3 p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: start;
}

.flex-row3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-block: -75px 0;
    margin-inline: 0 -15px;
    flex-shrink: 1;
    border-radius: 10px;
    background-color: #fff;
}

.whym1 {
    width: 33.333%;
    padding-block: 0;
    padding-inline: 15px;
    margin-block-end: 5px;
}

.why2m2 {
    display: flex;
    background-color: #fff;
    padding-block: 0;
    padding-inline: 0;
    margin-block-end: -5px;
}

.zag-h4 {
    margin-block: 100px 50px;
    margin-inline: auto;
    font-family: Roboto-Black;
    font-size: 38px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #252530;
}

.section-why4 {
    width: 1100px;
    height: 955px;
    margin-block: 50px;
    margin-inline: 0;
    padding-block: 71px 0;
    padding-inline: 40px;
    background-image: linear-gradient(to bottom, #ee9ae5, #5961f9);
}

.flex-row4 {
    display: flex;
    flex-wrap: wrap;
    margin-block: -4px 0;
    margin-inline: 0;
    padding-block-end: 112px;
    flex-shrink: 1;
    border-radius: 40px 40px 0 0;
    background-color: #fff;
}

.rocket {
    width: 47px;
    height: 47px;
    margin-block: 53px 3;
    margin-inline: 27px 0;
}

.money {
    width: 75px;
    height: 51px;
    margin-block: 95px 3.3px;
    margin-inline: 5px 2.8px;
    padding-block: 0;
    padding-inline: 0;
}

.w31 {
    width: 483px;
    height: 68px;
    margin-block: 180px 15px;
    margin-inline: -20px 7px;
    font-family: Roboto-Black;
    font-size: 26px;
    font-weight: 900;
    text-align: start;
    color: #000000;
}

.w32 {
    width: 480px;
    height: 98px;
    margin-block: 250px 0;
    margin-inline: -489px 0;
    font-family: Roboto-Regular;
    font-size: 18px;
    text-align: start;
    color: #000000;
}

.w33 {
    width: 417px;
    height: 315px;
    margin-block: 60px 0;
    margin-inline: 44px 0;
    object-fit: contain;
}

.w34 {
    width: 231px;
    height: 375px;
    margin-block: 26px 0;
    margin-inline: 135px 100px;
    object-fit: contain;
}

.w35 {
    width: 530px;
    height: 39px;
    margin-block: -230px 0;
    margin-inline: 470px 0;
    font-family: Roboto-Black;
    font-size: 26px;
    font-weight: 900;
    text-align: start;
    color: #000000;
}

.w36 {
    width: 530px;
    height: 120px;
    margin-block: -180px 0;
    margin-inline: 470px 0;
    font-family: Roboto-Regular;
    font-size: 18px;
    text-align: start;
    color: #000000;
}

.section-20 p {
    width: 320px;
    height: 108px;
    margin-block: 9px 0;
    margin-inline: 0;
    font-family: Roboto-Regular;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: start;
    color: #000000;
}

.l30 {
    width: 350px;
    height: 273px;
    margin-block: 0;
    margin-inline: 0 30px;
    padding-block: 20px;
    padding-inline: 15px;
    background-color: #fcfcfc;
}

.balk3 {
    width: 303px;
    height: 34px;
    margin-block: 12px 9px;
    margin-inline: 0 17px;
    font-family: Roboto-Black;
    font-size: 25px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: start;
    color: #000000;
    text-transform: uppercase;
}

.trm {
    margin-block-start: 15px;
    padding-block-start: 10px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    line-height: 12px;
    max-width: 400px;
}

@media (max-width: 600px) {
    .trm {
        max-width: 100%;
        width: 100%;
    }
}

.privpol {
    text-align: center;
    width: 75%;
    color: #92929e;
    margin-inline-start: 40px;
    font-size: 12px;
}

.ar-1 {
    margin-block-start: -64px;
    position: absolute;
    margin-inline-start: 366px;
}

.ar-2 {
    margin-block-start: 75px;
    position: absolute;
    margin-inline-start: 786px;
}

.ar-3 {
    margin-block-start: 95px;
    position: absolute;
    margin-inline-start: 366px;
}

.ar-4 {
    margin-block-start: 245px;
    position: absolute;
    margin-inline-start: 786px;
}

@media (max-width: 430px) {
    .ar-1,
    .ar-2,
    .ar-3,
    .ar-4,
    .product-category-mobile {
        display: none;
    }

    .flex-row1 .zag-hr {
        display: none;
    }

    .why3 {
        width: 100%;
        padding-block: 0;
        padding-inline: 15px;
        margin-block-end: 0;
    }

    .why-img1 img {
        width: 170px;
    }

    .section-baner {
        display: none;
    }

    .f322-bold {
        font-size: 22px;
        line-height: 1.2;
    }

    .section-b2 {
        padding-block-end: 0;
    }

    .section-b2 .container {
        background-color: #f8f8f8;
        padding-block-end: 20px;
    }

    .section-baner p {
        width: 295px;
    }

    .zag-h2 {
        font-size: 24px;
        text-align: center;
    }

    .region .f18-500,
    .boot-region {
        column-gap: 6px;
        border-block-end: none;
        margin-block-end: 0;
    }

    .catalog-top .zag-h2-mobile {
        font-size: 20px;
        text-align: start;
        margin-block: 0px;
    }

    .why-img {
        margin-inline-end: 15px;
    }

    .catalog-hea {
        border-block-end: 0;
    }

    .section-why4 {
        display: none;
    }

    .zag-h4 {
        display: none;
    }

    .catalog-top {
        margin-block: 30px;
        margin-inline: 0;
    }

    .catalog-top-mobile {
        margin-block-start: 10px;
        row-gap: 0px;
    }

    .rig-rew {
        display: none;
    }

    .region {
        padding-block: 15px;
        margin-block-start: 0;
    }

    .region .f18-500-mobile {
        font-size: 16px;
        padding-block-end: 10px;
    }

    .boot-region a {
        width: 95px;
        font-size: 12px;
    }

    .im-baner3 {
        width: 428px;
        margin-block: -40px 50px;
        margin-inline: auto;
        background: url(/image/catalog/fon-2sm1.jpg) top no-repeat;
    }

    .im-baner4 {
        width: 428px;
        margin-block: 0 46px;
        margin-inline: auto;
        background: url(/image/catalog/fon-2sm1.jpg) top no-repeat;
    }

    .im-baner5 {
        width: 428px;
        margin-block: 0 46px;
        margin-inline: auto;
        background: url(/image/catalog/fon-2sm1.jpg) top no-repeat;
    }

    .section-m1 {
        width: 290px;
        height: 209px;
        z-index: auto;
        margin-block: 0 75px;
        margin-inline: auto;
    }

    .section-m1 p {
        width: 225px;
        height: 65px;
        margin-block: 5px 31px;
        margin-inline: 0;
        font-size: 12px;
        line-height: 1;
    }

    .Cashback-up-to-18 {
        font-size: 15px;
        line-height: 1;
    }

    .m3 {
        margin-block: 2px;
        margin-inline: 2px;
        padding-inline: 0;
        padding-block: 0;
        height: 70px;
    }

    .m3 p {
        font-size: 12px;
    }

    .m2 {
        margin-inline: 0;
        margin-block: 0;
        height: 98px;
    }

    .why2m2 {
        height: 37px;
    }

    .tex-ban2 {
        width: 70%;
        position: relative;
        z-index: 1;
        margin-block-start: 20px;
        margin-inline-start: 20px;
        margin-block-end: -175px;
    }

    .section-banner p {
        width: 295px;
    }

    .section-banner2 p {
        width: 250px;
        font-size: 15px;
    }

    .rink-bu2 {
        width: 250px;
        height: 38px;
        margin-block: 58px 10px;
        margin-inline: 0;
    }

    .flex-row1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-block: 0;
        margin-inline: 15px;
        flex-shrink: 1;
    }

    .flex-row3 {
        width: 348px;
        margin-block: -305px 0;
        margin-inline: -35px 0;
    }

    .flex-row {
        margin-inline: 0;
        margin-block: 0;
        margin-block-end: 35px;
    }

    .catalog-product {
        margin-block: 20px 35px;
        margin-inline: 0;
    }

    .btn-primary {
        margin-block: 0 30px;
        margin-inline: 10px;
    }

    .container {
        width: 404px;
    }
}

@media (max-width: 375px) {
    .container {
        width: 350px;
    }

    .btn-primary {
        margin-block: 0 30px;
        margin-inline: 10px;
    }
}

@media (max-width: 320px) {
    footer {
        padding-block-start: 20px;
        padding-block-end: 10px;
    }

    .img-responsive {
        width: 100px;
    }

    .btn-primary {
        margin-block: 0 30px;
        margin-inline: 10px;
    }

    .f322-bold {
        font-size: 22px;
        line-height: 1.2;
    }

    .section-baner p {
        width: 295px;
    }

    .zag-h2 {
        font-size: 24px;
        text-align: center;
    }

    .why-img {
        margin-inline-end: 15px;
    }

    .section-why4 {
        display: none;
    }

    .zag-h4 {
        display: none;
    }

    .catalog-hea {
        display: none;
    }

    .im-baner3 {
        width: 320px;
        margin-block: 0 15px;
        margin-inline: auto;
        background: url(/image/catalog/fon-2sm.jpg) top no-repeat;
    }

    .im-baner4 {
        width: 320px;
        margin-block: 0 46px;
        margin-inline: auto;
        background: url(/image/catalog/fon-2sm.jpg) top no-repeat;
    }

    .im-baner5 {
        width: 320px;
        margin-block: 0 46px;
        margin-inline: auto;
        background: url(/image/catalog/fon-2sm.jpg) top no-repeat;
    }

    .section-m1 {
        width: 290px;
        height: 209px;
        z-index: auto;
        margin-block: 0 75px;
        margin-inline: auto;
    }

    .section-m1 p {
        width: 225px;
        height: 65px;
        margin-block: 5px 31px;
        margin-inline: 0;
        font-size: 12px;
        line-height: 1;
    }

    .Cashback-up-to-18 {
        font-size: 15px;
        line-height: 1;
    }

    .container {
        width: 300px;
    }

    .m3 {
        margin-inline: 0;
        margin-block: 0;
        padding-inline: 0;
        padding-block: 0;
        height: 70px;
    }

    .m3 p {
        font-size: 12px;
    }

    .m2 {
        margin-block: -10px;
        margin-inline: -10px;
        height: 98px;
    }

    .why2m2 {
        height: 37px;
    }

    .tex-ban2 {
        width: 70%;
        position: relative;
        z-index: 1;
        margin-block-start: 8px;
        margin-inline-start: 20px;
        margin-block-end: -175px;
    }

    .section-banner p {
        width: 295px;
    }

    .section-banner2 p {
        width: 250px;
    }

    .rink-bu2 {
        width: 250px;
        height: 38px;
        margin-block: 58px 10px;
        margin-inline: 0;
    }

    .flex-row1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-block: 0;
        margin-inline: 15px;
        flex-shrink: 1;
    }

    .flex-row3 {
        width: 290px;
        margin-block: -281px 0;
        margin-inline: -12px 0;
    }
}

.custom_slider {
    position: relative;
}

.custom_slider.quantity_slider {
    margin-block-start: 30px;
}

.custom_slider input[type='range'] {
    position: relative;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    margin-block: 0 !important;
    margin-inline: 0 !important;
    z-index: 1;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    height: 10px;
    border: none;
    border-radius: 5px;
}

.quantity_slider.noUi-horizontal {
    height: 8px;
    border: none;
    box-shadow: none;
    background-color: #adadad;
    border-radius: 5px;
    padding-block: 0;
    padding-inline: 8px;
    margin-block-start: 40px;
}

.custom_slider .range,
.custom_slider .active_range {
    position: absolute;
    z-index: 0;
    inset-block-start: 3px;
    inset-inline-start: 0;
    height: 9px;
    border-radius: 5px;
}

.custom_slider .range {
    width: 100%;
    background-color: #adadad;
}

.quantity_slider .noUi-connects {
    margin-inline-start: -8px;
    width: calc(100% + 8px);
}

.custom_slider .active_range {
    width: 0%;
    background-image: linear-gradient(to left, #00f0a1, #00b67a);
}

.quantity_slider .noUi-connect {
    background-image: linear-gradient(to left, #00f0a1, #00b67a);
    border: none;
    box-shadow: none;
}

.quantity_slider .noUi-handle {
    inset-block-start: -5px !important;
    inset-inline-end: -9px !important;
    width: 18px !important;
    height: 18px !important;
    border: none;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #00f0a1, #00b67a);
    box-shadow: none;
    cursor: grab;
}

.custom_slider input[type='range']::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background-image: linear-gradient(to bottom, #00f0a1, #00b67a);
    border-radius: 50%;
    cursor: grab;
}

.quantity_slider .noUi-handle:active {
    cursor: grabbing;
}

.quantity_slider .noUi-handle::before,
.quantity_slider .noUi-handle::after {
    display: none;
}

.quantity_slider .noUi-handle.locked {
    background-color: #adadad;
}

.custom_slider input[type='range']::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background-image: linear-gradient(to bottom, #00f0a1, #00b67a);
    border: none;
    border-radius: 50%;
    cursor: grab;
}

.quantity_slider .noUi-value-horizontal {
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}

.custom_slider input[type='range']::-webkit-slider-thumb:active {
    cursor: grabbing;
}

.quantity_slider .noUi-pips-horizontal {
    margin-block: 0;
    margin-inline: 8px;
    width: calc(100% - 16px);
}

.quantity_ruler {
    position: relative;
    padding-block: 5px 20px;
    padding-inline: 0;
    margin-block: 0;
    margin-inline: 8px;
    height: 42px;
}

.quantity_ruler > div {
    position: absolute;
    inset-block-start: 12px;
    width: 2px;
    height: 10px;
    margin-inline-start: -1px;
    background-color: #ddd;
    text-align: center;
}

.quantity_ruler span {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 15px;
    transition: color 0.2s;
    transform: translateX(-50%);
}

.quantity_ruler .active {
    color: #22b67a;
}

#range_slider {
    margin-block: 30px 45px;
    margin-inline: 0;
}

#range_slider.noUi-horizontal {
    height: 8px;
    border: none;
    box-shadow: none;
    background-color: #adadad;
    border-radius: 5px;
    padding-block: 0;
    padding-inline: 8px;
}

#range_slider .noUi-connect {
    background-image: linear-gradient(to left, #00f0a1, #00b67a);
    border: none;
    box-shadow: none;
}

#range_slider .noUi-handle {
    inset-block-start: -5px;
    inset-inline-end: -9px;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #00f0a1, #00b67a);
    box-shadow: none;
    cursor: grab;
}

#range_slider .noUi-handle:active {
    cursor: grabbing;
}

#range_slider .noUi-handle::before,
#range_slider .noUi-handle::after {
    display: none;
}

#range_slider .noUi-handle.locked {
    background-color: #adadad;
}

#range_slider .noUi-value-horizontal {
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}

#range_slider .noUi-pips-horizontal {
    margin-block: 0;
    margin-inline: 8px;
    width: calc(100% - 16px);
}

#range_slider_inputs {
    display: flex;
}

#range_slider_inputs label:first-child {
    flex: 1;
    margin-inline-end: 5px;
}

#range_slider_inputs label:last-child {
    flex: 1;
    margin-inline-start: 5px;
}

#range-slider-desc {
    display: flex;
    gap: 10px;
}

.range-slider-desc-container {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#range-slider-desc-start,
#range-slider-desc-end {
    flex: 1;
    display: flex;
    padding-block: 10px;
    padding-inline: 15px;
    background-color: white;
    border-radius: 3px;
    border: solid 1px #ddd;
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

#range-slider-desc-start[disabled],
#range-slider-desc-end[disabled] {
    color: black;
    background: unset;
}

.range-slider-desc-images {
    text-align: center;
}

@media (min-width: 1200px) {
    #checkout-checkout .fixed_checkout {
        position: fixed;
        width: 320px;
        inset-block-start: 120px;
    }

    #checkout-checkout .stopped_checkout {
        position: absolute;
        width: 320px;
        inset-block-end: 0;
    }
}

.price-coupon {
    display: inline-block;
    margin-block-start: -5px;
    color: #00b67a;
    font-size: 32px;
    font-weight: bold;
    font-family: Roboto-Black;
}

.price-coupon ~ .price-new {
    text-decoration: line-through;
}

.price-coupon ~ .price-old {
    display: none;
}

.modal-paypal-invoice-example {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-block: 1rem;
    margin-inline: 0;
}

.icon-copy {
    cursor: pointer;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background-image: url(/assets/img/icon-copy.svg);
}

.modal-paypal-invoice-text {
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-paypal-invoice-text p {
    position: relative;
    cursor: pointer;
    margin-inline: 0;
    margin-block: 0;
    padding-block: 1rem;
    padding-inline: 1rem;
    border-radius: 5px 5px 0 5px;
    background-color: #66bf80;
    color: #fff;
}

.modal-paypal-buttons {
    margin-block-start: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.modal-tips {
    cursor: pointer;
    background-color: oldlace;
    margin-inline: 0;
    margin-block: 0;
    margin-block-start: 5px;
    max-width: calc(100% - 27px);
    padding-block: 5px;
    padding-inline: 10px;
    font-size: 12px;
    font-style: italic;
    border-radius: 5px;
}

.modal-tips-success {
    background-color: #ed3173;
    color: #fff;
}

.modal-btn {
    width: 100%;
    max-width: 300px;
    cursor: pointer;
    border-radius: 3px;
    font-size: 16px;
    font-family: Roboto-Bold;
    text-transform: uppercase;
    padding-block: 15px;
    padding-inline: 30px;
    appearance: none;
}

.modal-btn-primary {
    color: #fff;
    background-image: linear-gradient(to bottom, #00f0a1, #00b67a);
    border: none;
}

.modal-btn-primary:hover {
    background-image: linear-gradient(to bottom, #00b67a, #007e54);
}

.modal-btn-primary:focus {
    background-image: linear-gradient(to bottom, #007e54, #005338);
}

.modal-btn-secondary {
    color: #000;
    background: none;
    border: 1px solid #000;
}

.modal-btn-secondary:hover {
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
}

.switch_text-wrapper {
    display: flex;
    gap: 12px;
    align-items: center;
}

span#cashback_bottom {
    color: #00b67a;
}

.balance_wrapper {
    margin-inline-end: 93px;
    display: flex;
    flex-direction: column;
    font-family: 'Roboto-Medium' !important;
    text-align: start;
}

.balance_wrapper span:nth-child(1) {
    font-weight: 500;
    font-size: 14px;
    color: #a8a8a8;
}

.balance_wrapper span:nth-child(2) {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    padding-block-start: 4px;
}

.switch_wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cart-img {
    width: 18px;
}

@media (max-width: 960px) {
    .balance_wrapper {
        margin-inline-end: 20px;
    }
}

@media (max-width: 450px) {
    .balance_wrapper {
        display: block;
    }

    .balance_wrapper span:nth-child(1) {
        margin-inline-end: 6px;
        font-size: 14px;
    }

    .switch_wrapper {
        margin-block: 15px 20px;
        margin-inline: 0;
    }

    .switch_text-wrapper {
        gap: 6px;
    }
}

.tawk-button {
    inset-block-end: 40px !important;
}

#dtgg644pev2g1685381592632 {
    background-color: red;
    inset-block-end: 40px !important;
}

.product-eta b {
    display: inline-block;
    border-radius: 3px;
    padding-block: 4px;
    padding-inline: 6px;
    color: white;
}

.footer_line {
    justify-content: center;
    gap: 16px;
    padding-block-end: 60px;
}

@media (max-width: 1280px) {
    .balance_block.booster__balance_block button.btn_mywith {
        margin-block-start: 0;
    }
}

.quantity_ruler span {
    color: black;
}

#offers > .container > .flex-row1:nth-child(1) {
    flex-wrap: nowrap;
}

#offers > .container > .flex-row1:nth-child(2) {
    flex-wrap: wrap;
    row-gap: 19px;
    column-gap: 33px;
    margin-inline: 0;
    margin-block: 0;
}

.category-games {
    display: none;

    &.active {
        display: flex;
    }
}

.container {
    .flex-row1.category-games {
        flex-wrap: wrap;
        row-gap: 19px;
        column-gap: 33px;
        margin-inline: 0;
        margin-block: 0;
        margin-top: 20px;

        @media (max-width: 430px) {
            row-gap: 10px;
            column-gap: 10px;
        }
    }
}

.avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
}

.avatar--editable {
    position: relative;
    cursor: pointer;
}

.avatar--editable::before {
    content: '';
    display: block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    border-radius: 50%;
    background-color: rgba(48, 58, 79, 0);
    background-position: top center;
    transition: all 0.3s ease-in-out;
}

.avatar--editable:hover::before {
    background-color: rgba(48, 58, 79, 0.4);
    background-image: url(/assets/img/avatar-edit.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.avatar--editable:active::before {
    background-color: rgba(48, 58, 79, 0.6);
}

.avatars-modal {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background-color: #fff;
    height: clamp(320px, calc(100svh - 60px), 600px);
}

@media (max-width: 319px) {
    .avatars-modal {
        border-radius: 0px;
    }
}

.avatars-modal__header {
    display: flex;
    align-items: start;
    padding-block: 24px;
    padding-inline: 22px 12px;
}

@media (max-width: 319px) {
    .avatars-modal__header {
        flex-direction: column-reverse;
        gap: 12px;
    }
}

.avatars-modal__content {
    flex: 1;
    padding-block: 0;
    padding-inline: 11px;
    overflow: hidden;
    position: relative;
}

.avatars-modal__footer {
    display: flex;
    justify-content: center;
    padding-block: 24px;
    padding-inline: 20px;
}

.avatars-modal__header-title {
    margin-block: 0;
    margin-inline: 0 auto;
    padding-inline: 0;
    padding-block: 0;
    font-family: Roboto-Medium;
    font-size: 22px;
    font-weight: 800;
    line-height: 24px;
    text-align: start;
}

.avatars-modal__form {
    height: 100%;
}

.avatars-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, 50px);
    justify-content: space-evenly;
    gap: 8px;
    margin-inline: 0;
    margin-block: 0;
    padding-block: 0;
    padding-inline: 11px;
    height: 100%;
    position: relative;
    list-style: none;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: rgba(161, 169, 184, 1) rgba(68, 83, 113, 0.1);
}

.avatars-list__img-container {
    margin-inline: 0;
    margin-block: 0;
    padding-inline: 0;
    padding-block: 0;
    position: relative;
    border-radius: 50%;
}

.avatars-list__item {
    padding-inline: 0;
    padding-block: 0;
}

.avatars-list__item input[type='radio'] {
    position: absolute;
    opacity: 0;
}

.avatars-list__item input[type='radio']:checked + .avatars-list__img-container {
    outline: 2px solid #00b67a;
    outline-offset: -2px;
}

.avatars-list__item
    input[type='radio']:checked
    + .avatars-list__img-container::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNzA3MzcgMS4xMTc4N0wzLjM3NDA1IDUuMzgwMjRDMy4xNjUyOCA1LjU4NTU5IDIuODI5OTkgNS41ODQyIDIuNjIyOTIgNS4zNzcxNEwwLjYyMjkyNSAzLjM3NzE0TDEuMzc3MTcgMi42MjI4OUwzLjAwMzE1IDQuMjQ4ODdMNi45NTkzNyAwLjM1NzQyMkw3LjcwNzM3IDEuMTE3ODdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    inset-block-end: 1px;
    inset-inline-end: 1px;
    width: 13.33px;
    height: 13.33px;
    border-radius: 50%;
    background-color: #00b67a;
}

.avatars-list__item-img {
    display: block;
    width: 100%;
    border-radius: 50%;
}

.avatars-modal__btn {
    min-width: 160px;
    padding-block: 10px;
    padding-inline: 18px;
    color: #fff;
    background-color: #00b67a;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    font-size: 16px;
    border: none;
    border-radius: 12px;
}

.avatars-modal__btn:hover {
    background-color: #007e54;
}

.avatars-modal__btn-back {
    display: none;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-inline: 0;
    margin-block: 0;
    padding-inline: 0;
    padding-block: 0;
    background: none;
    appearance: none;
    border: none;
}

@media (max-width: 319px) {
    .avatars-modal__btn-back {
        display: flex;
    }
}

.avatars-modal__btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-inline: 0;
    margin-block: 0;
    padding-inline: 0;
    padding-block: 0;
    appearance: none;
    border: none;
    border-radius: 6px;
    background-color: rgba(68, 83, 113, 0.1);
}

@media (max-width: 319px) {
    .avatars-modal__btn-close {
        display: none;
    }
}

.avatars-modal__btn-close:hover {
    background-color: rgba(68, 83, 113, 0.5);
}

.modal-dialog.modal-dialog--avatars {
    max-width: clamp(297px, calc(100svw - 60px), 800px);
    margin-block: 30px;
    margin-inline: auto;
    overflow: hidden;
}

@media (max-width: 319px) {
    .modal-dialog.modal-dialog--avatars {
        width: 100%;
        max-width: unset;
    }
}

.language-selector {
    position: relative;
    width: 90px;
    cursor: pointer;
    font-size: 15px;
    margin-block-end: 4px;
}

.language-current {
    display: flex;
    align-items: center;
    padding-block: 8px;
    padding-inline: 12px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
}

.language-current .default {
    width: 20px;
    margin-inline-end: 8px;
}

.language-current .arrow-language {
    width: 13px;
    margin-inline-start: auto;
    margin-block-start: -2px;
    transition: transform 0.3s ease;
}

.language-current .arrow-language.rotated {
    transform: rotate(180deg);
}

.language-dropdown {
    display: none;
    position: absolute;
    inset-block-start: 100%;
    inset-inline-start: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    margin-block-start: 4px;
    padding-inline: 0;
    padding-block: 0;
    list-style: none;
    z-index: 1000;
    border-radius: 8px;
}

.language-dropdown li {
    border-block-end: 1px solid #e2e2e2;
}

.language-dropdown li a {
    display: flex;
    align-items: center;
    padding-block: 8px;
    padding-inline: 12px;
    text-decoration: none;
    color: #333;
}

.language-dropdown li:hover {
    background-color: #f5f5f5;
}

.language-dropdown img {
    width: 20px;
    margin-inline-end: 8px;
    border-radius: 50%;
    height: 20px;
}

html {
    font-family: Helvetica, Arial, sans-serif;
    font-family: Roboto-Regular;
    font-optical-sizing: auto;
    font-style: normal;
}

html[dir='rtl'] .language-current .default {
    margin-inline-end: 8px;
    margin-inline-start: 0;
}

html[dir='rtl'] .language-current .arrow-language {
    margin-inline-start: auto;
    margin-inline-end: 0;
}

html[dir='rtl'] .language-dropdown img {
    margin-inline-end: 8px;
    margin-inline-start: 0;
}

html[dir='rtl'] .im-baner {
    scale: -1 1;
}

/* Contact list */
.rig-colon {
    width: 31%;
    padding-block: 0;
    padding-inline: 15px;
}
.infos-c {
    color: #000;
    text-decoration: none;
}
.contac {
    border-radius: 3px;
    background-color: #f8f8f8;
    height: 80px;
    padding-block: 15px;
    padding-inline: 15px;
    margin-block-end: 15px;
}

.contac svg {
    width: 40px;
    height: 40px;
}
.nam-cont {
    font-size: 16px;
    font-family: Roboto-Medium;
    margin-block-end: 3px;
    padding-inline-start: 15px;
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1280px) {
    .rig-colon {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .section-contact {
        display: flex;
        flex-direction: column;
    }
    .section-about-us {
        display: none;
    }
    .infos-c {
        font-size: 14px;
        inset-block-end: 20px;
        inset-inline-start: 15px;
    }
    .contac {
        align-items: center;
        padding-block: 0;
        padding-inline: 0;
        margin-block-end: 20px;
    }
    .nam-cont {
        width: fit-content;
    }
}

@media (max-width: 960px) {
    .rig-colon {
        display: grid;
        grid-template-columns: repeat(2, 275px);
        grid-template-rows: repeat(2, 1fr);
        column-gap: 20px;
        width: 0;
    }
}

@media (max-width: 768px) {
    .rig-colon {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .contac {
        width: 100%;
        margin-block-end: 15px;
        height: 50px;
    }
    .section-contact {
        margin-block-end: 30px;
    }
    .nam-cont > a {
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.document {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.5;
    color: #333;
    width: 100%;
    margin: 0;

    h1 {
        font-size: 28px;
        margin-bottom: 15px;
        border-bottom: 2px solid #ddd;
        padding-bottom: 5px;
    }
    h2 {
        font-size: 22px;
        margin: 15px 0 10px 0;
    }
    h3 {
        font-size: 18px;
        margin: 10px 0;
    }
    p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    ul,
    ol {
        margin: 10px 0 10px 30px;
        font-size: 16px;
    }
    li {
        margin-bottom: 8px;
    }
    .indent-1 {
        margin-left: 20px;
    }
    .indent-2 {
        margin-left: 40px;
    }
    .block {
        margin-bottom: 30px;
    }
    hr {
        border: none;
        border-top: 1px solid #ccc;
        margin: 25px 0;
    }
    a {
        color: #0066cc;
        text-decoration: underline;
    }
}

/* Стили для Zmenu */
.zmenu-scroll-container {
    position: relative;
    width: 100%;
    margin-block-start: 30px;
}

.zmenu-buttons-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 10px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    width: 100%;
    scrollbar-width: none;

    &::-webkit-scrollbar {
        height: 0;
        width: 0;
        background: transparent;
        display: none;
    }
}

.zmenu-scroll-btn {
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background-color: #fff;
    color: #383838;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        background-color 0.3s ease;
    opacity: 0;
    visibility: hidden;

    &:hover {
        background-color: #f0f0f0;
    }

    &.active {
        opacity: 1;
        visibility: visible;
    }

    &.zmenu-scroll-left {
        inset-inline-start: -12px;

        svg {
            transform: rotate(180deg);
        }
    }

    &.zmenu-scroll-right {
        inset-inline-end: -12px;
    }
}

.zmenu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-block: 12px;
    padding-inline: 20px;
    background-color: #fff;
    color: #383838;
    border-radius: 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0px 5px 10px rgba(16, 16, 16, 0.05);
    backdrop-filter: blur(2.40433px);
    transition:
        color 0.3s ease,
        background-color 0.3s ease;
    flex-shrink: 0;
    white-space: nowrap;
    column-gap: 4px;

    .svg-icon {
        width: 25px;
        height: 25px;
        padding-inline-start: 5px;
        fill: #00b67a;
        transition: fill 0.3s ease;
    }

    &.active {
        color: #fff;
        background: linear-gradient(274.09deg, #1acb6e 11.57%, #00a7ff 147.73%);
        box-shadow: 0px 5px 15px rgba(26, 203, 110, 0.2);
        backdrop-filter: blur(2.40433px);

        .svg-icon {
            fill: #fff;
        }

        .category-chevron {
            transform: rotate(180deg);
        }
    }
}

.category-chevron {
    color: #c5c5c5;
}

.zmenu-submenu-button {
    background: #f0f0f0;
    color: #000;
    box-shadow: none;

    &.active {
        border: 1px solid #1acb6e;
        background: #f0f0f0;
        color: #000;
        box-shadow: none;
    }
}

@media (max-width: 768px) {
    .zmenu-buttons-wrapper {
        gap: 10px;
    }

    .zmenu-scroll-container {
        margin-block-start: 0;
    }

    .zmenu-button {
        padding-block: 9px;
        padding-inline: 15px;
        font-size: 10px;
    }

    .zmenu-scroll-btn {
        display: none;
    }
}

@media (max-width: 520px) {
    .descrip-catalog {
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr auto;
        grid-template-areas:
            'homelink region'
            'title region';
        gap: 5px;
        align-items: center;
    }

    .cat-top-fon {
        padding-top: 14px;
        align-items: flex-start;
    }

    .descrip-catalog > a {
        grid-area: homelink;
        margin-block-end: 5px;
    }

    .descrip-catalog h2.zag-h2-white {
        grid-area: title;
        margin: 0;
        font-size: 16px;
        line-height: 1.2;
        max-width: 130px;
    }

    .descrip-catalog .boot-region {
        grid-area: region;
        margin-top: 0;
        justify-self: end;
    }

    .boot-region a {
        padding-block: 3px;
        padding-inline: 6px;
        align-items: center;
        width: 50px;
        text-transform: uppercase;
    }

    .boot-region a:last-child {
        width: 50px;
    }

    .boot-region a span {
        font-size: 10px;
    }

    .boot-region a.eur span,
    .boot-region a.usa span {
        font-size: 0;
        height: 18px;
    }

    .boot-region a.eur span:after {
        content: 'EU';
        font-size: 12px;
    }

    .boot-region a.usa span:after {
        content: 'US';
        font-size: 12px;
    }
}

.support_discord {
    position: fixed;
    background-color: #fff;
    inset-block-end: 0;
    inset-inline-start: 10%;
    padding-block: 10px;
    padding-inline: 20px;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    box-shadow: 0px 5px 10px rgba(16, 16, 16, 0.05);
    translate: 0 2px;
    max-inline-size: 250px;
    inline-size: 100%;
    block-size: 40px;
    z-index: 11;

    &:active {
        scale: 0.98;
        transition: scale 0.1s ease-in-out;
    }

    &:hover {
        translate: 0;
        transition: translate 0.1s ease-in-out;
    }

    .wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 6px;
        row-gap: 6px;
    }
}

@media (max-width: 768px) {
    .support_discord--desktop-only {
        display: none;
    }

    .support_discord {
        inset-block-end: 40%;
        inset-inline-start: unset;
        inset-inline-end: 0;
        padding-block: 10px;
        padding-inline: 20px;
        max-inline-size: unset;
        inline-size: auto;
        block-size: 35px;
        rotate: -90deg;
        translate: 90px 0;

        &:hover {
            translate: 88px 0;
        }
    }
}