html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a {
    -webkit-text-decoration-skip: objects
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

body {
    -webkit-focus-ring-color: transparent
}




:root {
    --swiper-theme-color: #007aff
}


@keyframes zommy {
    0% {
        transform: scale(1)
    }

    17% {
        transform: scale(1.2)
    }

    34% {
        transform: scale(.8)
    }

    51% {
        transform: scale(1.1)
    }

    68% {
        transform: scale(.9)
    }

    85% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scale3d(1.03, 1.02, 1);
        opacity: .5
    }

    30% {
        transform: scale3d(.99, .99, 1)
    }

    50% {
        transform: scale3d(1.02, 1.02, 1)
    }

    65% {
        transform: scale3d(.99, .99, 1)
    }

    75% {
        transform: scale3d(1.01, 1.01, 1)
    }

    to {
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes circleOut {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes bounceShow {
    0% {
        transform: scale(0);
        opacity: 0
    }

    80% {
        transform: scale(1.1);
        opacity: 1
    }

    to {
        transform: scale(1)
    }
}

@keyframes bounceShow_2x {
    0% {
        transform: scale(0);
        opacity: 0
    }

    40% {
        transform: scale(1.1);
        opacity: 1
    }

    80% {
        transform: scale(.9)
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes bounceOut_2x {
    0% {
        transform: scale(1);
        opacity: 1
    }

    40% {
        transform: scale(1.1);
        opacity: 1
    }

    80% {
        transform: scale(.9)
    }

    to {
        transform: scale(0);
        visibility: hidden;
        opacity: 0
    }
}

@keyframes bounceShow_3x {
    0% {
        transform: scale(0);
        opacity: 0
    }

    40% {
        transform: scale(1.7);
        opacity: 1
    }

    80% {
        transform: scale(.8)
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes bounceOutLeft {
    20% {
        transform: translate3d(20px, 0, 0);
        opacity: 1
    }

    to {
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes scaleOut {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.3);
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOutSelectedTableRow {
    0% {
        background: #797979
    }

    to {
        background: transparent
    }
}

@keyframes shake-horizontal {
    0% {
        transform: translate(0)
    }

    4.41177% {
        transform: translate(5px)
    }

    8.82353% {
        transform: translate(0)
    }

    13.23529% {
        transform: translate(5px)
    }

    17.64706% {
        transform: translate(0)
    }

    22.05882% {
        transform: translate(5px)
    }

    26.47059% {
        transform: translate(0)
    }

    to {
        transform: translate(0)
    }
}

@keyframes scaleInRotate {
    to {
        transform: rotate(1turn);
        opacity: 1
    }
}

@keyframes shrink-bounce {
    0% {
        transform: scale(1)
    }

    33% {
        transform: scale(.85)
    }

    to {
        transform: scale(1)
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #f9b242;
        transform: translateZ(0) rotate(45deg)
    }

    33% {
        width: 7px;
        height: 0;
        transform: translateZ(0) rotate(45deg)
    }

    to {
        width: 7px;
        height: 15px;
        border-color: #f9b242;
        transform: translate3d(0, -15px, 0) rotate(45deg)
    }
}

@keyframes checkbox-check-is-credited {
    0% {
        width: 0;
        height: 0;
        border-color: #13100e;
        transform: translateZ(0) rotate(45deg)
    }

    33% {
        width: 7px;
        height: 0;
        transform: translateZ(0) rotate(45deg)
    }

    to {
        width: 7px;
        height: 15px;
        border-color: #13100e;
        transform: translate3d(0, -15px, 0) rotate(45deg)
    }
}

@keyframes checkbox-check-blow {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes loading-bg {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(46px)
    }
}

@keyframes slideFadeTopOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes slideFadeTopIn {
    0% {
        top: -200px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes loaderBarAction {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes fadeInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes header-fixed-show {
    0% {
        top: -140px
    }

    to {
        top: 0
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(1)
    }

    40%,
    45% {
        transform: translate3d(0, -20px, 0) scaleY(1);
        opacity: 1
    }

    to {
        transform: translate3d(0, 2000px, 0) scaleY(3);
        opacity: 0
    }
}

:root {
    --vs-colors--lightest: rgba(60, 60, 60, .26);
    --vs-colors--light: rgba(60, 60, 60, .5);
    --vs-colors--dark: #333;
    --vs-colors--darkest: rgba(0, 0, 0, .15);
    --vs-search-input-color: inherit;
    --vs-search-input-bg: #fff;
    --vs-search-input-placeholder-color: inherit;
    --vs-font-size: 1rem;
    --vs-line-height: 1.4;
    --vs-state-disabled-bg: #f8f8f8;
    --vs-state-disabled-color: var(--vs-colors--light);
    --vs-state-disabled-controls-color: var(--vs-colors--light);
    --vs-state-disabled-cursor: not-allowed;
    --vs-border-color: var(--vs-colors--lightest);
    --vs-border-width: 1px;
    --vs-border-style: solid;
    --vs-border-radius: 4px;
    --vs-actions-padding: 4px 6px 0 3px;
    --vs-controls-color: var(--vs-colors--light);
    --vs-controls-size: 1;
    --vs-controls--deselect-text-shadow: 0 1px 0#fff;
    --vs-selected-bg: #f0f0f0;
    --vs-selected-color: var(--vs-colors--dark);
    border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
    --vs-dropdown-bg: #fff;
    --vs-dropdown-color: inherit;
    --vs-dropdown-z-index: 1000;
    --vs-dropdown-min-width: 160px;
    --vs-dropdown-max-height: 350px;
    --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
    --vs-dropdown-option-bg: #000;
    --vs-dropdown-option-color: var(--vs-dropdown-color);
    --vs-dropdown-option-padding: 3px 20px;
    --vs-dropdown-option--active-bg: #5897fb;
    --vs-dropdown-option--active-color: #fff;
    --vs-dropdown-option--deselect-bg: #fb5858;
    --vs-dropdown-option--deselect-color: #fff;
    --vs-transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
    --vs-transition-duration: 150ms
}

:root {
    --vs-transition-timing-function: cubic-bezier(1, 0.5, 0.8, 1);
    --vs-transition-duration: 0.15s
}

@-webkit-keyframes vSelectSpinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes vSelectSpinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --vs-disabled-bg: var(--vs-state-disabled-bg);
    --vs-disabled-color: var(--vs-state-disabled-color);
    --vs-disabled-cursor: var(--vs-state-disabled-cursor)
}

.slider-main {
    position: relative;
    width: 100%
}

.slider-container {
    height: 100%
}

.slider {
    position: relative
}

.slider,
.slider__item {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.slider__item {
    position: absolute;
    top: 0;
    opacity: 0
}

.slider__item.is-active {
    animation: 1s fadeInDown;
    opacity: 1;
    z-index: 10
}

.slider__image {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slider__link {
    display: block;
    width: 100%;
    height: 100%
}

.slider.slider-fadein {
    animation: 1s fadeIn
}

.slider-preview-wrapp {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 95%;
    max-width: 1775px;
    margin: 0 auto;
    z-index: 110
}

.slider-preview-nav {
    position: absolute;
    top: -45px;
    right: 0;
    overflow: hidden;
    z-index: 10
}

.slider-preview-nav__left,
.slider-preview-nav__right {
    float: left
}

.slider-preview-nav.is-active {
    display: block
}

.svg-elem-slider-arrow-bg {
    fill: #13100e
}

.icon-slider-top-left,
.icon-slider-top-right {
    width: 32px;
    height: 32px;
    cursor: pointer
}

.icon-slider-top-left:hover .svg-elem-slider-arrow-bg,
.icon-slider-top-right:hover .svg-elem-slider-arrow-bg {
    fill: #13100e;
    fill-opacity: 1
}

.icon-slider-top-left.disabled {
    filter: grayscale(100%);
    cursor: default
}

.icon-slider-top-left.disabled:hover .svg-elem-slider-arrow-bg,
.icon-slider-top-right.disabled:hover .svg-elem-slider-arrow-bg {
    filter: grayscale(100%);
    fill-opacity: .5
}

.slider-preview {
    display: flex;
    position: relative;
    transition: left .2s ease-in-out, right .2s ease-in-out;
    overflow: hidden
}

.slider-preview-row {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    width: 0;
    min-height: 120px;
    transition: opacity .1s linear;
    opacity: 0;
    z-index: -1
}

.slider-preview-row.is-current {
    width: 100%;
    transition: opacity .5s linear;
    opacity: 1;
    z-index: 1
}

.slider-preview__item {
    position: relative;
    top: -20px;
    width: 240px;
    height: 80px;
    margin: 0 5px;
    border-radius: 4px 4px 5px 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .75);
    transition: box-shadow 2.5s ease-in-out;
    overflow: hidden;
    cursor: pointer;
    flex-basis: 240px
}

.slider-preview__image {
    position: relative
}

.slider-preview-loadbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: #3daa45;
    border-radius: 100px;
    z-index: 1
}

.slider-preview-loadbar.is-active {
    animation: linear loaderBarAction
}

.item-gereral-thumbs-wrapp {
    position: relative;
    bottom: 0;
    height: 100%;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.item-gereral-thumbs {
    position: relative;
    top: 0;
    transition: all .8s ease-in-out;
    transition-delay: .2s;
    overflow: hidden
}

.slider-preview__item.is-active {
    box-shadow: none;
    transition: box-shadow .2s ease-in-out;
    opacity: 1
}

.slider-preview__item.is-active .item-gereral-thumbs-wrapp {
    bottom: 0;
    transition: all .8s ease-in-out;
    transition-delay: .2s
}

.slider-preview__item.is-active .item-gereral-thumbs {
    position: relative;
    top: calc(100% - 5px);
    transition: all .8s ease-in-out;
    transition-delay: .2s;
    overflow: hidden
}

.slider-preview__item.is-active .slider-preview__image {
    transition: all .8s ease-in-out;
    transition-delay: .2s;
    opacity: 0
}

.section-nav {
    display: flex;
    gap: 15px;
    width: 100%;
    padding: 30px 0
}

.section-nav__item {
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 0 1%;
    background: #201e1a;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 1.4rem;
    text-transform: capitalize;
    box-sizing: border-box;
    cursor: pointer;
    flex-grow: 0
}

.section-nav__item:hover {
    background: #302d28
}

.section-nav__item:first-child {
    margin: 0;
    flex-grow: 8
}

.section-nav__item_search {
    width: 16%;
    margin: 0 10%0 0;
    padding: 0 2%;
    color: #81817f;
    font-size: 2.8rem;
    font-weight: 100;
    letter-spacing: 1px;
    white-space: nowrap;
    text-transform: none;
    overflow: hidden
}

.section-nav__item_search:hover {
    background: #302d28
}

.section-nav-text {
    text-overflow: ellipsis;
    overflow: hidden
}

.icon-section-nav {
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    margin: 0 10px 0 0
}

.icon-category-search {
    display: block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    margin: 0 10px 0 0
}

.section-category {
    position: relative;
    margin: 0 0 5px;
    padding: 20px 30px 30px;
    background: linear-gradient(180deg, rgba(64, 60, 55, .3), rgba(64, 60, 55, 0));
    border-radius: 20px;
    box-sizing: border-box
}

.section-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px
}

.section-category-header__left {
    padding: 10px 0 0
}

.section-category-header__right {
    display: flex;
    align-items: center;
    padding: 10px 10px 0 0;
    overflow: hidden
}

.section-category-title__icon {
    width: 32px;
    height: 32px
}

.section-category-title {
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: 1px;
    gap: 10px
}

.section-category-tooltip {
    position: relative;
    top: 0
}

.section-category-tooltip-content {
    width: 200px;
    white-space: normal
}

.section-category-tooltip-content.tooltip-right {
    left: calc(100% + 10px)
}

.icon-tooltip-section-category {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.section-category-more {
    position: relative;
    max-width: 100%;
    padding: 11px 20px;
    background: #302d28;
    border: none;
    border-radius: 50px;
    color: #f9b242;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
    box-sizing: border-box;
    cursor: pointer
}

.section-category-more__text {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.section-category-more__total {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 5px 10px;
    background: #3daa45;
    border-radius: 20px;
    color: #fff;
    font-family: Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 1px
}

.section-category-more:hover {
    background: #f9b242;
    color: #302d28
}

.icon-section-category-nav-next,
.icon-section-category-nav-prev {
    display: block;
    width: 16px;
    height: 24px;
    margin: 0 auto;
    stroke: #f9b242;
    stroke-width: 3px
}

.section-category-nav {
    display: flex;
    margin: 0 0 0 15px
}

.section-category-nav__next,
.section-category-nav__prev {
    position: relative;
    width: 50px;
    min-width: 35px;
    height: 50px;
    min-height: 35px;
    background: #302d28;
    border: none;
    border-radius: 50px;
    cursor: pointer
}

.section-category-nav__next:hover,
.section-category-nav__prev:hover {
    background: #f9b242
}

.section-category-nav__next:hover .icon-section-category-nav-next,
.section-category-nav__next:hover .icon-section-category-nav-prev,
.section-category-nav__prev:hover .icon-section-category-nav-next,
.section-category-nav__prev:hover .icon-section-category-nav-prev {
    stroke: #13100e
}

.section-category-nav__prev.swiper-button-disabled .icon-section-category-nav-prev {
    stroke: #81817f
}

.section-category-nav__next.swiper-button-disabled:hover,
.section-category-nav__prev.swiper-button-disabled:hover {
    background: #302d28;
    cursor: auto
}

.section-category-nav__prev {
    margin: 0 5px 0 0
}

.section-category-content {
    position: relative;
    margin: 20px 0 0
}

.swiper-container.section-slider-container {
    position: relative;
    padding: 5px
}

.section-slider-wrapper {
    position: relative
}

:root {
    --vs-border-width: 0
}

.v-game-hover-buttons__demo:hover {
    color: #fff
}

.v-icon-play,
.v-icon-play:hover {
    transition: background .1s linear
}

.v-icon-play.disabled,
.v-icon-play:hover {
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2247%22%20height%3D%2247%22%20rx%3D%2223.5%22%20fill%3D%22%2312100E%22%20fill-opacity%3D%220.8%22%20stroke%3D%22%233DAA45%22%2F%3E%3Cpath%20d%3D%22M19%2016.7078C19%2015.9434%2019.8228%2015.4617%2020.4893%2015.8357L33.4496%2023.108C34.1297%2023.4896%2034.1307%2024.4681%2033.4514%2024.8511L20.4912%2032.1592C19.8246%2032.535%2019%2032.0534%2019%2031.2881V16.7078Z%22%20fill%3D%22%233DAA45%22%2F%3E%3C%2Fsvg%3E)
}

@media (max-width:1270px) {}

@media (max-width:1100px) {}

@media (max-width:1000px) {}

@media only screen and (max-width:992px) {}

@media only screen and (max-width:910px) {}

@media (max-width:710px) {}

@media only screen and (max-width:480px) {
    .v-icon-tape {
        top: -3px;
        left: -3px;
        width: 42px;
        height: 42px
    }

    .v-tape-custom__text {
        font-size: 1.4rem
    }
}

@media (max-width:1375px) {
    .section-category-title {
        font-size: 2.3vw
    }

    .section-category-more {
        font-size: 1.4vw
    }

    .section-category-nav__next,
    .section-category-nav__prev {
        width: 3.429vw;
        height: 3.429vw
    }
}

@media (max-width:1270px) {}

@media (max-width:1000px) {
    .section-nav {
        flex-wrap: wrap;
        gap: 2px
    }

    .section-nav__item {
        padding: 0 3%;
        flex-grow: 0
    }

    .section-nav__item:first-child {
        margin: 0 2px 2px 0
    }

    .section-nav__item:last-child {
        margin: 0 0 2px 2px
    }

    .section-nav__item_search {
        width: 280px
    }
}

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

    .icon-section-category-nav-next,
    .icon-section-category-nav-prev {
        stroke-width: 1px
    }

    .section-category-nav {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        margin: 0
    }

    .section-category-nav__next,
    .section-category-nav__prev {
        position: absolute;
        width: 16px;
        min-width: 16px;
        height: 20px;
        padding: 0;
        background: transparent;
        border-radius: 0
    }

    .section-category-nav__next:hover,
    .section-category-nav__prev:hover {
        background: transparent
    }

    .section-category-nav__next:hover .icon-section-category-nav-next,
    .section-category-nav__next:hover .icon-section-category-nav-prev,
    .section-category-nav__prev:hover .icon-section-category-nav-next,
    .section-category-nav__prev:hover .icon-section-category-nav-prev {
        stroke: #797979
    }

    .section-category-nav__next.swiper-button-disabled:hover,
    .section-category-nav__prev.swiper-button-disabled:hover {
        background: transparent
    }

    .section-category-nav__prev {
        left: 10px
    }

    .section-category-nav__next {
        right: 10px
    }

    .section-category-more__total {
        top: -10px;
        right: 0
    }
}

@media only screen and (max-width:768px) {
    .section-nav {
        flex-wrap: nowrap;
        padding: 30px 0 15px
    }

    .section-nav__item {
        display: none;
        min-height: auto
    }

    .section-nav__item:first-child {
        margin: 0 15px 2px 0;
        flex-grow: 0
    }

    .section-nav__item_search {
        display: flex;
        position: relative;
        width: 45px;
        min-width: 45px;
        height: 45px;
        min-height: 45px;
        padding: 0;
        border: 1px solid #302d28;
        border-radius: 4px;
        text-indent: -9999px
    }

    .icon-category-search {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .section-category-tooltip {
        top: 0
    }
}

@media (max-width:710px) {}

@media only screen and (max-width:610px) {
    .section-category {
        padding: 15px
    }

    .section-category-header {
        flex-wrap: wrap
    }

    .icon-section-category-nav-next,
    .icon-section-category-nav-prev {
        width: 10px;
        stroke-width: 1px
    }

    .section-category-nav__prev {
        left: 2px
    }

    .section-category-nav__next {
        right: 2px
    }

    .section-category-title__icon {
        width: 21px;
        height: 21px
    }

    .section-category-title {
        font-size: 1rem;
        font-weight: 100;
        text-transform: uppercase
    }

    .icon-tooltip-section-category {
        top: 0
    }

    .section-category-tooltip-content {
        font-size: 1rem
    }

    .section-category-header__left,
    .section-category-header__right {
        padding: 0
    }

    .section-category-more {
        display: flex;
        align-items: center;
        padding: 7px 10px;
        font-size: 1rem
    }

    .section-category-more__total {
        position: relative;
        top: 0;
        right: -5px
    }
}

@media only screen and (max-width:540px) {}

@media only screen and (max-width:480px) {
    .section-category-tooltip-content {
        width: 105px
    }
}

@media only screen and (max-width:414px) {
    .section-category-header__left {
        padding: 0 15px 5px 0
    }

    .section-nav__item {
        display: none
    }

    .section-nav__item_search {
        display: flex;
        font-size: 2rem
    }

    .icon-category-search {
        margin: 0 10px 0 0
    }
}


@keyframes zommy {
    0% {
        transform: scale(1)
    }

    17% {
        transform: scale(1.2)
    }

    34% {
        transform: scale(.8)
    }

    51% {
        transform: scale(1.1)
    }

    68% {
        transform: scale(.9)
    }

    85% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scale3d(1.03, 1.02, 1);
        opacity: .5
    }

    30% {
        transform: scale3d(.99, .99, 1)
    }

    50% {
        transform: scale3d(1.02, 1.02, 1)
    }

    65% {
        transform: scale3d(.99, .99, 1)
    }

    75% {
        transform: scale3d(1.01, 1.01, 1)
    }

    to {
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes circleOut {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes bounceShow {
    0% {
        transform: scale(0);
        opacity: 0
    }

    80% {
        transform: scale(1.1);
        opacity: 1
    }

    to {
        transform: scale(1)
    }
}

@keyframes bounceShow_2x {
    0% {
        transform: scale(0);
        opacity: 0
    }

    40% {
        transform: scale(1.1);
        opacity: 1
    }

    80% {
        transform: scale(.9)
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes bounceOut_2x {
    0% {
        transform: scale(1);
        opacity: 1
    }

    40% {
        transform: scale(1.1);
        opacity: 1
    }

    80% {
        transform: scale(.9)
    }

    to {
        transform: scale(0);
        visibility: hidden;
        opacity: 0
    }
}

@keyframes bounceShow_3x {
    0% {
        transform: scale(0);
        opacity: 0
    }

    40% {
        transform: scale(1.7);
        opacity: 1
    }

    80% {
        transform: scale(.8)
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes bounceOutLeft {
    20% {
        transform: translate3d(20px, 0, 0);
        opacity: 1
    }

    to {
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes scaleOut {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.3);
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOutSelectedTableRow {
    0% {
        background: #797979
    }

    to {
        background: transparent
    }
}

@keyframes shake-horizontal {
    0% {
        transform: translate(0)
    }

    4.41177% {
        transform: translate(5px)
    }

    8.82353% {
        transform: translate(0)
    }

    13.23529% {
        transform: translate(5px)
    }

    17.64706% {
        transform: translate(0)
    }

    22.05882% {
        transform: translate(5px)
    }

    26.47059% {
        transform: translate(0)
    }

    to {
        transform: translate(0)
    }
}

@keyframes scaleInRotate {
    to {
        transform: rotate(1turn);
        opacity: 1
    }
}

@keyframes shrink-bounce {
    0% {
        transform: scale(1)
    }

    33% {
        transform: scale(.85)
    }

    to {
        transform: scale(1)
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #f9b242;
        transform: translateZ(0) rotate(45deg)
    }

    33% {
        width: 7px;
        height: 0;
        transform: translateZ(0) rotate(45deg)
    }

    to {
        width: 7px;
        height: 15px;
        border-color: #f9b242;
        transform: translate3d(0, -15px, 0) rotate(45deg)
    }
}

@keyframes checkbox-check-is-credited {
    0% {
        width: 0;
        height: 0;
        border-color: #13100e;
        transform: translateZ(0) rotate(45deg)
    }

    33% {
        width: 7px;
        height: 0;
        transform: translateZ(0) rotate(45deg)
    }

    to {
        width: 7px;
        height: 15px;
        border-color: #13100e;
        transform: translate3d(0, -15px, 0) rotate(45deg)
    }
}

@keyframes checkbox-check-blow {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes loading-bg {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(46px)
    }
}

@keyframes slideFadeTopOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes slideFadeTopIn {
    0% {
        top: -200px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes loaderBarAction {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes fadeInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes header-fixed-show {
    0% {
        top: -140px
    }

    to {
        top: 0
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(1)
    }

    40%,
    45% {
        transform: translate3d(0, -20px, 0) scaleY(1);
        opacity: 1
    }

    to {
        transform: translate3d(0, 2000px, 0) scaleY(3);
        opacity: 0
    }
}

@media (min-width:1329px) {}

@media (max-width:1110px) {}

@media (max-width:999px) {}

@media (max-width:669px) {}

@media (max-width:420px) {}

@media (max-width:768px) {}

@media (max-width:470px) {}


@media only screen and (max-width:1330px) {}

@media only screen and (max-width:1000px) {}

@media only screen and (max-width:669px) {}

@keyframes place-holder-data-v-62f5fd64 {
    0% {
        background-position: -1200px 0
    }

    to {
        background-position: 1200px 0
    }
}


@keyframes place-holder-data-v-2231f0f6 {
    0% {
        background-position: -1200px 0
    }

    to {
        background-position: 1200px 0
    }
}

@media (max-width:1000px) {}

@media only screen and (max-width:768px) {}


@keyframes place-holder-data-v-280b2f20 {
    0% {
        background-position: -1200px 0
    }

    to {
        background-position: 1200px 0
    }
}


:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform
}

:root {
    --swiper-navigation-size: 44px
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}


@keyframes zommy {
    0% {
        transform: scale(1)
    }

    17% {
        transform: scale(1.2)
    }

    34% {
        transform: scale(.8)
    }

    51% {
        transform: scale(1.1)
    }

    68% {
        transform: scale(.9)
    }

    85% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scale3d(1.03, 1.02, 1);
        opacity: .5
    }

    30% {
        transform: scale3d(.99, .99, 1)
    }

    50% {
        transform: scale3d(1.02, 1.02, 1)
    }

    65% {
        transform: scale3d(.99, .99, 1)
    }

    75% {
        transform: scale3d(1.01, 1.01, 1)
    }

    to {
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes circleOut {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes bounceShow {
    0% {
        transform: scale(0);
        opacity: 0
    }

    80% {
        transform: scale(1.1);
        opacity: 1
    }

    to {
        transform: scale(1)
    }
}

@keyframes bounceShow_2x {
    0% {
        transform: scale(0);
        opacity: 0
    }

    40% {
        transform: scale(1.1);
        opacity: 1
    }

    80% {
        transform: scale(.9)
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes bounceOut_2x {
    0% {
        transform: scale(1);
        opacity: 1
    }

    40% {
        transform: scale(1.1);
        opacity: 1
    }

    80% {
        transform: scale(.9)
    }

    to {
        transform: scale(0);
        visibility: hidden;
        opacity: 0
    }
}

@keyframes bounceShow_3x {
    0% {
        transform: scale(0);
        opacity: 0
    }

    40% {
        transform: scale(1.7);
        opacity: 1
    }

    80% {
        transform: scale(.8)
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes bounceOutLeft {
    20% {
        transform: translate3d(20px, 0, 0);
        opacity: 1
    }

    to {
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes scaleOut {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.3);
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOutSelectedTableRow {
    0% {
        background: #797979
    }

    to {
        background: transparent
    }
}

@keyframes shake-horizontal {
    0% {
        transform: translate(0)
    }

    4.41177% {
        transform: translate(5px)
    }

    8.82353% {
        transform: translate(0)
    }

    13.23529% {
        transform: translate(5px)
    }

    17.64706% {
        transform: translate(0)
    }

    22.05882% {
        transform: translate(5px)
    }

    26.47059% {
        transform: translate(0)
    }

    to {
        transform: translate(0)
    }
}

@keyframes scaleInRotate {
    to {
        transform: rotate(1turn);
        opacity: 1
    }
}

@keyframes shrink-bounce {
    0% {
        transform: scale(1)
    }

    33% {
        transform: scale(.85)
    }

    to {
        transform: scale(1)
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #f9b242;
        transform: translateZ(0) rotate(45deg)
    }

    33% {
        width: 7px;
        height: 0;
        transform: translateZ(0) rotate(45deg)
    }

    to {
        width: 7px;
        height: 15px;
        border-color: #f9b242;
        transform: translate3d(0, -15px, 0) rotate(45deg)
    }
}

@keyframes checkbox-check-is-credited {
    0% {
        width: 0;
        height: 0;
        border-color: #13100e;
        transform: translateZ(0) rotate(45deg)
    }

    33% {
        width: 7px;
        height: 0;
        transform: translateZ(0) rotate(45deg)
    }

    to {
        width: 7px;
        height: 15px;
        border-color: #13100e;
        transform: translate3d(0, -15px, 0) rotate(45deg)
    }
}

@keyframes checkbox-check-blow {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes loading-bg {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(46px)
    }
}

@keyframes slideFadeTopOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes slideFadeTopIn {
    0% {
        top: -200px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes loaderBarAction {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes fadeInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes header-fixed-show {
    0% {
        top: -140px
    }

    to {
        top: 0
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(1)
    }

    40%,
    45% {
        transform: translate3d(0, -20px, 0) scaleY(1);
        opacity: 1
    }

    to {
        transform: translate3d(0, 2000px, 0) scaleY(3);
        opacity: 0
    }
}

:root {
    --vs-colors--lightest: rgba(60, 60, 60, .26);
    --vs-colors--light: rgba(60, 60, 60, .5);
    --vs-colors--dark: #333;
    --vs-colors--darkest: rgba(0, 0, 0, .15);
    --vs-search-input-color: inherit;
    --vs-search-input-bg: #fff;
    --vs-search-input-placeholder-color: inherit;
    --vs-font-size: 1rem;
    --vs-line-height: 1.4;
    --vs-state-disabled-bg: #f8f8f8;
    --vs-state-disabled-color: var(--vs-colors--light);
    --vs-state-disabled-controls-color: var(--vs-colors--light);
    --vs-state-disabled-cursor: not-allowed;
    --vs-border-color: var(--vs-colors--lightest);
    --vs-border-width: 1px;
    --vs-border-style: solid;
    --vs-border-radius: 4px;
    --vs-actions-padding: 4px 6px 0 3px;
    --vs-controls-color: var(--vs-colors--light);
    --vs-controls-size: 1;
    --vs-controls--deselect-text-shadow: 0 1px 0#fff;
    --vs-selected-bg: #f0f0f0;
    --vs-selected-color: var(--vs-colors--dark);
    border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
    --vs-dropdown-bg: #fff;
    --vs-dropdown-color: inherit;
    --vs-dropdown-z-index: 1000;
    --vs-dropdown-min-width: 160px;
    --vs-dropdown-max-height: 350px;
    --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
    --vs-dropdown-option-bg: #000;
    --vs-dropdown-option-color: var(--vs-dropdown-color);
    --vs-dropdown-option-padding: 3px 20px;
    --vs-dropdown-option--active-bg: #5897fb;
    --vs-dropdown-option--active-color: #fff;
    --vs-dropdown-option--deselect-bg: #fb5858;
    --vs-dropdown-option--deselect-color: #fff;
    --vs-transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
    --vs-transition-duration: 150ms
}

:root {
    --vs-transition-timing-function: cubic-bezier(1, 0.5, 0.8, 1);
    --vs-transition-duration: 0.15s
}

@-webkit-keyframes vSelectSpinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes vSelectSpinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --vs-disabled-bg: var(--vs-state-disabled-bg);
    --vs-disabled-color: var(--vs-state-disabled-color);
    --vs-disabled-cursor: var(--vs-state-disabled-cursor)
}

.v-game-item,
.v-game-item-wrap {
    position: relative
}

.v-game-item {
    background: #302d28;
    border: 1px solid #302924;
    border-radius: 10px;
    font-family: Noto Sans, Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 10
}

.v-game-item__image {
    position: absolute;
    width: 100%
}

.v-game-image-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 66.1%
}

.v-icon-tape {
    top: -6px;
    left: -6px;
    width: 84px;
    height: 84px;
    z-index: 20
}

.v-icon-tape,
.v-tape-custom {
    position: absolute;
    pointer-events: none
}

.v-tape-custom {
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: 3px 9px 5px 3px;
    background: #ff0;
    box-sizing: border-box;
    clip-path: polygon(0 0, 100%0, 100% 100%, 50% 85%, 0 100%);
    z-index: 15;
    gap: 9px
}

.v-tape-custom__text {
    color: #13100e;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.6rem
}

.v-icon-tape-custom {
    width: 17px;
    min-width: 17px;
    height: 24px
}

.v-game-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(19, 16, 14, .8);
    opacity: 0;
    z-index: -1
}

.v-game-hover-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-flow: column
}

.v-game-hover__title {
    position: absolute;
    top: 5%;
    width: 90%;
    text-align: center;
    color: #ededed;
    letter-spacing: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 1.3rem
}

.v-game-hover-buttons {
    text-align: center
}

.v-game-hover-buttons__real {
    white-space: nowrap
}

.v-game-hover-buttons__real {
    padding: 0
}

.v-game-hover-buttons__demo {
    display: block;
    color: #f9b242;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4rem
}

.v-game-hover-buttons__demo:hover {
    color: #fff
}

.v-game-hover-provider-image {
    position: absolute;
    bottom: 2%;
    max-height: 20px
}

.v-icon-play {
    display: block;
    width: 48px;
    height: 48px;
    background: transparent;
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2748%27%20height%3D%2748%27%20viewBox%3D%270%200%2048%2048%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect%20width%3D%2748%27%20height%3D%2748%27%20rx%3D%2724%27%20fill%3D%27%233DAA45%27%2F%3E%3Cpath%20d%3D%27M19%2016.7078C19%2015.9434%2019.8228%2015.4617%2020.4893%2015.8357L33.4496%2023.108C34.1297%2023.4896%2034.1307%2024.4681%2033.4514%2024.8511L20.4912%2032.1592C19.8246%2032.535%2019%2032.0534%2019%2031.2881V16.7078Z%27%20fill%3D%27%2312100E%27%2F%3E%3C%2Fsvg%3E);
    border: none;
    cursor: pointer
}

.v-icon-play,
.v-icon-play:hover {
    transition: background .1s linear
}

.v-icon-play.disabled,
.v-icon-play:hover {
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2247%22%20height%3D%2247%22%20rx%3D%2223.5%22%20fill%3D%22%2312100E%22%20fill-opacity%3D%220.8%22%20stroke%3D%22%233DAA45%22%2F%3E%3Cpath%20d%3D%22M19%2016.7078C19%2015.9434%2019.8228%2015.4617%2020.4893%2015.8357L33.4496%2023.108C34.1297%2023.4896%2034.1307%2024.4681%2033.4514%2024.8511L20.4912%2032.1592C19.8246%2032.535%2019%2032.0534%2019%2031.2881V16.7078Z%22%20fill%3D%22%233DAA45%22%2F%3E%3C%2Fsvg%3E)
}

@media (max-width:1270px) {}

@media (max-width:1100px) {}

@media (max-width:1000px) {}

@media only screen and (max-width:992px) {}

@media only screen and (max-width:910px) {}

@media (max-width:710px) {}

@media only screen and (max-width:480px) {
    .v-icon-tape {
        top: -3px;
        left: -3px;
        width: 42px;
        height: 42px
    }

    .v-tape-custom__text {
        font-size: 1.4rem
    }
}

.search-global-popup-wrapper {
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(19, 16, 14, .7);
    z-index: 9999
}

:root {
    --vs-border-width: 0
}

@media (max-width:880px) {}

@media only screen and (max-width:768px) {
    .search-global-popup-wrapper {
        height: 100%;
        min-height: 100vh
    }
}

@media only screen and (max-width:540px) {}

@media only screen and (max-width:540px) {}


@keyframes place-holder-data-v-4c9923ee {
    0% {
        background-position: -1200px 0
    }

    to {
        background-position: 1200px 0
    }
}

.section-nav > a:nth-child(1) {
    width: 16%!important;
}
.section-nav > a:nth-child(1) button {
    width: 100%;
    justify-content: center;
}
.section-nav > a:not(:nth-child(1)) {
    flex-grow: 8;
}
.section-nav > a:not(:nth-child(1)) button {
    width: 100%;
    justify-content: center;
}

.v-game-item-wrap:hover .v-game-hover {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.textSeo {
    margin-top: 50px;
}

.textSeo__container {
    padding: 20px 30px 30px;
    background: linear-gradient(180deg, rgba(64, 60, 55, .3), rgba(64, 60, 55, 0));
    border-radius: 20px;
}

.textSeo h1,
.textSeo h2,
.textSeo h3 {
    margin-bottom: 30px;
    margin-top: 40px;
}
.textSeo h1:first-child,
.textSeo h2:first-child,
.textSeo h3:first-child {
    margin-top: 0;
}
@media (max-width: 1600px) {
    .slider-main {
        height: auto!important;
    }
    .slider__item {
        position: relative;
        height: auto;
        aspect-ratio: 3.84;
    }
    .slider__link {
        display: block;
    }
}
@media (max-width: 767px) {
    .textSeo h1,
    .textSeo h2,
    .textSeo h3 {
        font-size: 24px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .textSeo__container {
        padding: 15px;
    }
    .slider-main {
        height: 200px;
    }
    .slider__item {
        position: relative;
        height: auto;
        aspect-ratio: 3.5;
    }
    .section-slider-wrapper .swiper-slide {
        width: 180px!important
    }
}
@media (max-width: 575px) {
    .textSeo h1,
    .textSeo h2,
    .textSeo h3 {
        font-size: 22px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .slider__item {
        aspect-ratio: 2.5;
    }
    .slider__image {
        object-position: 13%;
    }
    .section-category-header__left {
        padding-right: 0;
    }
    .section-category {
        padding: 15px 10px;
    }
    .section-category-header__left {
        padding-bottom: 0;
    }
    .section-category-title {
        gap: 4px;
    }
    .section-category-more__total {
        padding: 5px 6px;
    }
    .section-category-more {
        padding: 7px 9px;
    }
    .logo-new {
        max-width: 190px;
    }
    .logo-new img {
        width: 100%;
    }
    .header-grid {
        gap: 5px
    }
    .section-slider-wrapper .swiper-slide {
        width: 140px!important
    }
}
@media (max-width: 360px) {
    .btn {
        padding: 0 10px;
    }
}