:root {
    --primary-gradient: linear-gradient(45deg, #4E7FEC, #64B7F8);
    --primary-color: #5083ED;
    --secondary-color: #E2EDFF;
    --gradient-card-color: #000;
    --text-color: #3A3F47;
    --secondary-text-color: #CDCFD1;
    --pay-button-color: #6AD147;
    --pay-button-hover: #54b135;
    --primary-color-hover: #3675f3;

    --green-gradient: linear-gradient(45deg, #6AD147, #93ed74);
    --orange-gradient: linear-gradient(45deg, #F8A75D, #FFCB9B);
    --cyan-gradient: linear-gradient(45deg, #30c7d1, #5ae1ea);
    --yellow-gradient: linear-gradient(45deg, #e0ce3c, #eee08c);
    --red-gradient: linear-gradient(45deg, #bc3313, #ec5d3c);
    --purple-gradient: linear-gradient(45deg, #9ea2ed, #acaed0);

    --kit-green: #6AD147;
    --kit-orange: #F8A75D;
    --kit-cyan: #30c7d1;
    --kit-yellow: #e0ce3c;
    --kid-red: #bc3313;
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proxima/proximanova_light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proxima/proximanova_regular.ttf) format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proxima/proximanova_semibold.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proxima/proximanova_bold.otf) format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proxima/proximanova_extrabold.otf) format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proxima/proximanova_black.otf) format('opentype'),
    url(../fonts/proxima/proximanova_black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proxima/proximanova_blackit.otf) format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


body, html {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

* {
    outline: 0;
}

.wrapper {
    /*background-color: #f0f4f7;*/
    background-color: white;
}

.title {
    color: #383838;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.7px;
}

.button {
    display: block;
    width: 100%;
    height: 55px;
    background-color: var(--primary-color);
    cursor: pointer;
    border-radius: 20px;
    transition: .3s;
    border: none;
    color: #fff;
}

.button:hover {
    text-decoration: none;
    background-color: var(--primary-color-hover);
}

.button.info-button {
    background: #41b5ff;
}

.main-text {
    color: #939a9f;
    line-height: 21px;
    letter-spacing: -.28px;
    text-align: center;
}

.text-404 {
    text-align: center;
    color: var(--text-color);
    opacity: 0.6;
    font-size: 16px;
    font-weight: 400;
}

.header-wrapper {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
    /*min-height: 100px;*/
}

.header-wrapper .header-nav {
    transition: all 0.3s;
}

.item-page .header-wrapper.other-pages .items-img {
    opacity: 1;
    top: -170px;
}

.header-wrapper.scroll .header-nav {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 999;
    border-radius: 0 0 8px 8px;
}

.random-page-1 .header-wrapper {
    background: #73cc31;
}

.random-page-2 .header-wrapper {
    background: #e82f5f;
}

.random-page-3 .header-wrapper {
    background: #41b5ff;
}

.random-page-4 .header-wrapper {
    background: #fca03f;
}

.random-page-1 .header-wrapper.scroll .header-nav {
    background: #73cc31 !important;
}

.random-page-2 .header-wrapper.scroll .header-nav {
    background: #e82f5f !important;
}

.random-page-3 .header-wrapper.scroll .header-nav {
    background: #41b5ff !important;
}

.random-page-4 .header-wrapper.scroll .header-nav {
    background: #fca03f !important;
}

.main-page .header-wrapper {
    height: 810px;
}

.main-page .header-wrapper.scroll {
    padding-top: 70px;
}

.header-wrapper.other-pages {
    min-height: 100px;
    margin-bottom: 50px;
}

.random-page-1 .header-wrapper, .random-page-2 .header-wrapper, .random-page-3 .header-wrapper, .random-page-4 .header-wrapper {
    margin-bottom: 0;
}

.item-page .header-wrapper.other-pages {
    margin-bottom: 0;
    background-image: none;
}

.header-wrapper .items-img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    opacity: .15;
    transform: translateX(-50%);
}

.main-page .header-wrapper .items-img {
    opacity: 1;
}

.header-logo {
    position: relative;
    display: block;
    padding-top: 30px;
    color: #fff;
    z-index: 1;
}

/* .header-wrapper.scroll .header-logo{padding-top:24px;} */
.header-logo:hover {
    color: #fff;
    text-decoration: none;
}

.header-logo .header-logo-title {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 20px;
    display: block;
    color: #fff;
}

.header-logo .header-logo-subtitle {
    opacity: 0.5;
    font-weight: 500;
    letter-spacing: -0.28px;
    color: #fff;
}

.header-menu {
    position: relative;
    float: right;
    z-index: 7;
    display: flex;
    gap: 12px;
}

.header-menu ul {
    list-style: none;
    padding-top: 30px;
}

/* Убрал снизу padding-top:22px; */
.header-wrapper.scroll .header-menu ul {
    margin-bottom: 12px;
}

.header-menu ul li.menu-item {
    display: inline-block;
    margin: 0 22px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.header-menu ul li a {
    position: relative;
    display: block;
    color: black;
    font-size: 12px;
}

.header-menu ul li a:before {
    content: '';
    display: block;
    width: 100%;
    height: 24px;
    margin-bottom: 8px;
}

.header-menu ul li.home a:before {
    background: url(../images/header/bar.png) no-repeat center center;
    background-size: contain;
    filter: brightness(0);
}

.header-menu ul li.guarantee a:before {
    background: url(../images/header/security.png) no-repeat center center;
    background-size: contain;
    filter: brightness(0);
}

.header-menu ul li.faq a:before {
    background: url(../images/header/package.png) no-repeat center center;
    background-size: contain;
    filter: brightness(0);
}

.header-menu ul li.reviews a:before {
    background: url(../images/header/like.png) no-repeat center center;
    background-size: contain;
    filter: brightness(0);
}

.header-menu ul li.contacts a:before {
    background: url(../images/header/envelope.png) no-repeat center center;
    background-size: contain;
    filter: brightness(0);
}

.header-menu ul li:hover a {
    text-decoration: none;
}

.header-menu ul li:hover {
    opacity: 1;
}

.page-contacts .header-menu ul li.contacts {
    opacity: 1;
}

.main-page .header-menu ul li.home {
    opacity: 1;
}

.page-garant .header-menu ul li.guarantee {
    opacity: 1;
}

.page-faq .header-menu ul li.faq {
    opacity: 1;
}

.page-reviews .header-menu ul li.reviews {
    opacity: 1;
}

.header-logo-img-wrapper {
    float: left;
    width: 15%;
    position: relative;
    overflow: hidden;
}

.header-logo-img-wrapper .header-logo-img {
    width: 100%;
}

.home-header {
    width: 100%;
    position: relative;
    z-index: 5;
}

.home-header .shop-heroes {
    position: absolute;
}

.home-header:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -455px;
    width: 910px;
    height: 726px;
    background: url(../images/light.png) no-repeat;
}

.home-header .shop-logo {
    position: absolute;
    top: 82px;
    left: 90px;
    width: 212px;
    height: 212px;
}

.home-header .shop-logo img {
    width: 212px;
    height: 212px;
    border-radius: 50%;
    border: 1px solid #000;
}

.home-header .shop-title {
    position: absolute;
    top: 152px;
    color: #fff;
    font-size: 293px;
    line-height: 293px;
    font-weight: 900;
    text-transform: lowercase;
    letter-spacing: -0.7px;
    z-index: 0;
}

.home-header .shop-title.title-left {
    left: 0;
}

.home-header .shop-title.title-right {
    right: 0;
    z-index: 5;
}

.home-header .shop-subtitle {
    position: absolute;
    top: 305px;
    left: -8px;
    transform: rotate(-14deg);
    font-family: Carosello, Rubik, Helvetica, Arial;
    color: #e93441;
    font-size: 90px;
    letter-spacing: -0.6px;
    font-style: italic;
}

.home-header .shop-description {
    position: absolute;
    top: 492px;
    left: 80px;
    max-width: 250px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 22.5px;
    text-align: center;
}

.home-header .shop-gift {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 184px;
    height: 186px;
    right: 29px;
    top: 350px;
    transform: rotate(10deg);
    background: #fca13f;
    border-radius: 50%;
    -webkit-clip-path: polygon(50% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
    z-index: 5;
    overflow: hidden;
}

.home-header .shop-gift:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 22px;
    right: 18px;
    z-index: 2;
    box-shadow: 0 0 25px 35px rgba(0, 0, 0, .45);
    border-radius: 50%;
    transform: rotate(45deg);
}

.home-header .shop-gift:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -50%;
    right: -50%;
    background-color: #fff;
    border-radius: 50%;
}

/*.home-header .shop-gift:before{content:'';width:100%;height:100%;position:absolute;top:50%;left:-65%;background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.3);}
.home-header .shop-gift:after{content:'';width:100%;height:100%;position:absolute;top:-50%;right:-65%;background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.3);}*/
.home-header .shop-gift span {
    display: block;
    max-width: 90px;
    color: #fff;
    font-size: 17px;
    line-height: 20.14px;
    letter-spacing: -0.35px;
    text-align: center;
    transform: translate(-3px, 3px);
}

.filters-wrapper {
    position: relative;
    top: -67px;
    background: #fff;
    box-shadow: -20px -11px 20px rgba(0, 0, 0, .04), 20px -10px 20px rgba(0, 0, 0, .04);
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    z-index: 5;
}

.filters-wrapper ul.nav {
    width: 100%;
    height: 67px;
    background: #eff3f6;
    border: none;
}

.filters-wrapper .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background-color: #eff3f6;
    transition: 0.3s;
    cursor: pointer;
    color: #bfc4c8;
    margin-bottom: 0;
}

.filters-wrapper .nav-link {
    color: #bfc4c8;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.13px;
    height: 67px;
    padding: 7px 0;
    width: 100%;
    transition: 0.3s;
    border: none;
    border-radius: 0;
    text-align: center;
}

.filters-wrapper .nav-link.active {
    background-color: #fff;
    color: #000;
    border-color: transparent;
}

.filters-wrapper .nav-link i.icon {
    position: relative;
    top: 11px;
    width: 31px;
    height: 31px;
    display: inline-block;
    border-radius: 10px;
    background-color: #c5cdd3;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.3s;
    margin-right: 5px;
}

.filters-wrapper .nav-link.active i.icon {
    background-color: #fca13f;
}

.filters-wrapper .nav-link .nav-tabs-keys i.icon {
    background-image: url(../images/tab-icon-key.png);
}

.filters-wrapper .nav-link .nav-tabs-acc i.icon {
    background-image: url(../images/tab-icon-smile.png);
    background-size: contain;
}

.filters-wrapper .nav-link .nav-tabs-random i.icon {
    background-image: url(../images/tab-icon-cube.png);
}

.filters-wrapper .nav-link .nav-tabs-gta i.icon {
    background-image: url(../images/tab-icon-gta.png);
}

.filter-items {
    display: flex;
    flex-wrap: wrap;
    margin: -67px 0 30px 0;
    padding: 5px 50px 20px 50px;
    background: #fff;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .04);
}

/*.filter-items.disabled{opacity:0.7;pointer-events:none;}*/
.input-field {
    width: 100%;
    display: inline-flex;
    align-items: center;
    background-color: white;
    border-radius: 15px;
    box-sizing: border-box;
    transition: .3s;
    border: none;
    padding: 14px;
    font-weight: 500;
    color: var(--text-color);
}

.input-field::placeholder {
    font-weight: 400;
}

.input-field.search-field {
    flex-basis: 390px;
    height: 58px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: #eff3f6;
    order: -10;
    letter-spacing: -0.14px;
    padding: 0 30px;
    margin: 15px 7.5px 0;
}

.input-field.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.filter-items .btn-group, .value-item .btn-group {
    width: 100%;
    height: 58px;
    position: relative;
    cursor: pointer;
    flex-basis: 293px;
    flex-grow: 1;
    margin: 15px 7.5px 0;
}

.oferta-warning {
    padding-bottom: 20px;
}
.oferta-text {
    color: var(--text-color);
    opacity: 0.6;
    text-align: left;
    font-weight: 400;
}

.value-item .btn-group .dropdown-toggle[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.filter-items .btn-group.disabled, .value-item .btn-group.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.filter-items .btn-group .dropdown-toggle, .value-item .btn-group .dropdown-toggle {
    padding: 15px;
    font-size: 14px;
    color: white;
    font-weight: 500;
    background-color: var(--primary-color);
    text-align: left;
    width: 100%;
    border-radius: 15px;
    cursor: pointer;
}

.filter-items .btn-group .dropdown-toggle:focus, .value-item .btn-group .dropdown-toggle:focus {
    box-shadow: none;
}

.d-item-plus {
    font-weight: 500;
    color: white;
}

.filter-items .btn-group .dropdown-toggle:after, .value-item .btn-group .dropdown-toggle:after {
    content: '';
    height: 9px;
    width: 9px;
    position: absolute;
    top: 21.5px;
    right: 16px;
    transform: rotate(-135deg);
    transition: 0.3s ease;
    border-top: 3px solid white;
    border-left: 3px solid white;
    border-right: none;
    pointer-events: none;
    z-index: 5;
}

.filter-items .btn-group.show .dropdown-toggle:after, .value-item .btn-group.show .dropdown-toggle:after {
    top: 27.5px;
    transform: rotate(-315deg);
}

.filter-items .btn-group .dropdown-menu, .value-item .btn-group .dropdown-menu {
    width: 100%;
    border-radius: 0 0 15px 15px;
    border: 0;
    background: var(--primary-color);
    top: -6px !important;
}

.filter-items .btn-group.top-end .dropdown-menu, .value-item .btn-group.top-end .dropdown-menu {
    top: 6px !important;
    border-radius: 8px 8px 0 0;
}

.filter-items .btn-group .dropdown-menu .dropdown-item, .value-item .btn-group .dropdown-menu .dropdown-item {
    padding: 12px 30px;
    cursor: pointer;
}

.platforms-filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 7.5px 0;
    padding: 0 7px;
}

.platforms-filter-wrapper.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.platforms-filter-wrapper .filter-text {
    font-size: 14px;
    letter-spacing: -0.14px;
    margin-right: 19px;
    color: #000;
}

.platforms-filter-wrapper .btn-group-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -7.5px -7.5px 0;
}

.platforms-filter-wrapper .btn-filter {
    width: 108px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px !important;
    background-color: #eff3f6;
    cursor: pointer;
    margin: 7.5px 7.5px 0 !important;
}

.platforms-filter-wrapper .btn-filter.focus {
    box-shadow: none !important;
}

.platforms-filter-wrapper .btn-filter:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 108px;
    height: 58px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.3;
    transition: 0.3s;
}

.platforms-filter-wrapper .btn-filter.active:after, .platforms-filter-wrapper .btn-filter:hover:after {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.platforms-filter-wrapper .btn-filter.steam:after {
    background: url(../images/filter-steam.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.origin:after {
    background: url(../images/filter-origin.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.minecraft:after {
    background: url(../images/filter-minecraft.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.battlenet:after {
    background: url(../images/filter-bnet.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.fortnite:after {
    background: url(../images/filter-fortnite.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.brawl:after {
    background: url(../images/filter-brawl.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.standoff:after {
    background: url(../images/filter-standoff.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.wot:after {
    background: url(../images/filter-wot.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.roblox:after {
    background: url(../images/filter-roblox.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.league:after {
    background: url(../images/filter-league.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.freefire:after {
    background: url(../images/filter-freefire.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.ml:after {
    background: url(../images/filter-ml.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.rush:after {
    background: url(../images/filter-rush.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.cod:after {
    background: url(../images/filter-cod.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.rift:after {
    background: url(../images/filter-rift.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.pubg:after {
    background: url(../images/filter-pubg.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.genshin:after {
    background: url(../images/filter-genshin.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.warface:after {
    background: url(../images/filter-warface.png) no-repeat center center;
}

.platforms-filter-wrapper .btn-filter.valorant:after {
    background: url(../images/filter-valorant.png) no-repeat center center;
}

.main-wrapper {
    padding: 70px 0;
    background-color: white;
}

.main-content {
    display: flex;
    flex-direction: column;
}

.content-wrapper {
    display: flex;
}

.main-title {
    display: flex;
    font-size: 35px;
    color: var(--primary-color);
    justify-content: center;
}

.secondary-title {
    display: flex;
    font-size: 25px;
    color: var(--text-color);
    justify-content: left;
}

.secondary-text {
    display: flex;
    font-size: 16px;
    font-weight: 400;
    color: var(--text-color);
    justify-content: left;
}

.value-title {
    display: flex;
    font-size: 32px;
    color: white;
    justify-content: left;
}

.back-text {
    display: flex;
    color: var(--text-color) !important;
    justify-content: left;
    font-weight: 400;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    text-decoration: none !important;
    opacity: 0.6;
    font-size: 16px;
    transition: 0.3s ease;
}

.back-text:hover {
    opacity: 1;
}

.main-wrapper .main-cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 20px;
    margin-bottom: 70px;
}

.main-wrapper .filter-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 15px;
}

.main-wrapper .filter-container > :last-child {
    grid-column: -1;
    background-color: #ff9d9d;
}

.main-wrapper .filter-container > :last-child:hover .filter-reset-btn {
    transform: rotate(-90deg);
}

.main-wrapper .filter-container > :last-child:active {
    animation: clickEffect 0.3s ease;
}

@keyframes clickEffect {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.main-wrapper .filter-container .filter-reset-btn {
    font-size: 1.5rem;
    color: white;
    transition: transform 0.3s ease;
}

.main-wrapper .items-container {
    margin-bottom: 40px;
}

.filter-container button {
    padding: 10px 20px;
    text-align: center;
    background-color: var(--secondary-color);
    color: var(--text-color);
    border: none;
    outline: none;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
}

.header-menu-item {
    padding: 10px 20px;
    text-align: center;
    background-color: var(--secondary-color);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
}

.header-menu-item a {
    color: var(--text-color);
    outline: none;
    text-decoration: none;
}

.header-menu-item:hover,
.header-menu-item.active {
    background-color: var(--primary-color);
}

.header-menu-item:hover a,
.header-menu-item.active a {
    color: white;
}

.filter-container button:hover {
    background-color: var(--primary-color);
    color: white;
}

.filter-container button.active {
    background-color: var(--primary-color);
    color: white;
}

.main-cards-container .main-card {
    color: white;
    border-radius: 28px;
    overflow: hidden;
    position: relative;
    height: 250px;
    width: auto;
    cursor: pointer;
}

.main-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(
        to top,
        var(--gradient-card-color) 10%,
        transparent 90%
    );
    pointer-events: none;
    z-index: 2;
}

.main-card:hover .card-image {
    transform: scale(1.1); /* Увеличение картинки на 10% */
}

.card-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    z-index: 1;
    transition: transform 0.3s ease;
}

.card-content {
    position: absolute;
    bottom: 20px;
    color: white;
    text-align: left;
    z-index: 3;
    padding: 0 20px;
    width: 100%;
}

.card-title {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 0.25rem !important;
    transition: transform 0.3s ease;
}

.card-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    padding-left: 22px;
}

.card-link span {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.arrow {
    font-size: 1.2rem;
    position: absolute;
    left: 0;
    transition: left 0.5s ease;
}

.main-card:hover .card-link span {
    opacity: 0;
    transform: translateX(-20px);
}

.main-card:hover .arrow {
    left: calc(100% - 20px); /* Стрелка уезжает вправо до конца блока */
}

.main-card:hover .card-title {
    transform: translateY(30px); /* Заголовок опускается вниз */
}

.filter-items .filter-promo {
    display: flex;
    align-items: center;
    margin: 15px 7.5px 0;
}

.filter-items .filter-promo .filter-promo-code {
    flex-basis: 250px;
    height: 58px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: #73cc31;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: -0.14px;
    color: #fff;
    margin-right: 18px;
    width: 250px;
}

.filter-items .no-promo-block {
    flex-basis: 415px;
    height: 58px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 18px 0 0;
}

.filter-items .filter-promo .filter-promo-text {
    letter-spacing: -0.14px;
    line-height: 16px;
    flex-shrink: 0;
}

.reset-filter-block {
    display: flex;
    align-items: center;
    margin: 15px 0 0 383px;
    position: relative;
}

.reset-filter-block.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.reset-filter-block .reset-filter {
    position: relative;
    flex-basis: 58px;
    height: 58px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: #eff3f6;
    cursor: pointer;
    border: 0;
    outline: none;
}

.reset-filter-block .reset-filter:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 58px;
    background: url(../images/filter-refresh-icon.png) no-repeat center center;
    background-size: contain;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.3;
    transition: 0.3s;
}

.reset-filter-block .reset-filter:hover:after {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 0.8;
}

.goods-alert {
    animation: 1s fadeIn;
    height: 194px;
    box-shadow: 0 24px 34px 3px rgba(0, 0, 0, .06);
    border-radius: 10px;
    background-color: #fca13f;
    padding: 16px 0;
}

.goods-alert-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goods-alert-emoji .goods-alert-emoji-item {
    position: absolute;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    pointer-events: none;
}

.goods-alert-emoji .goods-alert-emoji-item.emoji-item-1 {
    width: 30px;
    top: 83px;
    left: 15px;
    animation-name: emoji-1;
    animation-duration: 10s;
}

.goods-alert-emoji .goods-alert-emoji-item.emoji-item-2 {
    width: 25px;
    left: 61px;
    top: 113px;
    animation-name: emoji-2;
    animation-duration: 8s;
}

.goods-alert-emoji .goods-alert-emoji-item.emoji-item-3 {
    width: 32px;
    height: 32px;
    top: 45px;
    left: calc(50% - 96px / 2);
    animation-name: emoji-3;
    animation-duration: 4s;
}

.goods-alert-emoji .goods-alert-emoji-item.emoji-item-4 {
    width: 20px;
    right: 50px;
    top: 103px;
    animation-name: emoji-4;
    animation-duration: 10s;
}

.goods-alert-emoji .goods-alert-emoji-item.emoji-item-5 {
    width: 23px;
    top: 44px;
    right: 15px;
    animation-name: emoji-5;
    animation-duration: 10s;
}

@keyframes emoji-1 {
    100%, from {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-20px)
    }
    75% {
        transform: translateY(20px)
    }
}

@keyframes emoji-2 {
    100%, from {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-30px)
    }
    75% {
        transform: translateY(30px)
    }
}

@keyframes emoji-3 {
    100%, from {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-10px)
    }
    75% {
        transform: translateY(10px)
    }
}

@keyframes emoji-4 {
    100%, from {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-15px)
    }
    75% {
        transform: translateY(15px)
    }
}

@keyframes emoji-5 {
    100%, from {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-30px)
    }
    75% {
        transform: translateY(30px)
    }
}

.goods-alert-inner .goods-alert-title {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -.5px;
    margin-bottom: 15px;
}

.goods-alert-inner .goods-alert-text {
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.28px;
    text-align: center;
}

.goods-alert-inner .goods-alert-link-wrapper {
    margin-top: 5px;
}

.goods-alert-inner .goods-alert-link {
    width: 169px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 12px;
    letter-spacing: -.24px;
    text-decoration: none;
}

.item-box {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 24px 34px 3px rgba(0, 0, 0, .06);
    transition: 0.3s;
    animation: 1s fadeIn;
    text-decoration: none;
}

.item-box:hover {
    text-decoration: none;
}

.item-box .goods-keys-alert {
    min-width: 100px;
    max-width: 150px;
    padding: 0 10px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    font-size: 10px;
    letter-spacing: -0.2px;
    text-align: center;
    line-height: 12px;
}

.item-box .image-wrapper {
    position: relative;
    width: 100%;
    z-index: -1;
    transition: 0.3s;
    overflow: hidden;
    height: 195px;
}

.item-box .image-wrapper:after {
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 45px 90px rgba(0, 0, 0, .85);
}

.item-box .image-wrapper img {
    width: 100%;
    height: 195px;
}

.item-box .image-wrapper-case {
    position: relative;
    width: 100%;
    z-index: -1;
    transition: 0.3s;
    overflow: hidden;
}

.item-box .image-wrapper-case:after {
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 45px 60px rgba(0, 0, 0, .76);
}

.item-box .image-wrapper-case img {
    width: 100%;
}

.item-box .goods-showcase-img-wrapper img, .item-box .image-wrapper img {
    transition: all 0.3s;
}

.item-box:hover .image-wrapper img, .item-box:hover .goods-showcase-img-wrapper img {
    transform: scale(1.1, 1.1);
}

.item-box .goods-keys-accessory {
    width: 100%;
    position: absolute;
    bottom: 55px;
    left: 0;
    text-align: center;
    padding: 0 15px;
}

.item-box .goods-keys-accessory .goods-keys-title {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    letter-spacing: -.08px;
    margin-bottom: 6px;
}

/* Удалил снизу justify-content:center */
.item-box .item-platform {
    display: flex;
    align-items: center;
    opacity: 0.6;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
}

.item-box .item-platform .item-platform-img {
    max-height: 12px;
    margin-right: 3px;
}

.item-box .goods-keys-price {
    width: 100%;
    min-height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 0 5px;
}

.item-box .goods-keys-price .goods-keys-price-sale {
    width: 45px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: #73cc31;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: -.2px;
    margin: 0 10px 0 0;
}

.item-box .goods-keys-price .goods-keys-price-disc {
    color: #cacaca;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: -.09px;
    margin: 0 10px 0 0;
    text-decoration: line-through;
}

.item-box .goods-keys-price .goods-keys-price-current {
    color: #383838;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.15px;
    margin: 0;
}

a.load-more {
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: #dee3e7;
    color: #bdc2c6;
    font-size: 14px;
    letter-spacing: -0.28px;
    cursor: pointer;
}

a.load-more:hover {
    text-decoration: none;
}

.no-items {
    text-align: center;
    margin-top: 2.5%;
    font-size: 16px;
}

.random-item {
    margin-bottom: 30px;
}

.random-item .random-item-inner {
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 30px;
}

.random-item .goods-kit-emoji-wrapper {
    text-align: center;
    margin: 65px 0 37px;
}

.random-item.other-items .goods-kit-emoji-wrapper {
    margin-top: 0;
}

.random-item.other-items .goods-kit-emoji-wrapper img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.random-item .goods-kit-title {
    font-size: 20px;
    letter-spacing: -0.4px;
    text-align: center;
    margin-bottom: 15px;
    padding: 0 15px;
    color: #383838;
    font-weight: 700;
    line-height: 1;
}

.random-item .goods-kit-text {
    color: #939a9f;
    line-height: 21px;
    letter-spacing: -0.28px;
    text-align: center;
    margin-bottom: 41px;
    padding: 0 15px;
}

.random-item .goods-kit-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 0 15px;
}

.random-item .goods-kit-price {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.random-item .goods-kit-price-text {
    color: #939a9f;
    line-height: 21px;
    letter-spacing: -0.28px;
    margin-right: 17px;
}

.random-item .goods-kit-price-num {
    color: #383838;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.23px;
    margin-right: 16px;
}

.random-item .goods-kit-button {
    width: 184px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fca13f;
    cursor: pointer;
    border-radius: 10px;
    transition: 0.3s;
    border: none;
    letter-spacing: -0.28px;
    color: #fff;
    text-decoration: none;
}

.gta-item .gta-item-inner {
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 30px;
    background-color: var(--secondary-color);
    padding: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    height: 230px;
    justify-content: space-between;
}

.gta-item .goods-gta-bgc {
    height: 240px;
    position: absolute;
    bottom: 0;
    right: -70px;
    pointer-events: none;
    z-index: -1;
    transition: transform 0.3s ease;
}

.gta-item .goods-gta-title {
    font-size: 20px;
    color: var(--text-color);
    font-weight: 600;
    line-height: 1;
    width: 70%;
}

.gta-item .goods-gta-info {
    margin-bottom: 80px;
}

.gta-item-inner:hover .goods-gta-bgc {
    transform: scale(1.1);
}

.gta-item .goods-gta-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.gta-item .goods-gta-item.lvl-item .goods-gta-item-text {
    color: #fca13f;
    letter-spacing: -0.28px;
}

.gta-item .goods-gta-item.lvl-item i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url(../images/earth.png) no-repeat;
}

.gta-item .goods-gta-item.money-item .goods-gta-item-text {
    color: #73cc31;
    letter-spacing: -0.28px;
}

.gta-item .goods-gta-item.money-item i {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 8px;
    background: url(../images/dollar.png) no-repeat;
}

.gta-item .goods-gta-bottom {
    display: flex;
    align-items: center;
    gap: 40px;
}

.gta-item .goods-gta-bottom p {
    margin: 0;
}

.gta-item .goods-gta-bottom .goods-gta-price {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.gta-item .goods-gta-bottom .goods-gta-price-text {
    color: var(--text-color);
    opacity: 0.6;
}

.gta-item .goods-gta-bottom .goods-gta-price-num {
    color: #383838;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.23px;
}

.gta-item .goods-gta-bottom .goods-gta-button {
    width: 166px;
    margin-left: auto;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fca13f;
    cursor: pointer;
    border-radius: 10px;
    transition: 0.3s;
    border: none;
    letter-spacing: -0.28px;
    color: #fff;
    text-decoration: none;
}

.btn-goods {
    color: white !important;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.value-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 50px;
}

.value-item .value-inner {
    overflow: hidden;
    z-index: 1;
    border-radius: 30px;
    background-color: var(--secondary-color);
    padding: 30px;
}

.value-item .value-banner {
    height: 180px;
}

.value-item .banner {
    background-color: var(--kit-orange);
    border-radius: 20px;
    padding: 15px;
    display: flex;
    justify-content: center;
}

.value-item .banner-warn {
    background-color: rgb(255 209 0 / 20%);
    border-radius: 20px;
    padding: 15px;
    display: flex;
    justify-content: center;
}

.value-item .value-instructions-wrapper, .value-item .value-config-wrapper, .value-item .value-banner-wrapper {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.value-item .value-banner-wrapper .banner-text {
    font-weight: 500;
    font-size: 16px;
    color: white;
}

.value-item .value-banner-wrapper .banner-text-warn {
    font-weight: 500;
    font-size: 14px;
    color: black;
}

.gta-email-platform, .gta-email-vkid {
    color: var(--text-color);
}

.value-item .value-info-img {
    z-index: 1;
    right: -50px;
    top: -40px;
    height: 270px;
    position: absolute;
    transition: 0.5s ease;
}

.value-item .value-info-img:hover {
    transform: scale(1.1);
}

.value-item .value-info-title {
    font-size: 26px;
    color: var(--text-color);
    font-weight: 700;
    line-height: 1;
}

.value-item .value-info-title-bonus {
    display: flex;
    align-items: center;
    gap: 10px;
}

.value-item .value-info-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.value-item .goods-gta-info {
    margin-bottom: 80px;
}

.value-item .goods-value-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.value-item .goods-gta-item.lvl-item .goods-gta-item-text {
    color: #fca13f;
    letter-spacing: -0.28px;
}

.value-item .goods-gta-item.lvl-item i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url(../images/earth.png) no-repeat;
}

.value-item .goods-gta-item.money-item .goods-gta-item-text {
    color: #73cc31;
    letter-spacing: -0.28px;
}

.value-item .goods-gta-item.money-item i {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 8px;
    background: url(../images/dollar.png) no-repeat;
}

.value-item .value-info-bottom-wrapper {
    display: flex;
    align-items: center;
}

.value-item .value-info-bottom-wrapper p {
    margin: 0;
}

.value-item .value-info-bottom-wrapper .value-price {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 12px;
}

.value-item .value-info-bottom-wrapper .value-price-block {
    background-color: var(--primary-color);
    padding: 15px;
    color: white;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 500;;
}

.value-item .value-info-bottom-wrapper .value-price-text {
    color: var(--text-color);
    opacity: 0.6;
}

.value-item .value-info-bottom-wrapper .value-price-num {
    color: var(--text-color);
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.value-item .value-info-bottom-wrapper .goods-gta-button {
    width: 166px;
    margin-left: auto;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fca13f;
    cursor: pointer;
    border-radius: 10px;
    transition: 0.3s;
    border: none;
    letter-spacing: -0.28px;
    color: #fff;
    text-decoration: none;
}

.payment-checkbox {
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.custom-checkbox {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    accent-color: var(--primary-color);
}

.checkbox-label span {
    font-weight: 400;
}

.page-subscribers {
    height: 800px;
    margin-top: 108px;
}

.page-subscribers .subscribers-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #383838;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.7px;
    margin-bottom: 16px;
}

.page-subscribers .subscribers-title-num {
    border-radius: 10px;
    background-color: #fca13f;
    color: #fff;
    padding: 10px;
    margin: 0 17px;
}

.page-subscribers .subscribers-text {
    max-width: 572px;
    color: #939a9f;
    line-height: 21px;
    letter-spacing: -0.28px;
    text-align: center;
    margin: 0 auto 93px;
}

.page-subscribers .subscribers-num {
    color: #fff;
    font-size: 374px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.7px;
    text-align: center;
    text-transform: uppercase;
}

.page-subscribers .subscribers-garantee {
    max-width: 360px;
    width: 100%;
    height: 401px;
    position: absolute;
    top: 385px;
    left: calc(50% - 50px);
    transform: translateX(0);
    border-radius: 20px;
    background-color: #41b5ff;
    padding: 50px 0 50px 50px;
}

.page-subscribers .subscribers-garantee .subscribers-garantee-title {
    position: relative;
    z-index: 10;
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.7px;
    margin-bottom: 73px;
}

.page-subscribers .subscribers-garantee .subscribers-garantee-text {
    max-width: 108px;
    color: #fff;
    line-height: 20px;
    letter-spacing: -0.28px;
    margin-bottom: 60px;
}

.page-subscribers .subscribers-garantee .subscribers-garantee-link {
    width: 169px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    text-decoration: none;
}

.up-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.up-wrapper .value-inputs {
    background-color: var(--secondary-color);
    border-radius: 25px;
    padding: 20px;
}

.up-wrapper .value-inputs-items {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.up-wrapper .value-inputs-items .value-input-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.up-wrapper .value-inputs-items .value-input-wrapper .up-value-title {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-color);
}

.up-wrapper .error-message {
    display: none;
    margin-top: 10px;
    font-weight: 400;
    color: #f02f2f;
}

.up-wrapper .value-input {
    width: 100%;
    display: inline-flex;
    align-items: center;
    background-color: white;
    border-radius: 15px;
    box-sizing: border-box;
    transition: .3s;
    border: none;
    flex-grow: 1;
    padding: 14px;
    flex-basis: calc(33.3333% - 15px);
    font-weight: 500;
    color: var(--text-color);
}

.up-wrapper .input-icon .value-input {
    padding: 14px 14px 14px 35px;
}

.up-wrapper .input-icon .value-input.error {
    border: 1px solid #df1d1d;
    background-color: #fadcdc;
}

.up-wrapper .value-input::placeholder {
    font-weight: 400;
}

.input-icon {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.input-icon i,
.input-icon .input-img {
    position: absolute;
    left: 15px;
    font-size: 14px;
    color: var(--text-color);
}

.input-img {
    width: 15px;
    height: 16px;
}

.page-subscribers .subscribers-garantee .subscribers-garantee-img {
    width: 340px;
    position: absolute;
    top: 0;
    right: -94px;
    pointer-events: none;
}

.page-subscribers .subscribers-emoji-item {
    position: absolute;
    pointer-events: none;
}

.page-subscribers .emoji-1 {
    width: 105px;
    top: 255px;
    left: calc(50% - 504px);
}

.page-subscribers .emoji-2 {
    width: 63px;
    top: 299px;
    left: calc(50% - 57px);
}

.page-subscribers .emoji-3 {
    width: 53px;
    top: 230px;
    left: calc(50% + 296px);
}

.page-subscribers .emoji-4 {
    width: 72px;
    top: 400px;
    left: calc(50% + 420px);
}

.page-subscribers .subscribers-video {
    position: absolute;
    overflow: hidden;
}

.page-subscribers .subscribers-video.video-1 {
    width: 263px;
    height: 175px;
    top: 440px;
    left: calc(50% - 550px);
    z-index: 20;
    border-radius: 13px;
}

.page-subscribers .subscribers-video.video-2 {
    width: 164px;
    height: 111px;
    top: 262px;
    left: calc(50% + 400px);
    z-index: 20;
    border-radius: 10px;
}

.page-subscribers .video-img-wrapper {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #000;
    transition: 0.3s;
    cursor: pointer;
}

.page-subscribers .video-img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
}

.page-subscribers .subscribers-video .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fca13f;
    border-radius: 50%;
    transition: 0.3s;
}

.page-subscribers .subscribers-video.video-1 .video-icon {
    width: 68px;
    height: 68px;
}

.page-subscribers .subscribers-video .video-icon:hover {
    background-color: #FF0000;
}

.page-subscribers .subscribers-video.video-2 .video-icon {
    width: 41px;
    height: 41px;
}

.page-subscribers .subscribers-video .video-icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-3px, -50%);
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
    border-left: 11px solid #fff;
}

.page-subscribers .subscribers-video.video-1 .video-icon:after {
    border-left: 13px solid #fff;
}

.page-subscribers .subscribers-video.video-2 .video-icon:after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid #fff;
}

.page-statistics {
    margin-bottom: 30px;
}

.page-statistics .statistics-title {
    text-align: center;
    margin-bottom: 10px;
    color: #383838;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.7px;
}

.page-statistics .statistics-text {
    color: #939a9f;
    line-height: 21px;
    letter-spacing: -0.28px;
    text-align: center;
    margin-bottom: 45px;
}

.page-statistics .statistics-item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: #fff;
    max-width: 100%;
    height: 100px;
    border-radius: 25px;
    background-color: var(--secondary-color);
    flex-direction: column;
}

.page-statistics .statistics-item-text {
    font-weight: 400;
    color: var(--text-color);
    font-size: 16px;
    opacity: 0.6;
}

.page-statistics .statistics-item .statistics-item-num {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.7px;
    margin: 0 14px;
    color: var(--primary-color);
}

.page-statistics .statistics-item .statistics-item-bgc-text {
    position: absolute;
    top: -18px;
    left: -50px;
    opacity: .06;
    pointer-events: none;
    font-size: 119px;
    font-weight: 700;
    letter-spacing: -0.28px;
    line-height: 1;
}

.page-footer {
    padding-top: 20px;
    background-color: var(--secondary-color);
}

.page-footer .footer-top {
    margin-bottom: 37px;
}

.page-footer .footer-title {
    margin: 8px 0 0 0;
}

.footer-agreement {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.page-footer .footer-title .footer-title-link {
    color: #383838;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-decoration: none;
}

.page-footer .footer-menu {
    margin-top: 7px;
}

.page-footer .footer-menu .footer-menu-list {
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 30px;
}

/*.page-footer .footer-menu .footer-menu-list .footer-menu-item {*/
/*    margin: 15px 25.5px 0;*/
/*}*/

.page-footer .footer-menu .footer-menu-list .footer-menu-item a {
    color: #383838;
    font-size: 16px;
    letter-spacing: -0.32px;
}

.page-footer .footer-button-wrapper {
    text-align: right;
}

.page-footer .footer-button-wrapper .footer-uptop-button {
    outline: none;
    position: relative;
    width: 67px;
    height: 44px;
    border-radius: 13px;
    background-color: #fca13f;
    cursor: pointer;
    border-radius: 10px;
    transition: 0.3s;
    border: none;
    letter-spacing: -0.28px;
    color: #fff;
}

.page-footer .footer-button-wrapper .footer-uptop-button:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    top: 3.5px;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    transform: rotate(-45deg);
}

.page-footer .footer-text {
    max-width: 463px;
    color: var(--text-color);
    opacity: 0.6;
    margin-bottom: 33px;
    font-weight: 400;
    text-align: left;
}

.page-footer .llc-text {
    color: var(--text-color);
    opacity: 0.6;
    margin-bottom: 33px;
    font-weight: 400;
    text-align: right;
}

.page-footer .footer-bottom {
    padding-bottom: 20px;
}

.page-footer .footer-bottom .footer-copyright {
    color: #939a9f;
    letter-spacing: -0.28px;
    font-weight: 400;
}

.page-footer .footer-bottom .footer-agreement-link {
    color: #939a9f;
    /*border-bottom: 1px solid #939a9f;*/
    text-decoration: none;
}

.page-footer .footer-bottom .footer-studio {
    color: #939a9f;
}

.page-footer .footer-bottom .footer-studio img {
    margin: 0 9px;
}

.page-footer .footer-bottom .footer-studio a {
    color: #000;
    border-bottom: 1px solid #000;
    letter-spacing: -0.28px;
    text-decoration: none;
}

.page-showcase {
    margin: 135px 0 135px 0;
}

.page-showcase .container {
    overflow: hidden;
    position: relative;
    background: #41b5ff url(../images/top-games-bg.png) top center no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 70px 22px 57px;
}

.page-showcase .container:after, .page-showcase .container:before {
    content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    top: 192px;
    background-color: #f0f4f7;
    border-radius: 50%;
    z-index: 10;
}

.page-showcase .container:before {
    right: -15px;
}

.page-showcase .container:after {
    left: -15px;
}

.page-showcase .showcase-text {
    color: #fff;
    line-height: 21px;
    letter-spacing: -0.28px;
    text-align: center;
    margin-top: 20px;
}

.page-showcase .showcase-logo {
    position: relative;
}

.page-showcase .showcase-logo-img-wrapper {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, 0);
    border-radius: 50%;
    overflow: hidden;
    background-color: #171516;
    z-index: 2;
    pointer-events: none;
}

.page-showcase .showcase-logo-img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.page-showcase .showcase-logo-text {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, 0) rotate(-14deg);
    font-family: Carosello, Rubik, Helvetica, Arial;
    color: #fff;
    font-size: 115px;
    letter-spacing: -0.6px;
    line-height: 80px;
    font-style: italic;
}

.page-showcase .showcase-link {
    width: 279px;
    text-align: center;
    max-width: 100%;
    line-height: 64px;
    height: 64px;
    display: block;
    border-radius: 10px;
    margin-right: 25px;
    background-color: #fca13f;
    color: #fff;
    letter-spacing: -0.28px;
    text-decoration: none;
    float: right;
}

.page-showcase .showcase-link-img {
    margin: 0 8px;
}

.page-showcase .main-items .item-box {
    max-width: 360px;
    height: 169px;
    margin: 0 auto 30px auto;
}

.page-showcase .main-items .item-box .goods-showcase-img-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    overflow: hidden;
}

.page-showcase .main-items .item-box .goods-showcase-img-wrapper img {
    width: 100%;
    height: auto;
}

.page-showcase .main-items .item-box .goods-showcase-img-wrapper:after {
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 80px 40px rgba(0, 0, 0, .76);
}

.page-showcase .goods-showcase-place {
    width: 91px;
    height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    color: #fff;
    text-align: center;
}

.top-items-wrapper {
    margin-top: 100px;
}

.page-showcase .goods-showcase-place .goods-showcase-place-num {
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.7px;
    margin: 24px 0 1px;
}

.page-showcase .goods-showcase-place .goods-showcase-place-text {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.24px;
}

.page-showcase .goods-showcase-place .goods-showcase-place-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.page-showcase p {
    padding: 0;
}

.page-showcase .goods-showcase-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.page-showcase .goods-showcase-bottom .goods-showcase-accessory {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 70%;
    padding: 11px 15px 0;
}

/* Удалил снизу text-align:center; */
.page-showcase .goods-showcase-bottom .goods-keys-title {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.08px;
    margin-bottom: 6px;
}

.page-showcase .goods-showcase-bottom .item-platform {
    opacity: 0.6;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: -.07px;
}

.page-showcase .goods-showcase-bottom .goods-showcase-price {
    position: absolute;
    right: 0;
    bottom: 10px;
    max-width: 50%;
    height: 48px;
    background-color: #fff;
    box-shadow: 0 24px 34px 3px rgba(0, 0, 0, .06);
    border-radius: 16px;
    padding: 15px;
    margin: 0 10px 0 auto;
    text-align: center;
    white-space: nowrap;
}

.page-showcase .goods-showcase-bottom .goods-showcase-price .goods-keys-price-sale {
    width: 51px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    background-color: #73cc31;
    color: #fff;
    font-size: 13px;
    letter-spacing: -0.26px;
    margin-right: 15px;
}

.page-showcase .goods-showcase-bottom .goods-showcase-price .goods-keys-price-disc {
    display: inline-block;
    color: #cacaca;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: -.09px;
    margin-right: 10px;
    text-decoration: line-through;
}

.page-showcase .goods-showcase-bottom .goods-showcase-price .goods-keys-price-current {
    display: inline-block;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.15px;
}

.page-tape {
    margin-top: 135px;
}

.page-tape .tape-title {
    color: #383838;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.7px;
    text-align: center;
}

.page-tape .tape-text {
    margin: 0 auto 62px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 500px;
    text-align: center;
    color: #939a9f;
    line-height: 21px;
    letter-spacing: -0.28px;
}

.page-tape .tape-item .tape-item-inner {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.page-tape .tape-item .tape-item-inner img {
    width: 100%;
    height: auto;
}

.page-tape .tape-item .tape-item-inner .tape-item-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background: #73cc31;
    display: table;
    text-align: center;
    transition: 0.3s;
    opacity: 0;
}

.page-tape .tape-item .tape-item-inner .tape-item-back span {
    display: table-cell;
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
}

.page-tape .tape-item:hover .tape-item-inner .tape-item-back {
    opacity: 1;
}

/* .page-header h1{margin-bottom:26px;} */
.page-header p {
    text-align: center;
    color: #939a9f;
    line-height: 21px;
    letter-spacing: -.28px;
    padding-bottom: 30px;
    font-weight: 400;
}

.page-header {
    text-align: center;
}

.page-header p a {
    color: #fca13f;
}

.contacts-page {
    padding-bottom: 30px;
}

.contacts-page .contacts-inner {
    background-color: var(--secondary-color);
    border-radius: 30px;
    padding: 30px;
}

.contacts-page .contacts-inner h3 {
    color: #383838;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.4px;
    line-height: 1;
    text-align: center;
}

.contacts-page .contacts-inner .contacts-img-wrapper {
    text-align: center;
    height: 60px;
    line-height: 60px;
    margin: 60px 0;
}

.contacts-page .contacts-inner .contacts-img-wrapper img {
    width: 60px;
}

.contacts-page .contacts-inner .contacts-text {
    color: #939a9f;
    line-height: 21px;
    letter-spacing: -.28px;
    text-align: center;
    font-weight: 400;
}

.contacts-page .contacts-inner .contacts-text a {
    color: #383838;
    letter-spacing: -.28px;
}

.page-404 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-404 h1 {
    text-align: center;
    margin-bottom: 34px;
}

.page-404 .page-404-block {
    margin-bottom: 58px;
}

.page-404 .page-404-num {
    position: relative;
    color: var(--primary-color);
    font-size: 374px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.page-404 .page-404-images {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.page-404 .page-404-images .page-404-img {
    position: absolute;
}

.page-404 .page-404-images .img-1 {
    width: 35px;
    top: 60px;
    left: 9px;
}

.page-404 .page-404-images .img-2 {
    width: 55px;
    top: 229px;
    left: -80px;
}

.page-404 .page-404-images .img-3 {
    width: 55px;
    top: 280px;
    left: 423px;
}

.page-404 .page-404-images .img-4 {
    width: 37px;
    top: 38px;
    left: 306px;
    z-index: -1;
}

.page-404 .page-404-images .img-5 {
    width: 78px;
    top: 86px;
    right: -60px;
}

.page-404 .button-404-wrapper {
    display: flex;
    justify-content: center;
    width: 400px;
}

.page-404 .page-404-images .img-6 {
    width: 27px;
    top: 231px;
    right: -66px;
}

.page-404 p a {
    color: #fca13f;
}

.sk-fading-circle {
    width: 4em;
    height: 4em;
    position: relative;
    margin: auto
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #000;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: 1.2s ease-in-out infinite both sk-fading-circle-delay;
    animation: 1.2s ease-in-out infinite both sk-fading-circle-delay
}

.sk-fading-circle .sk-circle-2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle-3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle-4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle-5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle-6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle-7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle-8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle-9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle-10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle-11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle-12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle-2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle-3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle-4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle-5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle-6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle-7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle-8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle-9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle-10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle-11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle-12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-fading-circle-delay {
    0%, 100%, 39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-fading-circle-delay {
    0%, 100%, 39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

.success-block {
    width: 100%;
    background-color: var(--secondary-color);
    border-radius: 30px;
    text-align: center;
    padding: 30px;
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.success-block .success-message {
    font-size: 13px;
    font-weight: 400;
}

.contact-button {
    background-color: var(--primary-color);
    color: white !important;
    font-weight: 500;
    font-size: 16px;
    padding: 10px;
    width: 100%;
    display: flex;
    border-radius: 15px;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
    margin-top: 24px;
}

.contact-button:hover {
    text-decoration: none;
    background-color: var(--primary-color-hover);
}

.garant-items {
}

.garant-items .garant-item {
    position: relative;
    background-color: var(--secondary-color);
    border-radius: 30px;
    padding: 30px;
    overflow: hidden;
}

.garant-items .garant-item.bg-orange {
    background-color: #fca13f;
}

.garant-items .garant-item.bg-green {
    background-color: #73cc31;
}

.garant-items .garant-item.bg-blue {
    background-color: #41b5ff;
}

.garant-items .garant-item .garant-item-img-wrapper {
    width: 84px;
    height: 84px;
    line-height: 78px;
    border: 3px solid transparent;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    margin: 0 auto 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.modal-payment-img-wrapper {
    width: 84px;
    height: 84px;
    line-height: 78px;
    border: 3px solid transparent;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.garant-items .garant-item .stats {
    margin: 0 auto 15px;
}

.page-statistics .stat {
    height: unset;
}

.garant-items .garant-item .garant-item-img-wrapper.border-gray {
    border: 3px solid #f0f4f7;
}

.modal-payment-item-img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: unset !important;
    margin: auto;
    position: relative;
    transition: 0.5s ease;
    height: 40px !important;
}

.modal-payment-img-wrapper.border-gray {
    border: 3px solid #f0f4f7;
}

.garant-items .garant-item .garant-item-img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: relative;
    transition: 0.5s ease;
    height: 40px;
}

.garant-items .garant-item .garant-item-img:hover {
    transform: scale(1.1);
}

.garant-items .garant-item h3 {
    color: var(--text-color);
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 24px;
}

.garant-items .garant-item h3.color-black {
    color: #383838;
}

.garant-items .garant-item p {
    /*max-width: 256px;*/
    color: var(--text-color);
    opacity: 0.6;
    text-align: center;
    margin: 0 auto;
    font-weight: 400;
}

.garant-items .garant-item p.color-gray {
    color: #939a9f;
}

.garant-items .garant-item .garant-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.page-inner {
    width: 100%;
    background-color: white;
    border-radius: 30px;
    box-shadow: 0 7px 40px 0 rgba(0, 0, 0, .1);
    text-align: left;
    padding: 30px;
    color: var(--text-color);
    font-weight: 400;
}

.owl-nav > button {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background-color: #d6dee4;
    border-radius: 50%;
    z-index: 10;
    transition: .3s;
    cursor: pointer;
    border: 0;
    outline: none;
}

.owl-nav > button:hover {
    transform: scale(1.1);
}

.owl-nav > button:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 19px;
    border-bottom: 2.5px solid #c1c9cf;
    border-left: 2.5px solid #c1c9cf;
}

.owl-nav .owl-prev {
    left: 0px;
}

.owl-nav .owl-prev:after {
    transform: rotate(45deg);
    left: 22px;
}

.owl-nav .owl-next {
    right: 0px;
}

.owl-nav .owl-next:after {
    transform: rotate(-135deg);
    left: 17px;
}

.owl-nav .owl-prev.disabled, .owl-nav .owl-next.disabled {
    cursor: default !important;
    opacity: 0.5;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

.page-404 .btn {
    text-decoration: none;
    width: 218px;
    height: 49px;
    line-height: 49px;
    border-radius: 24.5px;
    text-align: center;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

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

.faq-slider .touchslider-item {
    text-align: center;
    width: 80%;
    height: 520px;
    margin: 0 auto;
}

.faq-slider .touchslider-item h3 {
    font-size: 30px;
    letter-spacing: -.6px;
    color: #383838;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 35px;
}

/* Убрал ниже position:absolute; */
.faq-slider .touchslider-item p {
    width: 100%;
    bottom: 0;
    left: 0;
    color: #383838;
    line-height: 21px;
    text-align: center;
    letter-spacing: -.28px;
    margin-top: 40px;
}

.reviews-page-form {
    width: 100%;
    background: var(--secondary-color);
    padding: 30px;
    border-radius: 30px;
}

.reviews-page-form .reviews-form {
    position: relative;
}

.reviews-page-form .reviews-form h2, .reviews-page-info h2 {
    color: #383838;
    font-size: 17px;
    color: #383838;
    font-weight: bold;
}

.reviews-page-form .loader_content {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin: -33px 0 0 -33px;
}

.reviews-page-form .alert {
    display: none;
    border: 0;
    margin-bottom: 0;
    padding: 14px;
    border-radius: 15px;
}

.reviews-page-form .alert.show {
    display: block;
}

.form-inner.loading {
    opacity: .5
}

.form-inner.loading button {
    pointer-events: none
}

.form-inner {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.reviews-form input[type=text].form-control {
    width: 100%;
    height: 52px;
    background: white;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;
    padding: 14px;
    border: 0;
    border-radius: 15px;
    box-shadow: none !important;
    transition: .3s;
}

.reviews-form input[type=text].form-control::placeholder {
    font-weight: 400;
}

.reviews-form .rating-item {
    outline: none;
    width: 75px;
    height: 50px;
    background: white no-repeat center center;
    border: 1px solid #f0f4f7;
    border-radius: 15px;
    box-shadow: none !important;
    cursor: pointer;
}

.reviews-form .rating-item.good {
    background-image: url(../images/thumb-up.png);
    background-size: contain;
}

.mb-16 {
    margin-bottom: 16px;
}

.reviews-form .rating-item.bad {
    background-image: url(../images/thumb-down.png);
    background-size: contain;
}

.reviews-form .rating-item.good.active {
    border-color: var(--kit-green);
}

.reviews-form .rating-item.bad.active {
    border-color: var(--kid-red);
}

.reviews-form .reviews-label {
    color: var(--text-color);
}

.reviews-form .form-group {
    white-space: nowrap;
}

.form-group {
    margin-bottom: 0 !important;
}

.rating-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}

.rating-options {
    display: flex;
    gap: 10px;
}

.reviews-form textarea.form-control {
    width: 100%;
    max-width: 100%;
    height: 150px;
    background: white;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;
    padding: 14px;
    border: 0;
    border-radius: 15px;
    box-shadow: none !important;
    resize: none;
}

.reviews-form textarea.form-control::placeholder {
    font-weight: 400;
}

.reviews-form .g-recaptcha > div {
    position: relative;
    left: -17px;
    transform: scale(89%);
}

.reviews-form .reviews-submit {
    display: block;
    width: 100%;
    text-align: center;
    background: var(--primary-color);
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border: 0;
    border-radius: 15px;
    cursor: pointer;
    text-decoration: none;
    padding: 14px;
    transition: .3s;
}

.reviews-form .reviews-submit:hover {
    color: white;
    text-decoration: none;
    background-color: var(--primary-color-hover);
}

.reviews-form .reviews-submit:hover {
    outline: none;
}

.reviews-page-info {
    width: 100%;
    background: var(--secondary-color);
    padding: 30px;
    border-radius: 30px;
}

.reviews-wrapper {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.reviews-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reviews-list .review-item {
    display: flex;
    gap: 15px;
}

.reviews-list .review-item.answer {
    margin-left: 65px;
}

.reviews-list .review-item .review-avatar {
    width: 50px;
    height: 50px;
    border-radius: 17px;
    background-repeat: no-repeat;
    background-position: center center;
    flex-shrink: 0;
}

.review-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.reviews-list .review-item.answer .review-avatar {
    /*background-color: var(--primary-color);*/
    /*background-image: url(../images/admin-emoji.png);*/
    background-size: cover;
}

.reviews-list .review-item.success .review-avatar {
    /*background-color: var(--kit-green);*/
    /*background-image: url(../images/thumb-up.png);*/
    background-size: cover;
}

.reviews-list .review-item.bad .review-avatar {
    /*background-color: var(--kid-red);*/
    /*background-image: url(../images/thumb-down.png);*/
    background-size: cover;
}

.reviews-list .review-item .review-author {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
}

.reviews-list .review-item.answer .review-author {
    color: var(--primary-color);
}

.reviews-list .review-item .review-author .review-date {
    display: inline-block;
    margin-left: 10px;
    font-style: normal;
    color: #c1ccd4;
}

.reviews-list .review-item .review-body {
    font-weight: 400;
    color: var(--text-color);
    opacity: 0.6;
}

.reviews-btn {
    display: block;
    width: 100%;
    text-align: center;
    background: var(--primary-color);
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border: 0;
    border-radius: 15px;
    cursor: pointer;
    text-decoration: none;
    padding: 14px;
    transition: .3s;
}

.reviews-btn:hover {
    color: white;
    text-decoration: none;
    background: var(--primary-color-hover);
}

.mobile-menu-btn {
    display: none;
}

.value-wrapper {
    position: relative;
    z-index: 10;
    padding: 70px 0;
}

.value-content {
    display: flex;
    position: relative;
    z-index: 20;
    align-items: center;
    gap: 15rem;
}

.banner-wrapper {
    position: relative;
    z-index: 10;
    background: var(--primary-gradient);
}

.banner-content {
    display: flex;
    position: relative;
    z-index: 20;
    align-items: center;
    gap: 15rem;
}

.banner-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.banner-title {
    font-weight: 700;
    font-size: 5rem;
    color: white;
    line-height: 70px;
}

.banner-desc {
    font-weight: 300;
    font-size: 1.6rem;
    color: white;
    line-height: 25px;
}

.banner-image {
    height: 400px;
    overflow: hidden;
}

.banner-image img {
    width: 100%; /* Ширина картинки равна ширине контейнера */
    height: 100%; /* Высота картинки равна высоте контейнера */
    object-fit: cover; /* Растягивает картинку, сохраняя пропорции */
    object-position: center; /* Центрирует картинку */
}

.promo-content {
    display: flex;
    position: relative;
    z-index: 20;
    align-items: center;
    gap: 15rem;
    background: var(--primary-gradient);
    border-radius: 40px;
}

.promo-text-wrapper {
    display: flex;
    flex-direction: column;
    margin-left: 50px;
}

.promo-title {
    font-weight: 600;
    font-size: 35px;
    color: white;
}

.promo-box {
    background-color: var(--secondary-color);
    padding: 10px 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.promo-box .text {
    color: var(--text-color);
    font-weight: 600;
}

.promo-box .copy-icon {
    font-size: 1.2rem;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.promo-box .copy-icon:active {
    transform: scale(0.8);
}

.promo-desc {
    font-weight: 300;
    font-size: 16px;
    color: white;
    line-height: 25px;
    margin-bottom: 20px;
}

.promo-image {
    height: 250px;
    overflow: hidden;
}

.promo-image img {
    width: 500px;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.item-wrapper, .value-wrapper {
    position: relative;
    padding-top: 20px;
    padding-bottom: 70px;
    z-index: 10;
}

.item-wrapper .item-image {
    position: relative;
    width: 100%;
    height: auto;
}

.item-wrapper .item-image img {
    width: 100%;
    height: auto;
    border-radius: 30px;
}

.item-wrapper .item-image .gb-tag-wrap {
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    height: 35px;
    text-align: center;
}

.item-wrapper .item-image .gb-tag-item {
    padding: 7px 15px;
    border-radius: 7px;
}

.item-wrapper .random-notice {
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box;
    text-align: center;
    color: #c1ccd4;
    padding: 22px;
    margin-bottom: 30px;
}

.item-wrapper .params-wrapper {
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
    padding: 52px 20px;
    margin-bottom: 30px;
}

.item-wrapper .params-wrapper .params-list {
    list-style: none;
    margin: 0;
}

.item-wrapper .params-wrapper .params-list li {
    width: 100%;
    white-space: nowrap;
}

.item-wrapper .params-wrapper .params-list li div {
    display: inline-block;
    vertical-align: top;
}

.item-wrapper .params-wrapper .params-list li div:first-child {
    color: #c1ccd4;
    text-align: right;
    width: calc(38% - 7.5px);
    letter-spacing: -.28px;
    line-height: 25px;
    margin: 0 7.5px;
}

.item-wrapper .reviews-block {
    width: 100%;
    border-radius: 30px;
    background-color: var(--secondary-color);
    padding: 30px;
}

.item-wrapper .reviews-block h3 {
    color: #383838;
    font-size: 18px;
    line-height: 22px;
}

.item-wrapper .gift-block-wrapper {
    position: relative;
    width: 100%;
    height: 144px;
    background-color: #41b5ff;
    border-radius: 10px;
    margin-bottom: 30px;
}

.item-wrapper .gift-block-wrapper a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    line-height: 24px;
    padding: 30px 145px 30px 45px;
    color: #fff;
    text-decoration: none;
}

.item-wrapper .gift-block-wrapper a:hover {
    color: #fff;
}

.item-wrapper .gift-block-wrapper a:after {
    content: '';
    position: absolute;
    top: -8px;
    right: 8px;
    width: 140px;
    height: 166px;
    background: url(../images/gift-block-bg.png) no-repeat;
}

.item-wrapper .item-info-wrapper {
    /*padding: 0 0 30px;*/
}

.item-wrapper .item-info-wrapper .item-info-wrapper-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.item-wrapper .item-info-wrapper h1.item-title {
    display: flex;
    font-size: 32px;
    color: var(--text-color);
    font-weight: 700;
}

.item-wrapper .item-info-wrapper p.item-description {
    display: flex;
    align-items: center;
    gap: 20px;
}

.item-wrapper .item-info-wrapper p.item-description .item-description-icon {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid var(--text-color);
    opacity: .6;
    flex-shrink: 0;
    line-height: 1;
    color: var(--text-color);
}

.item-wrapper .item-info-wrapper p.item-description .item-description-text {
    /*max-width: 620px;*/
    color: var(--text-color);
    opacity: 0.6;
    font-weight: 400
}

.item-wrapper .item-info-wrapper .item-info {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.item-prices {
    display: flex;
    gap: 15px;
}

.item-wrapper .item-info-wrapper .item-discount {
    width: 67px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    background-color: #3A3F47;
    color: #fff;
}

.item-wrapper .item-info-wrapper .item-price {
    display: flex;
    flex-direction: column;
    color: #fff;
    flex-shrink: 0;
}

.item-wrapper .item-info-wrapper .item-price .item-price-before {
    position: relative;
    top: 5px;
    opacity: .6;
    color: var(--text-color);
    display: flex;
    align-items: center;
}

.item-wrapper .item-info-wrapper .item-price .item-price-current {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-color);
    display: flex;
    align-items: center;
}

.item-wrapper .item-info-wrapper .item-button-wrapper {
    margin-left: 25px;
}

.item-wrapper .item-info-wrapper .item-button {
    outline: none;
    width: 165px;
    height: 67px;
    background-color: var(--pay-button-color);
    font-weight: 600;
    font-size: 16px;
}

.item-wrapper .item-info-wrapper .item-button:hover {
    background-color: var(--pay-button-hover);
}

.item-wrapper .item-info-wrapper .item-button.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.item-wrapper .item-info-wrapper .item-availability {
    margin-left: 30px;
    display: flex;
    align-items: center;
    margin-bottom: -16px;
}

.item-wrapper .item-info-wrapper .item-availability .item-availability-status {
    width: 24px;
    height: 24px;
    position: relative;
    border-radius: 5px;
    background-color: #fff;
    margin-right: 11px;
}

.item-wrapper .item-info-wrapper .item-availability .item-availability-status.instock:after {
    content: '';
    width: 6px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -6px) rotate(45deg);
    border-bottom: 2px solid #383838;
    border-right: 2px solid #383838;
    border-radius: 1px;
}

.item-wrapper .item-info-wrapper .item-availability .item-availability-status.no-instock:after, .item-wrapper .item-info-wrapper .item-availability .item-availability-status.no-instock:before {
    width: 10px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    content: ''
}

.item-wrapper .item-info-wrapper .item-availability .item-availability-status.no-instock:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.item-wrapper .item-info-wrapper .item-availability .item-availability-status.no-instock:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.item-wrapper .item-info-wrapper .item-availability .item-availability-text {
    font-size: 14px;
    font-weight: 500;
    color: #383838;
    letter-spacing: -.28px;
    vertical-align: top;
    white-space: nowrap;
}

.item-wrapper .item-info-wrapper .sales-wrapper {
    position: relative;
    top: 30px;
    float: right;
    width: 350px;
    white-space: nowrap;
}

.item-wrapper .item-info-wrapper .sales-timer-block {
    display: inline-block;
    position: relative;
}

.item-wrapper .item-info-wrapper .sales-timer-block .timer-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 43px;
    height: 43px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.3);
}

.item-wrapper .item-info-wrapper .sales-timer-block .timer-bg.hours-bg {
    left: 59px;
}

.item-wrapper .item-info-wrapper .sales-timer-block .timer-bg.min-bg {
    left: 118px;
}

.item-wrapper .item-info-wrapper .sales-timer-block .timer-bg.sec-bg {
    left: 177px;
}

.item-wrapper .item-info-wrapper .sales-wrapper .timer-text {
    position: relative;
    top: 12px;
    margin-right: 6px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    vertical-align: top;
}

figure, figcaption {
    display: block;
}

.timeTo {
    position: relative;
    left: 12px;
    font-size: 14px;
    height: 90px;
    color: #ff0202;
    white-space: nowrap;
}

.timeTo span {
    position: relative;
    top: 13px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    margin: 0 17.5px;
}

.timeTo.timeTo-white div {
    color: #fff;
    width: 10px;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.timeTo.timeTo-black div {
    color: white;
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444;
}

.timeTo figure {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.timeTo figcaption {
    text-align: center;
    line-height: 80%;
    font-weight: normal;
    color: #999;
    font-size: 16px !important;
}

.timeTo div {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 30px;
    overflow: hidden;
}

.timeTo ul {
    width: 100%;
    text-align: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.item-screens-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.item-data-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.item-screens {
    position: relative;
    border-radius: 30px;
    background-color: var(--secondary-color);
    padding: 30px;
    padding-bottom: 20px !important;
}

.item-screens h2.screens-title {
    color: #383838;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.35px;
    padding-left: 40px;
    margin-bottom: 34px;
}

.item-screens .screens-item {
    width: 154px !important;
    height: 85px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 10px;
}

.item-screens .screens-item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.promo-add-button {
    border: none;
    outline: none;
    border-radius: 12px;
    cursor: pointer;
    padding: 10px 20px;
    background-color: var(--primary-color);
}

.promo-add-button .plus-button {
    color: white;
    transition: transform 0.3s ease;
    font-size: 1.2rem;
}

.promo-add-button:hover .plus-button {
    transform: rotate(-90deg);
}

.promo-add-button:active {
    animation: clickEffect 0.3s ease;
}

.promo-add-button:focus {
    outline: none;
}

.item-screens .screens-items-wrapper {
    /*padding: 0 30px;*/
}

.item-screens .buy-100-text {
    position: absolute;
    bottom: -15px;
    right: 30px;
    max-width: 390px;
    padding-right: 86px;
    text-align: right;
    color: #939a9f;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
}

.item-screens .buy-100-text i {
    position: absolute;
    top: -17px;
    right: 0;
    display: block;
    width: 72px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    font-style: normal;
    background: #fca13f;
}

.special-price-block {
    padding-top: 27px;
    text-align: center;
}

.special-price-block .special-price-title {
    color: #383838;
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 35px;
}

.special-price-block .special-price-old {
    position: relative;
    top: 7px;
    color: #383838;
    font-size: 37px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
}

.special-price-block .special-price-old:after {
    content: '';
    position: absolute;
    top: -13px;
    left: -30px;
    width: 210px;
    height: 77px;
    background: url(../images/old-price-overflow.png) no-repeat;
}

.special-price-block .item-discount {
    display: inline-block;
    width: 67px;
    height: 67px;
    line-height: 67px;
    border-radius: 5px;
    background-color: #73cc31;
    color: #fff;
    letter-spacing: -.28px;
    margin: 0 11px 0 60px;
    vertical-align: top;
}

.special-price-block .item-price {
    display: inline-block;
    color: #383838;
    margin: 0 27px 0 0;
    vertical-align: top;
    text-align: left;
}

.special-price-block .item-price .item-price-before {
    display: block;
    position: relative;
    top: 5px;
    opacity: .5;
    letter-spacing: -.14px;
}

.special-price-block .item-price .item-price-current {
    display: block;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.39px;
}

.special-price-block .item-price.no-old-price .item-price-current {
    margin-top: 11px;
}

.special-price-block .item-button-wrapper {
    display: inline-block;
    padding-top: 0px;
    width: 160px;
}

.special-price-block .item-button-wrapper .item-buttom {
    display: block;
    font-weight: 500;
    height: 65px;
}

.special-price-block .special-price-desc {
    max-width: 565px;
    margin: 32px auto 0 auto;
    color: #939a9f;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}

.game-play {
    position: relative;
    background: #fca13f url(../images/gameplay-bg.png);
    background-blend-mode: screen;
    border-radius: 10px;
    padding: 52px 40px;
    margin: 66px 0 30px 0;
    text-align: center;
}

.game-wrapper {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.game-image img {
    max-width: 100px;
    border-radius: 25px;
}

.title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--text-color);
}

.title-wrapper .game-title {
    font-weight: bold;
    font-size: 32px;
}

.title-wrapper .visits {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.6;
}

.game-play .game-play-title {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 30px;
}

.game-play .game-play-text {
    max-width: 485px;
    color: #fff;
    line-height: 21px;
    letter-spacing: -.28px;
    text-align: center;
    margin: 0 auto 35px;
}

.game-play .game-play-emoji .game-play-emoji-item {
    position: absolute;
}

.game-play .game-play-emoji .game-play-emoji-item.emoji-1 {
    width: 77px;
    top: 92px;
    right: -35px;
}

.game-play .game-play-emoji .game-play-emoji-item.emoji-2 {
    width: 51px;
    bottom: -15px;
    right: 129px;
}

.game-play .game-play-emoji .game-play-emoji-item.emoji-3 {
    width: 60px;
    top: -14px;
    left: 50px;
}

.game-play .game-play-emoji .game-play-emoji-item.emoji-4 {
    width: 54px;
    top: 315px;
    left: -30px;
}

#gamevideo {
    width: 100%;
    height: 367px;
    display: none;
}

.video-picture {
    position: relative;
}

.video-picture img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.video-picture .video-picture-icon {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fca13f;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
}

.video-picture .video-picture-icon:hover {
    background: #dc3545;
}

.video-picture .video-picture-icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-3px, -50%);
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
    border-left: 11px solid #fff;
}

.item-description-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 15px;
}

.game-instruction {
    border-radius: 10px;
    background-color: #fff;
    padding: 33px 33px;
    margin-bottom: 30px;
}

.game-instruction .game-instruction-title {
    color: #383838;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.35px;
    margin-bottom: 34px;
}

.game-instruction ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.game-instruction ul li {
    position: relative;
    color: #383838;
    min-height: 43px;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 30px;
    padding: 13px 0 13px 60px;
    font-weight: 400;
}

.game-instruction ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -21.5px;
    width: 43px;
    height: 43px;
    border: 3px solid #fca13f;
    border-radius: 50%;
    line-height: 37px;
    font-weight: 700;
    color: #fca13f;
    text-align: center;
    font-size: 14px;
}

.game-instruction ul li:after {
    content: '';
    position: absolute;
    bottom: -27.5px;
    left: 21.5px;
    width: 2px;
    height: 25px;
    background: #f0f4f7;
}

.game-instruction ul li:last-child:after {
    display: none;
}

.game-requirement {
    border-radius: 10px;
    background-color: #fff;
    padding: 52px 40px;
}

.game-instruction ul li:last-child:before {
    background: #fca13f;
    color: #fff;
}

.game-instruction ul li:nth-child(1):before {
    content: '1';
}

.game-instruction ul li:nth-child(2):before {
    content: '2';
}

.game-instruction ul li:nth-child(3):before {
    content: '3';
}

.game-instruction ul li:nth-child(4):before {
    content: '4';
}

.game-instruction ul li:nth-child(5):before {
    content: '5';
}

.game-requirement .game-requirement-title {
    color: #383838;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.35px;
    margin-bottom: 34px;
}

.game-requirement ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.game-requirement ul li {
    position: relative;
    color: #383838;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.game-requirement ul li:before {
    content: '';
    display: inline-block;
    width: 150px;
}

.game-requirement ul li.os:before {
    content: 'ОС:';
}

.game-requirement ul li.cpu:before {
    content: 'Процессор:';
}

.game-requirement ul li.ram:before {
    content: 'Память:';
}

.game-requirement ul li.gpu:before {
    content: 'Видеокарта:';
}

.game-requirement ul li.dx:before {
    content: 'DirectX®:';
}

.game-requirement ul li.hdd:before {
    content: 'Жесткий диск:';
}

.payment-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.payment-wrapper .payment-items {
    display: grid;
    justify-content: left;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.up .payment-wrapper .payment-items {
    grid-template-columns: repeat(4, 1fr);
}

.payment-wrapper .payment-item {
    height: 100px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: var(--secondary-color);
    overflow: hidden;
    cursor: pointer;
}

.payment-wrapper .payment-item.active {
    outline: 2px solid var(--primary-color);
}

.payment-wrapper .payment-item .payment-item-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 12px;
    padding: 6px 8px;
    border-radius: 10px;
    line-height: 1;
}

.payment-wrapper .payment-item .payment-item-img {
    max-width: 50%;
    max-height: 50%;
    object-fit: contain;
}

.payment-wrapper .payment-item .payment-item-title {
    color: #383838;
    letter-spacing: -.28px;
    margin-bottom: 2px;
}

.payment-wrapper .payment-item .payment-item-text {
    color: #c1ccd4;
    letter-spacing: -.28px;
    transition: .3s;
    margin: 0;
    font-weight: 400;
}

.payment-wrapper .payment-item:hover {
    outline: 2px solid var(--primary-color);
}

.main-banner-background-img {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.main-banner-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.main-banner-text-img {
    max-width: 100%;
    max-height: 100%;
}

.payment-wrapper .payment-text {
    border-radius: 10px;
    background-color: #e4f8d0;
    color: #71c318;
    font-size: 13px;
    line-height: 18.06px;
    letter-spacing: -.13px;
    padding: 30px 48px 30px 30px;
    margin-bottom: 30px;
    font-weight: 400;
}

.payment-wrapper .payment-email {
    background-color: var(--secondary-color);
    border-radius: 25px;
    padding: 20px;
}

.payment-wrapper .payment-email-items {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.payment-wrapper .payment-email-items .promocode-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.payment-wrapper .payment-email-items .payment-email-input {
    width: 100%;
    display: inline-flex;
    align-items: center;
    background-color: white;
    border-radius: 15px;
    box-sizing: border-box;
    transition: .3s;
    border: none;
    flex-grow: 1;
    padding: 14px;
    flex-basis: calc(33.3333% - 15px);
    font-weight: 500;
    color: var(--text-color);
}

.payment-email .error-message {
    display: none;
    margin-top: 10px;
    text-align: right;
    font-weight: 400;
    color: #f02f2f;
}

.payment-email .error-message.show {
    display: block;
}

.payment-price .old-price {
    font-size: 22px;
    color: var(--text-color);
    opacity: 0.6;
    margin-right: 10px;
    display: none;
}

.payment-price .old-price.show {
    display: block;
}

.payment-wrapper .payment-email-items .payment-email-input.error {
    border: 1px solid #df1d1d;
    background-color: #fadcdc;
}

.payment-wrapper .payment-email-items .payment-email-input::placeholder {
    font-weight: 400;
}

.payment-wrapper .payment-bottom {
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 20px
}

.payment-wrapper .payment-button {
    outline: none;
    width: 165px;
    height: 67px;
    background-color: var(--pay-button-color);
    font-weight: 600;
    font-size: 16px;
}

.payment-wrapper .payment-button:hover {
    background-color: var(--pay-button-hover);
}

.payment-wrapper .payment-bottom-text {
    color: var(--text-color);
    opacity: 0.6;
    text-align: right;
    font-weight: 400;
}

.payment-wrapper .payment-confirm-text {
    color: var(--text-color);
    opacity: 0.6;
    text-align: left;
    font-weight: 400;
    padding-left: 20px;
}

.payment-wrapper .payment-price {
    flex-shrink: 0;
    color: var(--text-color);
    font-size: 32px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.hide {
    display: none;
}

#email-modal .modal-dialog {
    width: 750px;
    max-width: 450px;
    padding: 15px;
}

.modal .close {
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 2rem;
    font-weight: 400;
    color: var(--text-color);
    opacity: 1;
    cursor: pointer;
    z-index: 5;
}

#payment-process {
    padding: 65px 30px 40px 30px;
    text-align: center;
}

#payment-process .sk-fading-circle .sk-circle:before {
    background-color: var(--primary-color);
}

#payment-process .modal-title {
    font-size: 18px;
    color: var(--text-color);
    font-weight: 500;
}

#payment-process .modal-desc {
    max-width: 200px;
    color: var(--text-color);
    opacity: 0.6;
    font-size: 14px;
    margin-bottom: unset;
    font-weight: 400;
}

#payment-process .modal-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

#payment-info .modal-body {
    padding: 30px;
    text-align: center;
}

#payment-info .modal-body img {
    width: 250px;
    height: 126px;
    border-radius: 10px;
    vertical-align: top;
}

#payment-info .order-info-block {
    position: relative;
    /*min-height: 315px;*/
    margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

#payment-info .order-info-block h5.modal-title {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.6;
}

#payment-info .modal-title-text {
    font-size: 25px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 10px;
}

#payment-info .order-info-block h5.modal-title i {
    font-style: normal;
}

#payment-info .order-info-block h6 {
    font-size: 30px;
    color: #383838;
    font-weight: 700;
}

#payment-info .order-info-block .window-close-notice {
    color: var(--text-color);
    opacity: 0.6;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: unset;
}

#payment-info .order-info-block .item-discount {
    display: none;
    width: 44px;
    height: 67px;
    line-height: 67px;
    border-radius: 5px;
    text-align: center;
    background-color: #73cc31;
    color: #fff;
    letter-spacing: -.28px;
    margin: -2px 11px 0 0px;
    vertical-align: top;
}

#payment-info .order-info-block .item-discount.show {
    display: inline-block;
}

#payment-info .order-info-block .item-price {
    display: inline-block;
    height: 65px;
    color: #383838;
    margin: 0 18px 0 0;
    vertical-align: top;
    text-align: left;
}

#payment-info .order-info-block .item-price.no-promo {
    padding-top: 9px;
}

#payment-info .order-info-block .item-price .item-price-before {
    display: none;
    position: relative;
    top: 5px;
    opacity: .5;
    letter-spacing: -.14px;
}

#payment-info .order-info-block .item-price .am-to-pay {
    display: block;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.39px;
}

#payment-info .order-info-block .email-submit-btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    height: unset;
    color: #fff;
    border-radius: 15px;
    padding: 14px;
}

#payment-info .order-info-block .order-price-block {
    width: 100%;
}

#payment-info .order-info-block .order-price-block.no-promo {
    text-align: center;
}

#payment-info .order-info-block .promo-field {
    margin: 15px 0;
}

#payment-info .order-info-block .promo-input {
    height: 58px;
    width: 245px;
    display: inline-block;
    background-color: #eff3f6;
    border-radius: 10px;
    transition: .3s;
    border: 2px solid transparent;
    letter-spacing: -.14px;
    padding: 0 17px;
}

#payment-info .order-info-block .promo-submit {
    display: inline-block;
    font-weight: 500;
    width: 120px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background-color: #41b5ff;
}

#payment-info .sk-fading-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    z-index: 10;
    opacity: 1;
}

#payment-info .sk-fading-circle .sk-circle:before {
    background-color: #fca13f;
}

#payment-info .promo-alert, .email-alert {
    display: none;
    padding: 9px 13px;
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid transparent;
    border-radius: 5px;
    margin: 15px auto 20px auto;
    text-align: center;
    white-space: normal;
}

#payment-info .email-alert, #payment-info .promo-alert {
    margin-left: 0;
    margin-right: 0;
}

#payment-info .promo-alert.danger, .email-alert.danger {
    display: block;
    color: #823040;
    border-color: #fcc8c8;
    background-color: #fdeded;
}

#payment-info .promo-alert.success, .email-alert.success {
    display: block;
    color: #056c4f;
    border-color: #e9fed6;
    background-color: #f4feea;
}

#payment-info.loading {
    opacity: 0.5;
    pointer-events: none;
}

#payment-info .order-info-block .email-input {
    height: 58px;
    width: 370px;
    display: inline-block;
    background-color: #eff3f6;
    border-radius: 10px;
    transition: .3s;
    border: 2px solid transparent;
    letter-spacing: -.14px;
    padding: 0 17px;
}

#payment-info .order-info-block .email-field {
    margin: 15px 0 15px 0;
}

#roll-modal .modal-dialog {
    width: 750px;
    max-width: 750px;
}

.roll-box {
    position: relative;
    display: block;
    width: 620px;
    height: 124px;
    margin: 0 auto 30px auto;
    background: #41b5ff;
    overflow: hidden;
    border-radius: 10px;
}

.roll-box:after {
    content: '';
    position: absolute;
    top: 4.5px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 114px;
    background: #FEE207;
}

.roll-box ul {
    width: 100%;
    padding: 20px 0;
    white-space: nowrap;
    display: block;
    transition: none !important;
}

.roll-box li {
    display: inline-block;
    width: 145px;
    height: 87px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 1px 10px 0 rgba(89, 89, 89, .08);
}

.roll-box li img {
    width: 145px;
    height: 86px;
}

#roll-modal .modal-content h5 {
    padding: 45px 0 10px 0;
    font-size: 14px;
    color: #cdd4d9;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: center;
}

#roll-modal .modal-content h5 span {
    color: #383838;
}

#roll-modal .button.item-page-roll-btn {
    font-weight: 500;
    width: 160px;
    height: 65px;
    margin: 0 auto 40px auto;
    line-height: 65px;
    text-align: center;
}

#win-modal .modal-body {
    padding: 30px;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

#win-modal .modal-title-text {
    font-size: 25px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

#win-modal .message-text {
    max-width: 300px;
    color: #939a9f;
    font-size: 14px;
    font-weight: 600;
    margin: 30px auto;
    text-align: center;
}

#win-modal .modal-dialog {
    width: 750px;
    max-width: 450px;
    padding: 15px;
}

#win-modal .modal-body .win-item-image {
    height: 230px;
    border-radius: 18px;
    vertical-align: top;
    width: 100%;
}

#win-modal .modal-body .win-item-image.gta-image {
    width: auto;
    height: 315px;
}

/* Удалил отсюда width:420px; */
#win-modal .order-info-block {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 20px;
}

#win-modal .modal-body h5.modal-title {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.6;
    text-align: center;
    color: var(--text-color);
}

#win-modal .modal-body h5.modal-title span {
    color: #383838;
}

#win-modal .modal-body h5.modal-title i {
    font-style: normal;
}

#win-modal .order-info-block .window-close-notice {
    color: var(--text-color);
    opacity: 0.6;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: unset;
}

#win-modal .order-info-block .email-submit-btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    height: unset;
    color: #fff;
    border-radius: 15px;
    padding: 14px;
    cursor: unset;
}

#win-modal .button:hover {
    text-decoration: none;
    background-color: var(--primary-color);
}

#win-modal .order-info-block h6 {
    font-size: 25px;
    color: #383838;
    font-weight: 700;
}

#win-modal .type {
    color: #939a9f;
}

#win-modal .type img {
    position: relative;
    top: -1px;
    margin-right: 5px;
}

#win-modal .win-info-notice {
    position: absolute;
    bottom: 0;
    left: 0;
}

#win-modal .button.win-info-notice-btn {
    display: inline-block;
    font-weight: 500;
    width: 160px;
    height: 65px;
    line-height: 65px;
    text-align: center;
}

#win-modal .win-info-notice p {
    margin: 0 0 0 11px;
    color: #939a9f;
    width: 242px;
    display: inline-block;
    margin-left: 11px;
    position: relative;
    top: 11px;
}

#win-modal .win-key {
    color: #939a9f;
    font-size: 20px;
}

.win-100-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(65, 181, 255, 0.9);
    z-index: 999;
}

.win-100-wrapper .close-screen {
    position: absolute;
    top: 30px;
    right: 40px;
    color: #fff;
    font-size: 35px;
    cursor: pointer;
    background: none;
    border: 0;
}

.win-100-wrapper .win-100-block {
    width: 100%;
    height: 100%;
    display: table;
}

.win-100-wrapper .win-100-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.win-100-wrapper h2 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}

.win-100-wrapper .win-key {
    color: #fff;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 10px;
    margin: 35px 0;
}

.win-100-wrapper .win-100-desc {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.win-100-wrapper .win-100-desc a {
    color: #fff;
    text-decoration: underline;
}

.win-100-wrapper .win-100-desc a:hover {
    color: #fff;
    text-decoration: none;
}

.win-100-wrapper .other-item {
    position: absolute;
    width: 160px;
}

.win-100-wrapper .other-item .item-box {
    box-shadow: none;
}

.win-100-wrapper .other-item:nth-child(1) {
    top: 150px;
    left: -60px;
}

.win-100-wrapper .other-item:nth-child(2) {
    top: -185px;
    left: 300px;
    transform: scale(0.8);
}

.win-100-wrapper .other-item:nth-child(3) {
    bottom: -90px;
    left: 220px;
    transform: scale(0.5);
}

.win-100-wrapper .other-item:nth-child(4) {
    bottom: -150px;
    right: 220px;
}

.win-100-wrapper .other-item:nth-child(5) {
    top: 50px;
    right: 275px;
    transform: scale(0.65);
}

.win-100-wrapper .other-item:nth-child(6) {
    top: 125px;
    right: -100px;
}

.value-wrapper .goods-gta-button.disabled {
    background-color: #eff3f6;
    color: #383838;
    opacity: 0.9;
}

.value-item .btn-group {
    margin: 0 0 15px 0;
}

.value-item ul {
    list-style: none;
    max-height: 160px;
    margin: 0;
    padding: 0 0 15px 0;
    overflow-y: auto;
}

.value-item ul li {
    color: var(--text-color);
    font-weight: 400;
}

.value-item ul li:first-child {
    margin-top: 0;
}

.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.gta-row {
    margin-top: 30px;
}

.gta-instruction-wrapper .gta-instruction-inner {
    border-radius: 10px;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 50px
}

.gta-instruction-wrapper .gta-instruction-inner h2 {
    font-size: 20px;
    letter-spacing: -0.4px;
    margin-bottom: 30px;
    color: #383838;
    font-weight: 700;
    line-height: 1;
}

.gta-instruction-wrapper .gta-instruction-inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gta-instruction-wrapper .gta-instruction-inner ul li {
    color: #939a9f;
    margin-top: 5px;
}

.gta-instruction-wrapper .gta-instruction-inner ul li:first-child {
    margin-top: 0;
}

#payment-info.gta-payment-form .modal-body img {
    width: auto;
    height: 315px;
}

.value-bonus {
    background-color: #E6A861;
    width: max-content;
    display: inline-flex;
    border-radius: 12px;
    font-weight: 700;
    color: var(--text-color);
    font-size: 18px;
    padding: 5px 15px;
    gap: 5px;
    align-items: center;
    margin-top: 5px;
    letter-spacing: +0.1px;
}

.promo-page .stock-form {
    position: relative;
}

.promo-page .stock-form .stock-form-inner {
    position: relative;
    border-radius: 10px;
    background: #fff;
    padding: 15px;
}

.promo-page .stock-form .stock-form-inner.loading {
    opacity: 0.5;
    pointer-events: none;
}

.promo-page .stock-form .stock-form-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -37px 0 0 -32px;
    display: none;
    z-index: 5;
}

.promo-page .stock-form .stock-form-submit {
    width: 100%;
    height: 58px;
    background-color: #73cc31;
}

.promo-page .stock-form .sk-fading-circle .sk-circle:before {
    background-color: #fca13f;
}

.promo-page .stock-form .stock-form-success {
    display: none;
    width: 100%;
    padding: 33px 0;
    background: #73cc31;
    border-radius: 10px;
    text-align: center;
    color: #fff;
}

.promo-page .alerts-wrapper {
    margin: 0 0 66px 0;
}

.promo-page .alerts-wrapper .stock-alert {
    display: none;
    margin: 30px auto 0 auto;
    width: 320px;
    padding: 33px 15px;
    border-radius: 10px;
    background: #e93441;
    text-align: center;
    color: #fff;
}

.promo-page .alerts-wrapper .stock-win {
    display: none;
    width: 450px;
    margin: 30px auto 0 auto;
    padding: 33px 15px;
    border-radius: 10px;
    text-align: center;
    background: rgba(115, 204, 49, 0.5);
    color: #fff;
}

.promo-page .alerts-wrapper .stock-win .stock-win-title {
    font-size: 18px;
    font-weight: bold;
}

.promo-page .alerts-wrapper .stock-win .stock-win-content {
    font-size: 16px;
    font-weight: 600;
}

.promo-page .sub-text {
    color: #383838;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.7px;
    text-align: center;
    margin: 80px 0 30px 0;
}

.promo-page .gifts-box-wrapper {
}

.promo-page .gifts-box-wrapper .gift-box-item {
    position: relative;
    width: 100%;
    height: 290px;
    background-image: url(../images/promo-item-bg.png);
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.promo-page .gifts-box-wrapper .gift-box-item.gift-1 {
    background-color: #41b5ff;
}

.promo-page .gifts-box-wrapper .gift-box-item.gift-2 {
    background-color: #fca13f;
}

.promo-page .gifts-box-wrapper .gift-box-item.gift-3 {
    background-color: #73cc31;
}

.promo-page .gifts-box-wrapper .gift-box-item .gift-box {
    padding: 124px 0;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.promo-page .gifts-box-wrapper .gift-box-item.open.no-show {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .3;
}

.promo-page .stock-desc-inner {
    background: #fff;
    padding: 30px;
    margin: 30px 0;
    border-radius: 10px;
}

.promo-page .stock-desc-inner h2 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 15px;
}

.promo-page .sub-text-p {
    margin: 35px auto 50px auto;
    max-width: 405px;
    color: #939a9f;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    text-align: center;
}

.promo-page .stock-prizes-wrapper {
}

.promo-page .stock-prize-item {
    position: relative;
    width: 100%;
    height: 290px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 30px;
}

.promo-page .stock-prize-item .stock-prize-img {
    position: relative;
    background-color: #f0f4f7;
}

.promo-page .stock-prize-item .stock-prize-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 125px;
    background: linear-gradient(to top, #fff, transparent);
}

.promo-page .stock-prize-item .stock-prize-img img {
    width: 100%;
    height: auto;
}

.promo-page .stock-prize-item .stock-prize-number {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #f0f4f7;
    color: #a0a5a8;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    z-index: 5;
}

.promo-page .stock-prize-item .stock-prize-icon {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #f0f4f7;
    border-radius: 5px;
    z-index: 5;
}

.promo-page .stock-prize-item .stock-prize-icon img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .3;
}

.promo-page .stock-prize-item .stock-prize-info {
    text-align: center;
    padding: 24px 25px 0 25px;
}

.promo-page .stock-prize-item .stock-prize-title {
    color: #383838;
    font-size: 18px;
    line-height: 18px;
    height: 36px;
    margin-bottom: 4px;
    font-weight: bold;
}

.promo-page .stock-prize-item .stock-prize-type {
    color: #939a9f;
    font-size: 12px;
    font-weight: 600;
}

.promo-page .stock-prize-item .stock-prize-rating {
    position: relative;
    margin: 10px auto 0 auto;
    width: 83px;
    height: 14px;
    background: url(../images/rating-icons.png) no-repeat;
}

.promo-page .stock-prize-item .stock-prize-rating:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 14px;
    background: url(../images/rating-icons.png) no-repeat;
    background-position: 0 -14px;
}

.promo-page .stock-prize-item .stock-prize-rating.star-1:after {
    width: 15px;
}

.promo-page .stock-prize-item .stock-prize-rating.star-2:after {
    width: 33px;
}

.promo-page .stock-prize-item .stock-prize-rating.star-3:after {
    width: 50px;
}

.promo-page .stock-prize-item .stock-prize-rating.star-4:after {
    width: 67px;
}

.promo-page .stock-prize-item .stock-prize-rating.star-5:after {
    width: 83px;
}

.promo-page .gift-box-win {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 290px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.promo-page .gift-box-win .gift-box-win-img {
    position: relative;
    background-color: #f0f4f7;
}

.promo-page .gift-box-win .gift-box-win-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 125px;
    background: linear-gradient(to top, #fff, transparent);
}

.promo-page .gift-box-win .gift-box-win-img img {
    width: 100%;
    height: auto;
}

.promo-page .gift-box-win .gift-box-win-info {
    text-align: center;
    padding: 40px 25px 0 25px;
}

.promo-page .gift-box-win .gift-box-win-title {
    color: #383838;
    font-size: 18px;
    line-height: 18px;
    height: 36px;
    margin-bottom: 4px;
    font-weight: bold;
}

.contacts-page .stock-support-image {
    margin: 0 auto;
    text-align: center;
}

.contacts-page .stock-support-image img {
    box-shadow: 24px 7px 37px rgba(0, 0, 0, 0.06);
}

.contacts-page .stock-icon-inner {
    width: 100%;
    padding: 44px 30px 42px 30px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
}

.contacts-page .stock-icon-inner .stock-icon-title {
    color: #383838;
    font-size: 20px;
    font-weight: bold;
}

.contacts-page .stock-icon-inner .stock-icon {
    display: inline-block;
    margin: 52px 0 28px 0;
    width: 67px;
    height: 89px;
}

.contacts-page .stock-icon-inner .stock-icon.origin {
    background: url(../images/stock-origin-icon.png) no-repeat center center;
}

.contacts-page .stock-icon-inner .stock-icon.steam {
    background: url(../images/stock-steam-icon.png) no-repeat center center;
}

.contacts-page .stock-icon-inner .stock-icon-desc {
    color: #939a9f;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}

.contacts-page .stock-icons-wrapper {
    margin-bottom: 120px;
}

.random-wrapper {
    position: relative;
}

.random-wrapper .random-wrapper-inner {
    height: 450px;
}

.random-page-1 .random-wrapper .random-wrapper-inner {
    background: #73cc31 !important;
}

.random-page-2 .random-wrapper .random-wrapper-inner {
    background: #e82f5f !important;
}

.random-page-3 .random-wrapper .random-wrapper-inner {
    background: #41b5ff !important;
}

.random-page-4 .random-wrapper .random-wrapper-inner {
    background: #fca03f !important;
}

.random-page-1 .header-wrapper {
    background: #73cc31 !important;
}

.random-page-2 .header-wrapper {
    background: #e82f5f !important;
}

.random-page-3 .header-wrapper {
    background: #41b5ff !important;
}

.random-page-4 .header-wrapper {
    background: #fca03f !important;
}

.random-wrapper .random-header {
    position: relative;
    width: 100%;
    height: 450px;
}

.random-wrapper .random-header .randoms-nav {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -84px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 10;
    transition: .3s;
    cursor: pointer;
    border: 0;
    outline: none;
    z-index: 90;
}

.random-wrapper .random-header .randoms-nav:hover {
    transform: scale(1.1);
}

.random-wrapper .random-header .randoms-nav:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 19px;
    border-bottom: 2.5px solid #c1c9cf;
    border-left: 2.5px solid #c1c9cf;
}

.random-wrapper .random-header .randoms-nav.prev {
    left: 0px;
}

.random-wrapper .random-header .randoms-nav.next {
    right: 0px;
}

.random-wrapper .random-header .randoms-nav.prev:after {
    transform: rotate(45deg);
    left: 22px;
}

.random-wrapper .random-header .randoms-nav.next:after {
    transform: rotate(-135deg);
    left: 17px;
}

.random-wrapper .random-header .randoms-nav.no-active {
    opacity: 0.5;
    cursor: default;
}

.random-wrapper .random-image {
    position: absolute;
    bottom: 95px;
    left: 50%;
    z-index: 6;
}

.random-page-1 .random-wrapper .random-image {
    width: 610px;
    height: 346px;
    margin-left: -305px;
    background: url(../images/warface-background.png) no-repeat;
}

.random-page-2 .random-wrapper .random-image {
    width: 100%;
    height: 358px;
    margin-left: -310.5px;
    background: url(../images/valorant-background.png) no-repeat;
}

.random-page-3 .random-wrapper .random-image {
    width: 100%;
    height: 350px;
    margin-left: -306.5px;
    background: url(../images/genshin-background.png) no-repeat;
}

.random-page-4 .random-wrapper .random-image {
    width: 100%;
    height: 340px;
    margin-left: -300.5px;
    background: url(../images/pubg-background.png) no-repeat;
}

.random-wrapper .random-header:after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: 50%;
    margin-left: -455px;
    width: 910px;
    height: 726px;
    background: url(../images/light.png) no-repeat;
    z-index: 5;
}

.random-wrapper .random-header .random-title-large {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    font-size: 135px;
    text-align: center;
    font-weight: bolder;
    z-index: 4;
}

.random-header .random-title-large {
    color: rgba(36, 38, 39, 0.26);
}

.random-wrapper .random-header .header-info {
    position: relative;
    padding-top: 266px;
    z-index: 10;
}

.random-wrapper .random-header .header-info .random-title {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.random-wrapper .random-header .header-info .random-desc {
    max-width: 90%;
    margin: 0 auto;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
}

.random-wrapper .random-header .header-info .random-price {
    text-align: center;
}

.random-wrapper .random-header .header-info .random-price p {
    display: inline-block;
    max-width: 70px;
    margin-right: 8px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    text-align: right;
}

.random-wrapper .random-header .header-info .random-price span {
    display: inline-block;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}

.random-wrapper .random-spin-wrapper {
    position: relative;
    top: -95px;
    width: 100%;
    margin-bottom: -38px;
    padding: 30px 0;
    background: #fff;
    border-radius: 10px;
}

.random-wrapper .random-spin-wrapper.no-main-screen {
    top: 0;
    margin-bottom: 58px;
}

.random-wrapper .luck-item-roll {
    position: relative;
    width: 100%;
    height: 236px;
    padding: 64px 0;
}

.random-wrapper .luck-item-roll .luck-item-line {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 244px;
    background: #cdcdcd;
    z-index: 7;
    transition: opacity 0.3s;
}

.random-wrapper .luck-item-roll .luck-item-line:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -10px;
    border: 11px solid transparent;
    border-top: 25px solid #fca13f;
}

.random-wrapper .luck-item-roll .luck-item-line:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: -10px;
    border: 11px solid transparent;
    border-bottom: 25px solid #fca13f;
}

.random-wrapper .luck-item-roll.unwin .luck-item-glass {
    transition: opacity 1s;
}

.random-wrapper .luck-item-roll.unwin .luck-item-line, .random-wrapper .luck-item-roll.unwin .luck-item-glass {
    opacity: 0;
}

.random-wrapper .luck-item-roll-box {
    position: relative;
    overflow: hidden;
    height: 96px;
}

.random-wrapper .luck-item-roll .random-glass {
    position: absolute;
    height: 250px;
    top: 0px;
    width: 100%;
}

.random-wrapper .luck-item-roll .random-glass:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 30px;
    width: calc(50% - 127px);
    height: 236px;
    border-radius: 10px 0 0 10px;
    border: 1px solid #b8d9ed;
    border-right: none;
    background: rgba(130, 189, 227, 0.3);
    z-index: 5;
}

.random-wrapper .luck-item-roll .random-glass:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 30px;
    width: calc(50% - 127px);
    height: 236px;
    border-radius: 0 10px 10px 0;
    border: 1px solid #b8d9ed;
    border-left: none;
    background: rgba(130, 189, 227, 0.3);
    z-index: 5;
}

.random-wrapper .luck-item-roll .random-glass-top, .random-wrapper .luck-item-roll .random-glass-bottom {
    position: absolute;
    left: 50%;
    margin-left: -97px;
    width: 194px;
    height: 63px;
    background: rgba(130, 189, 227, 0.3);
    z-index: 5;
}

.random-wrapper .luck-item-roll .random-glass-top {
    top: 0px;
    border-top: 1px solid #b8d9ed;
    height: 51px;
}

.random-wrapper .luck-item-roll .random-glass-top:before, .random-wrapper .luck-item-roll .random-glass-top:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgba(130, 189, 227, 0.3);
}

.random-wrapper .luck-item-roll .random-glass-top:before {
    bottom: -6px;
    left: 0;
}

.random-wrapper .luck-item-roll .random-glass-top:after {
    bottom: -6px;
    right: 0;
}

.random-wrapper .luck-item-roll .random-glass-bottom {
    bottom: 0px;
    border-bottom: 1px solid #b8d9ed;
}

.random-wrapper .luck-item-roll .random-glass-bottom:before, .random-wrapper .luck-item-roll .random-glass-bottom:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgba(130, 189, 227, 0.3);
}

.random-wrapper .luck-item-roll .random-glass-bottom:before {
    top: -6px;
    left: 0;
}

.random-wrapper .luck-item-roll .random-glass-bottom:after {
    top: -6px;
    right: 0;
}

.random-wrapper .luck-item-roll .random-win-window {
    position: absolute;
    top: 49px;
    left: calc(50% - 97.5px);
    width: 195px;
    height: 126px;
    border-radius: 10px;
    border: 1px solid #b6d7ec;
    z-index: 6;
}

.random-wrapper .luck-item-roll .random-win-window:before, .random-wrapper .luck-item-roll .random-win-window:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background: #fff;
}

.random-wrapper .luck-item-roll .random-win-window:before {
    top: 0px;
    border-radius: 10px 10px 0 0;
}

.random-wrapper .luck-item-roll .random-win-window:after {
    bottom: 0px;
    border-radius: 0 0 10px 10px;
}

.random-wrapper .luck-item-roll .spin-container {
    position: absolute;
    width: 1140px;
    margin-left: -570px;
    left: 50%;
}

.random-wrapper .luck-item-roll-box ul {
    list-style: none;
    width: 100%;
    padding: 0;
    white-space: nowrap;
    display: block;
    margin-left: -85px;
    margin-bottom: 0;
    transition: all;
    transition-timing-function: ease-in-out;
    transition-duration: 10s;
}

.random-wrapper .luck-item-roll-box ul li {
    width: 165px;
    height: 96px;
    position: relative;
    display: inline-block;
    margin-right: 26px;
    border-radius: 10px;
    overflow: hidden;
    transition: opacity 1s;
}

.random-wrapper .luck-item-roll-box ul li.unwin {
    opacity: 0;
}

.random-wrapper .luck-item-roll-box ul li:after {
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 45px 60px rgba(0, 0, 0, .76);
}

.random-wrapper .luck-item-roll-box ul li img {
    width: 165px;
    height: 96px;
}

.random-wrapper .luck-item-roll-box ul li.resize-effect {
    animation-name: resize;
    animation-duration: 0.5s;
}

@keyframes resize {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(0.98);
    }
    40% {
        transform: scale(0.96);
    }
    50% {
        transform: scale(0.94);
    }
    60% {
        transform: scale(0.96);
    }
    75% {
        transform: scale(0.98);
    }
    100% {
        transform: scale(1);
    }
}

.random-wrapper .luck-item-roll-box ul li .random-game-title {
    display: table;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 0 15px;
    height: 24px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    letter-spacing: -.08px;
    margin-bottom: 25px;
    white-space: normal;
    z-index: 4;
}

.random-wrapper .luck-item-roll-box ul li .random-game-title span {
    display: table-cell;
    vertical-align: middle;
}

.random-wrapper .random-info-luck {
    position: relative;
    display: inline-block;
}

.random-wrapper .random-info-luck:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 57px;
    height: 59px;
    margin-right: 13px;
    background: url(../images/random-lucky.png) no-repeat;
}

.random-wrapper .random-info-luck .random-info-luck-txt {
    padding-top: 4px;
    display: inline-block;
    vertical-align: top;
}

.random-wrapper .random-info-luck b {
    display: block;
    color: #383838;
    font-size: 20px;
    font-weight: bold;
}

.random-wrapper .random-info-luck span {
    color: #939a9f;
    font-size: 14px;
    font-weight: 600;
}

/* Удалил отсюда margin-left:13px */
.random-wrapper .lucky-switcher {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
}

.random-wrapper .lucky-switcher.disabled {
    opacity: 0.8;
    cursor: default;
}

.random-wrapper .lucky-switcher ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.random-wrapper .lucky-switcher ul li {
    position: relative;
    display: inline-block;
    width: 98px;
    height: 67px;
    line-height: 67px;
    margin-right: 10px;
    text-align: center;
    color: #cad0d4;
    font-size: 20px;
    font-weight: bold;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    z-index: 2;
}

.random-wrapper .lucky-switcher ul li.active {
    background: #71c318;
    color: #fff;
}

.random-wrapper .random-price-wrap {
    text-align: right;
}

.random-wrapper .random-price-block {
    display: inline-block;
    padding-top: 8px;
    text-align: left;
    margin-right: 16px;
    vertical-align: top;
}

.random-wrapper .random-price-block > span {
    display: block;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #939a9f;
}

.random-wrapper .random-price-block b {
    font-size: 38px;
    line-height: 1;
    color: #383838;
    font-weight: bold;
}

.random-wrapper .random-price-wrap .button {
    display: inline-block;
    width: 230px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    vertical-align: top;
}

.random-wrapper .random-inner-case-title {
    margin-top: 100px;
}

.random-wrapper .page-header p {
    padding-bottom: 40px;
}

.random-wrapper .item-box .goods-keys-accessory .goods-keys-title {
    width: 100%;
    text-align: center;
    display: table;
    height: 24px;
    margin-bottom: 20px;
}

.random-wrapper .item-box .goods-keys-accessory .goods-keys-title span {
    display: table-cell;
    vertical-align: middle;
}

.random-wrapper .luck-item-roll .win-stars {
    display: none;
    position: absolute;
    top: 30px;
    left: 458px;
    width: 195px;
    height: 302px;
    text-align: center;
    z-index: 0;
}

.random-wrapper .luck-item-roll .win-stars h3 {
    color: #383838;
    font-size: 14px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 1s;
}

.random-wrapper .luck-item-roll .win-stars h3.show {
    opacity: 1;
}

.random-wrapper .luck-item-roll .win-stars .star {
    display: block;
    position: absolute;
    background-image: url(../images/star-icon.png);
    background-repeat: no-repeat;
    transition: all 1.2s;
}

.random-wrapper .luck-item-roll .win-stars .star.rotate-hide {
    animation-name: rotate-hide;
    animation-duration: 1s;
}

@keyframes rotate-hide {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }
    25% {
        transform: rotate(90deg);
        opacity: 0.8;
    }
    50% {
        transform: rotate(180deg);
        opacity: 0.6;
    }
    75% {
        transform: rotate(270deg);
        opacity: 0.4;
    }
    100% {
        transform: rotate(360deg);
        opacity: 0;
    }
}

.random-wrapper .luck-item-roll .win-stars .star.star-1 {
    top: 138px;
    left: 82px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-2 {
    top: 138px;
    left: 82px;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-3 {
    bottom: 138px;
    left: 82px;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-4 {
    top: 138px;
    right: 82px;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-5 {
    top: 138px;
    right: 82px;
    width: 50px;
    height: 50px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-6 {
    bottom: 138px;
    right: 82px;
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-1.show {
    top: 32px;
    left: -14px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-2.show {
    top: 92px;
    left: -60px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-3.show {
    bottom: 35px;
    left: -50px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-4.show {
    top: -10px;
    right: -30px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-5.show {
    top: 115px;
    right: -80px;
}

.random-wrapper .luck-item-roll .win-stars .star.star-6.show {
    bottom: -60px;
    right: -20px;
}

.page-accounts {
    margin: 130px 0 0 0;
}

.page-accounts .acc-title {
    color: #383838;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.7px;
    text-align: center;
}

.page-accounts .acc-text {
    margin: 0 auto 62px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 500px;
    text-align: center;
    color: #939a9f;
    line-height: 21px;
    letter-spacing: -0.28px;
}

.page-accounts .accounts-tape {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fca13f;
    background-image: url(../images/acc-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.live-items .live-slider-item {
    padding: 0 15px;
}

.live-items .live-slider-item a {
    margin-bottom: 0;
}

.live-items .owl-nav > button {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.live-items .owl-nav .owl-prev {
    left: -25px;
}

.live-items .owl-nav .owl-next {
    right: -25px;
}

.home-header-random {
    position: relative;
    padding-top: 40px;
    z-index: 20;
}

.home-header-random h1 {
    position: relative;
    color: #ffffff;
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 2px;
}

.home-header-random h1 .home-header-logo {
    position: relative;
    top: -3px;
    left: -14px;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 1px solid #171516;
}

.home-header-random h1 b {
    position: relative;
    left: -20px;
    display: inline-block;
}

.home-header-random .home-header-desc {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 600;
}

.home-header-random .home-header-desc br {
    display: none;
}

.random-items-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.faq-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq-section {
    background: var(--secondary-color);
    border-radius: 30px;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.faq-item {
    border-bottom: 1px solid #868d9a82;
    padding: 10px 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 0;
}

.faq-answer {
    display: none;
    padding: 5px 0;
    color: var(--text-color);
    opacity: 0.6;
    font-size: 14px;
    font-weight: 400;
}

.faq-item.active .faq-answer {
    display: block;
}

.faq-item.active .fa-chevron-down {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.value-wrapper .value-card {
    background: #fff;
    border-radius: 40px;
    width: 340px;
}

.random-items-row .random-hitem-inner {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 32px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.random-items-row .random-hitem-inner img {
    width: 80%;
    height: auto;
    object-fit: contain;
    z-index: 2;
    transition: all 0.3s;
    align-self: center;
}

.random-items-row .random-hitem-inner:hover img {
    transform: scale(1.1, 1.1);
}

.random-items-row .random-hitem-inner .random-price {
    color: var(--text-color);
    font-size: 16px;
    position: relative;
    z-index: 3;
    font-weight: 400;
}

.random-items-row .random-hitem-inner .random-price b {
    font-size: 30px;
}

.random-items-row .random-hitem-inner .random-name {
    color: var(--text-color);
    font-size: 26px;
    font-weight: bold;
    position: relative;
    z-index: 3;
    text-align: left;
}

.random-items-row .random-hitem-inner .random-desc {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    position: relative;
    z-: 3;
    text-align: left;
}

.random-items-row a {
    text-decoration: none !important;
}

.live-slider-item .item-box {
    box-shadow: none;
}

.promo-alert-block {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 148px;
    height: 157px;
    z-index: 500;
}

.promo-alert-block:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 148px;
    height: 157px;
    background: url(../images/promo-alert-bg) no-repeat;
}

.promo-alert-block .promo-alert-tooltip {
    position: absolute;
    left: 120px;
    top: -3px;
    background: #fff;
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    border-radius: 10px 10px 10px 3px;
    width: 175px;
    padding: 13px 18px;
}

.promo-alert-block .promo-alert-tooltip a {
    text-decoration: underline;
    color: #fca13f;
}

.promo-alert-block .promo-alert-tooltip a:hover {
    text-decoration: none;
}

@media screen and (max-width: 1199px) {
    .item-wrapper .item-info-wrapper .item-info-wrapper-inner {
        justify-content: unset;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .header-menu ul {
        padding-left: 0;
    }

    .header-menu ul li.menu-item {
        margin: 0 18px;
    }

    .value-item .value-info-img {
        right: -60px;
        top: -20px;
        height: 220px;
    }

    .promo-content {
        gap: 3rem;
    }

    .home-header .shop-logo {
        top: 90px;
        left: 60px;
        width: 180px;
        height: 180px;
    }

    .home-header .shop-logo img {
        width: 180px;
        height: 180px;
    }

    .home-header .shop-title {
        font-size: 250px;
        top: 130px;
    }

    .home-header .shop-subtitle {
        font-size: 77px;
        top: 283px;
        left: -7px;
    }

    .home-header .shop-description {
        top: 420px;
    }

    .main-page .header-wrapper {
        height: 686px;
    }

    .home-header .shop-gift {
        width: 156px;
        height: 154px;
        top: 300px;
    }

    .home-header .shop-gift:before {
        box-shadow: 0 0 25px 30px rgba(0, 0, 0, .45);
    }

    .home-header .shop-gift span {
        max-width: 114px;
        font-size: 14px;
    }

    .filter-items .no-promo-block {
        flex-basis: 355px;
        margin: 20px 18px 0 0;
    }

    .platforms-filter-wrapper .filter-text {
        font-size: 13px;
        margin-right: 10px;
    }

    .platforms-filter-wrapper .btn-filter {
        width: 88px;
    }

    .platforms-filter-wrapper .btn-filter:after {
        width: 88px;
    }

    .filter-items .filter-promo {
        margin-right: 22px;
    }

    .filter-items .filter-promo .filter-promo-text {
        line-height: 14px;
        font-size: 12px;
    }

    .filter-items .filter-promo .filter-promo-code {
        flex-basis: 200px;
        font-size: 12px;
        width: 200px;
    }

    .reset-filter-block {
        margin: 15px 0 0 295px;
    }

    .page-showcase .showcase-text {
        font-size: 13px;
    }

    .page-showcase .showcase-logo-text {
        font-size: 85px;
        line-height: 60px;
    }

    .page-showcase .showcase-logo-img-wrapper {
        width: 80px;
        height: 80px;
        top: -6px;
    }

    .page-showcase .showcase-link {
        width: 245px;
        font-size: 13px;
    }

    .top-items-wrapper {
        margin-top: 65px;
    }

    .reviews-form .reviews-label {
        margin-right: 40px;
    }

    .reviews-form .g-recaptcha > div {
        left: -7px;
        transform: scale(96%);
    }

    .page-subscribers .subscribers-num {
        font-size: 290px;
    }

    .page-subscribers .emoji-1 {
        left: calc(50% - 465px);
    }

    .page-subscribers .emoji-4 {
        width: 72px;
        top: 400px;
        left: calc(50% + 393px);
    }

    .page-subscribers .subscribers-video.video-1 {
        left: calc(50% - 465px);
    }

    .page-subscribers .subscribers-video.video-2 {
        top: 640px;
        left: calc(50% - 260px);
    }

    .page-statistics .statistics-item .statistics-item-num {
        font-size: 26px;
    }

    .value-item .goods-gta-bgc {
        bottom: -60px;
        right: -34px;
    }

    .random-wrapper .random-header .random-title-large {
        top: 82px;
        font-size: 103px;
    }

    .random-wrapper .lucky-switcher ul li {
        width: 70px;
        font-size: 18px;
    }

    .random-wrapper .random-info-luck:before {
        margin-right: 8px;
    }

    .random-wrapper .random-info-luck span {
        font-size: 13px;
    }

    .random-wrapper .random-info-luck b {
        font-size: 18px;
    }

    .item-wrapper .item-info-wrapper .sales-wrapper .timer-text {
        top: 0px;
        margin: 0 0 5px 0;
        display: block;
        text-align: left;
        padding-left: 26px;
    }

    .item-wrapper .item-info-wrapper .sales-wrapper {
        width: 222px;
        text-align: right;
    }

    .item-wrapper .params-wrapper .params-list {
        padding: 0;
    }

    .item-wrapper .gift-block-wrapper a {
        font-size: 16px;
        padding: 38px 145px 30px 26px;
    }

    .random-items-row .random-hitem-inner .random-info {
        bottom: 15px;
        left: 15px;
    }

    .payment-wrapper .payment-items {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .up .payment-wrapper .payment-items {
        grid-template-columns: repeat(3, 1fr);
    }

    .random-items-row .random-hitem-inner .random-name {
        font-size: 22px;
    }

    .random-items-row .random-hitem-inner .random-desc {
        font-size: 12px;
        line-height: 16px;
    }

    .home-header-random .random-items-row {
        margin-top: 14px;
    }

    .home-header-random {
        padding-top: 20px;
    }

    .win-100-wrapper .other-item:nth-child(5) {
        top: -20px;
    }

    .no-items {
        flex: 50%;
        max-width: none;
    }
}

@media screen and (max-width: 991px) {
    body.menu-show {
        overflow: hidden;
    }

    .content-reviews {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .value-inputs {
        margin-top: 16px;
    }

    .header-logo-img-wrapper {
        width: 25%;
    }

    .item-header {
        flex-direction: column;
        margin-bottom: 5rem !important;
    }

    .item-wrapper .reviews-wrapper {
        display: none;
    }

    .main-title {
        font-size: 28px;
        text-align: center;
        line-height: normal;
    }

    .payment-wrapper .payment-items {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .up .payment-wrapper .payment-items {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-agreement {
        justify-content: center;
    }

    .statistics-wrapper .garant-items {
        margin-bottom: 20px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .page-footer .footer-menu {
        margin-top: 14px;
    }

    .value-item {
        padding-top: unset;
    }

    .garant-items {
        gap: 30px;
    }

    .payment-wrapper {
        gap: 16px;
        margin-top: 20px;
    }

    .header-menu-item {
        font-size: 11px;
    }

    .main-wrapper .main-cards-container {
        gap: 30px;
    }

    .item-wrapper .item-info-wrapper .item-info-wrapper-inner {
        gap: 10px;
    }

    .page-footer .footer-menu .footer-menu-list {
        justify-content: center;
    }

    .value-item .value-info-bottom-wrapper .value-price {
        gap: unset;
    }

    .mobile-menu-btn {
        display: block;
        position: absolute;
        right: 15px;
        width: 35px;
        height: 24px;
        cursor: pointer;
        z-index: 99;
    }

    .mobile-menu-btn .menu-icon {
        width: inherit;
        height: 3px;
        position: absolute;
        top: calc(50% - 1px);
        left: 0;
        background-color: var(--text-color);
        transition: transform .3s;
        border-radius: 8px;
    }

    .promo-content {
        gap: 3rem;
    }

    .promo-image img {
        width: 300px;
    }

    .mobile-menu-btn.active .menu-icon {
        background-color: white;
    }

    .mobile-menu-btn .menu-icon:after, .mobile-menu-btn .menu-icon:before {
        content: '';
        width: inherit;
        height: inherit;
        position: inherit;
        left: inherit;
        background-color: inherit;
        transition: transform .3s, opacity .3s, top .3s .3s;
    }

    .mobile-menu-btn .menu-icon:after {
        top: 11px;
        border-radius: 8px
    }

    .mobile-menu-btn .menu-icon:before {
        top: -11px;
        border-radius: 8px
    }

    .mobile-menu-btn.active {
        transform: rotate(45deg);
        transition: transform .3s .3s;
    }

    .banner-content {
        gap: unset;
    }

    .banner-image {
        width: 55%;
    }

    .banner-title {
        font-size: 4rem;
        line-height: 55px;
    }

    .banner-desc {
        font-size: 1.3rem;
        line-height: 20px;
    }

    .random-items-row .random-hitem-inner img {
        width: 35%;
    }

    .mobile-menu-btn.active .menu-icon:before {
        transition: top .3s, transform .3s .3s;
        transform: rotate(-270deg);
    }

    .mobile-menu-btn.active .menu-icon:after {
        transition: top .3s, opacity .3s .3s;
        opacity: 0;
    }

    .mobile-menu-btn.active .menu-icon:after, .mobile-menu-btn.active .menu-icon:before {
        top: calc(50% - 1px);
    }

    .header-wrapper.scroll .header-logo {
        padding: 18px 0 16px 0;
    }

    .header-wrapper.scroll .mobile-menu-btn {
        display: block;
        position: absolute;
        top: 26px;
    }


    .header-menu ul {
        padding-top: 150px;
    }

    .header-menu ul li.menu-item {
        display: block;
        margin: 0 0 20px 0;
    }

    .header-menu ul li.menu-item a {
        font-size: 28px;
        font-weight: 400;
        line-height: 1;
        color: #fff;
    }

    .title-wrapper .game-title {
        font-size: 28px;
    }

    .random-items-row {
        flex-direction: column;
    }

    .value-wrapper .value-card {
        width: auto;
    }


    .header-menu ul li.menu-item a:before {
        display: none;
    }

    .main-page .header-wrapper {
        height: auto;
        padding-bottom: 100px;
    }

    .home-header {
        padding-top: 0px;
        text-align: center;
    }

    .home-header .shop-heroes {
        display: none;
    }

    .home-header .shop-logo {
        position: relative;
        top: 166px;
        left: 0;
        margin: 0 auto;
    }

    .home-header .shop-title {
        position: relative;
        display: inline-block;
        top: -220px;
        font-size: 150px;
        line-height: 150px;
    }

    .home-header .shop-subtitle {
        position: relative;
        top: 0px;
        left: 0px;
        font-size: 90px;
    }

    .home-header .shop-gift {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 auto;
    }

    .home-header .shop-description {
        position: relative;
        top: 0px;
        left: 0px;
        margin: 15px auto 40px auto;
    }

    .filters-wrapper .nav-item {
        flex-basis: 50%;
    }

    /* .filters-wrapper ul.nav{height:134px;} */
    .platforms-filter-wrapper {
        width: 100%;
        display: block;
        text-align: center;
    }

    .platforms-filter-wrapper .filter-text {
        margin: 10px 0 10px 0;
    }

    .filter-items .filter-promo {
        padding-left: 37px;
        margin-top: 20px;
    }

    .page-showcase .container {
        padding-top: 25px;
    }

    .page-showcase .showcase-logo {
        margin-top: 35px;
    }

    .page-showcase .showcase-title {
        height: 220px;
        text-align: center;
    }

    .page-showcase .showcase-link {
        margin: 0;
        float: inherit;
        display: inline-block;
    }

    .page-showcase .showcase-link-block {
        text-align: center;
    }

    .page-showcase .main-items .item-box {
        width: 390px;
        margin: 0 auto 30px auto;
    }

    .top-items-wrapper {
        margin-top: 50px;
    }

    .page-subscribers .subscribers-num {
        font-size: 255px;
    }

    .page-subscribers .subscribers-video.video-1 {
        left: 0;
    }

    .page-subscribers .subscribers-video.video-2 {
        top: 660px;
        left: 45px;
    }

    .page-subscribers {
        overflow: hidden;
    }

    /* Удалил снизу padding-top:40px; */
    .page-footer {
        text-align: center;
    }

    .page-footer .footer-button-wrapper {
        position: relative;
        top: 18px;
        text-align: center;
    }

    .page-footer .footer-text {
        max-width: 100%;
    }

    .page-404 {
        padding: 0;
    }

    .page-404 .page-404-num {
        font-size: 260px;
    }

    .page-404 .page-404-images .img-1 {
        width: 27px;
        top: 30px;
        left: 72px;
    }

    .page-404 .page-404-images .img-2 {
        width: 48px;
        top: 175px;
    }

    .page-404 .page-404-images .img-3 {
        width: 40px;
        top: 206px;
        left: 310px;
    }

    .page-404 .page-404-images .img-4 {
        width: 34px;
        top: 2px;
        left: 252px;
        z-index: 1;
    }

    .page-404 .page-404-images .img-5 {
        width: 57px;
        top: 0px;
    }

    .page-404 .page-404-images .img-6 {
        width: 20px;
        top: 200px;
        right: 20px;
    }

    .faq-slider .touchslider-item img {
        width: 100%;
        height: auto;
    }

    .faq-slider .touchslider-item {
        height: 300px;
    }

    .reviews-form .g-recaptcha > div {
        transform: scale(100%);
        left: 0;
        margin: 0 auto;
    }

    .header-wrapper.other-pages {
        margin-bottom: 40px;
    }

    .page-header p {
        padding-bottom: 24px;
    }

    .value-wrapper .gta-item-2 .value-inner {
        height: 100%;
    }

    .value-item ul {
        max-height: 150px;
        overflow: auto;
        padding: 0;
    }

    .value-item .value-inner {
        margin-bottom: unset;
    }

    .gta-row {
        margin-top: unset;
    }

    .gta-instruction-wrapper {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 30px;
    }

    #email-modal .modal-dialog {
        width: 690px;
        max-width: 450px;
    }

    /* #win-modal .modal-dialog{width:690px;max-width:690px;} */
    #roll-modal .modal-dialog {
        width: 690px;
        max-width: 690px;
    }

    #win-modal .win-info-notice p {
        width: 210px;
    }

    .contacts-page .stock-icons-wrapper > div {
        margin-bottom: 30px;
    }

    .promo-page .stock-prize-item {
        height: 250px;
    }

    .promo-page .gifts-box-wrapper .gift-box-item {
        height: 250px;
        margin-bottom: 30px;
    }

    .promo-page .gifts-box-wrapper .gift-box-item .gift-box {
        padding: 104px 0;
    }

    .promo-page .gift-box-win {
        height: 250px;
    }

    .promo-page .stock-prize-item .stock-prize-title {
        font-size: 14px;
    }

    .promo-page .stock-prize-item {
        height: 250px;
    }

    .promo-page .sub-text {
        margin: 60px 0 0px 0;
    }

    .promo-page .stock-prize-item .stock-prize-number {
        top: 10px;
        left: 10px;
    }

    .promo-page .stock-prize-item .stock-prize-icon {
        top: 10px;
        right: 10px;
    }

    .promo-page .alerts-wrapper .stock-alert {
        width: 100%;
        max-width: 300px;
    }

    .promo-page .stock-prize-item {
        height: auto;
        padding-bottom: 15px;
    }

    .random-page-1 .header-wrapper.other-pages, .random-page-2 .header-wrapper.other-pages, .random-page-3 .header-wrapper.other-pages, .random-page-4 .header-wrapper.other-pages {
        margin-bottom: 0px;
    }

    .random-page-1 .random-wrapper .random-image {
        width: 488px;
        height: 250px;
        margin-left: -244px;
        background-size: 468px 317px;
    }

    .random-page-2 .random-wrapper .random-image {
        width: 450px;
        height: 250px;
        margin-left: -230px;
        background-size: 450px 310px;
    }

    .random-page-3 .random-wrapper .random-image {
        width: 460px;
        height: 260px;
        margin-left: -225px;
        background-size: 460px 328px;
    }

    .random-page-4 .random-wrapper .random-image {
        width: 500px;
        height: 230px;
        margin-left: -240px;
        background-size: 470px 319px;
    }

    .random-wrapper .random-wrapper-inner {
        height: 400px;
    }

    .random-wrapper .random-header {
        height: 400px;
    }

    .random-wrapper .random-header .header-info {
        padding-top: 216px;
    }

    .random-wrapper .random-header .random-title-large {
        font-size: 74px;
    }

    .random-wrapper .random-header .randoms-nav {
        margin-top: -116px;
    }

    .random-wrapper .random-header .header-info .random-title {
        font-size: 20px;
    }

    .random-wrapper .random-header .header-info .random-price span {
        font-size: 30px;
    }

    .random-wrapper .random-header .header-info .random-title {
        font-size: 20px;
        padding-top: 10px;
    }

    .random-wrapper .random-header .header-info .random-price {
        padding-top: 4px;
    }

    .random-wrapper .random-price-block {
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .random-wrapper .random-info-luck {
        margin-bottom: 10px;
    }

    .random-wrapper .random-header:after {
        width: 500px;
        height: 399px;
        margin-left: -250px;
        background-size: 500px 399px;
        bottom: -10px;
    }

    .item-wrapper .item-image {
        text-align: center;
        margin-bottom: 50px
    }

    /* .item-wrapper .item-image img{max-width:350px;} */
    .item-wrapper .gift-block-wrapper {
        display: none;
    }

    .item-wrapper .dropdown-reviews {
        overflow: hidden;
        height: 0;
        transition: height 0.3s;
    }

    .item-wrapper .dropdown-reviews.show {
        height: inherit;
    }

    .item-wrapper {
        padding-top: 0;
        padding-bottom: 100px;
    }

    /* Убрали снизу margin-top: 75px; */
    .item-wrapper .reviews-block.dropdown-md {
        padding: 30px 40px 20px 40px;
    }

    .item-wrapper .reviews-block.dropdown-md h3 {
        position: relative;
        cursor: pointer;
    }

    .item-wrapper .reviews-block.dropdown-md h3:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0px;
        width: 15px;
        height: 15px;
        position: absolute;
        border-bottom: 2.5px solid #c1c9cf;
        border-left: 2.5px solid #c1c9cf;
        transform: rotate(-45deg);
    }

    .item-wrapper .reviews-block.dropdown-md.show {
        padding: 40px 40px 50px 40px;
    }

    .item-wrapper .reviews-block.dropdown-md.show h3:after {
        transform: rotate(135deg);
    }

    .item-wrapper .item-info-wrapper h1.item-title {
        display: block;
        text-align: center;
        font-size: 36px;
    }

    .item-wrapper .item-info-wrapper .item-availability .item-availability-status {
        background-color: #fff;
    }

    .item-wrapper .item-info-wrapper .item-button {
        width: 185px;
    }

    .item-wrapper .item-info-wrapper .item-availability {
        margin-left: 0px;
        justify-content: center;
    }

    .item-wrapper .item-info-wrapper .item-info {
        justify-content: center;
        gap: 10px;
    }

    .item-wrapper .item-info-wrapper .sales-wrapper .timer-text {
        top: 0px;
        margin: 0 0 5px 0;
        display: block;
        text-align: left;
        padding-left: 26px;
    }

    .item-wrapper .item-info-wrapper .sales-wrapper {
        width: 222px;
        text-align: right;
    }

    .item-wrapper .item-info-wrapper .sales-wrapper .timer-text {
        color: #383838;
    }

    .item-wrapper .item-info-wrapper .sales-timer-block .timer-bg {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .timeTo span {
        color: #383838;
    }

    .timeTo.timeTo-white div {
        color: #383838;
    }

    .reviews-form .rating-item {
        width: 90px;
    }

    .random-items-row .random-hitem-inner .random-info {
        bottom: 30px;
        left: 30px;
    }

    .random-items-row .random-hitem-inner .random-name {
        font-size: 25px;
        line-height: 22px;
    }

    .random-items-row .random-hitem-inner .random-desc {
        font-size: 14px;
        line-height: 19px;
    }

    .home-header-random .random-items-row {
        margin-top: 14px;
        margin-bottom: -30px;
    }

    .win-100-other {
        display: none;
    }

    .win-100-wrapper .win-key {
        font-size: 50px;
    }

    .promo-alert-block {
        display: none;
    }

    .platforms-filter-wrapper {
        margin: 15px 0 0 0;
    }

    .reset-filter-block {
        display: none;
    }

    .no-items {
        flex: 50%;
        max-width: none;
    }

    .random-wrapper .lucky-switcher {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .item-page .header-wrapper.other-pages {
        margin-bottom: 5px;
    }

    .item-box {
        margin-bottom: 20px;
    }

    .page-footer {
        padding-bottom: 80px;
        transition: padding-bottom 0.3s ease-in-out;
    }
    body.menu-hidden .page-footer {
        padding-bottom: 0;
    }

    .payment-wrapper .payment-confirm-text {
        padding-right: 20px;
    }

    .header-menu {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 25px 10px 15px;
        z-index: 9999999;
        gap: 10px;
        border-radius: 20px 20px 0 0;
        transition: transform 0.3s ease-in-out; /* Плавное появление */
        transform: translateY(0); /* Изначально показываем меню */
    }

    .menu-handle {
        position: absolute;
        top: 7px;
        left: 50%;
        transform: translateX(-50%);
        width: 50px;
        height: 5px;
        background: #bbb;
        border-radius: 10px;
        cursor: grab;
    }

    .header-menu-item a {
        display: flex;
        flex-direction: column;
    }

    .header-menu.hidden {
        transform: translateY(80%);
    }

    .header-menu-item i {
        font-size: 18px;
        margin-bottom: 5px;
        margin-right: unset !important;
    }

    .statistics-wrapper {
        gap: 30px;
    }

    .statistics-wrapper .garant-items {
        padding: 0 !important;
    }

    .random-items-row .random-hitem-inner img {
        width: 55%;
    }

    .promo-content {
        justify-content: center;
        padding: 30px;
    }

    .promo-content .promo-image {
        display: none;
    }

    .promo-content .promo-text-wrapper {
        margin-left: unset;
    }

    .promo-content .promo-desc {
        line-height: unset;
    }

    .random-wrapper .random-price-block {
        margin-right: 16px;
    }

    .main-wrapper .filter-container {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 10px;
    }

    .no-items {
        flex: 100%;
        max-width: none;
    }

    .home-header .shop-title {
        font-size: 135px;
    }

    .filter-items .filter-promo .filter-promo-code {
        flex-basis: 165px;
        font-size: 13px;
        width: 165px;
    }

    .filter-items .filter-promo .filter-promo-text {
        font-size: 12px;
    }

    .filter-items .filter-promo {
        padding-left: 0px;
    }

    .filter-items .no-promo-block {
        flex-basis: 96%;
    }

    .reset-filter-block {
        margin: 15px auto 0 auto;
    }

    .platforms-filter-wrapper .btn-filter:after {
        width: 85px;
    }

    .filter-items .btn-group {
        width: 103.5%;
    }

    .goods-alert-block {
        margin-bottom: 30px;
    }

    .page-footer .footer-button-wrapper {
        top: -88px;
    }

    .subscribers-emoji {
        display: none;
    }

    .page-subscribers {
        height: inherit;
    }

    .page-subscribers .subscribers-text {
        margin: 0 auto 20px;
    }

    .page-subscribers .subscribers-num {
        font-size: 170px;
    }

    .banner-image img {
        position: absolute;
        width: unset;
    }

    .page-subscribers .subscribers-garantee {
        position: relative;
        top: 0px;
        left: 0px;
        margin: 0 auto 30px auto;
    }

    .page-subscribers .subscribers-video {
        position: relative;
        margin: 0 auto 30px auto;
    }

    .page-subscribers .subscribers-video.video-1, .page-subscribers .subscribers-video.video-2 {
        top: 0;
        left: 0;
        width: 263px;
        height: 175px;
    }

    .page-subscribers .subscribers-video.video-2 .video-icon {
        width: 68px;
        height: 68px;
    }

    .contacts-page .contacts-inner {
        margin-bottom: 30px;
    }

    .mobile-menu-btn {
        right: 17px;
    }

    #win-modal .modal-dialog {
        width: 510px;
        max-width: 510px;
        margin: 0px;
    }

    #roll-modal .modal-dialog {
        width: 510px;
        max-width: 510px;
        margin: 0px;
    }

    #win-modal .modal-body .win-item-image.gta-image {
        height: 210px;
    }

    #win-modal .win-key {
        margin: 15px 0;
    }

    #win-modal .modal-body {
        text-align: center;
    }

    #win-modal .win-info-notice p {
        width: 100%;
        margin: 0;
    }

    #win-modal .order-info-block {
        width: 100%;
        margin: 15px 0 0 0;
        min-height: inherit;
    }

    #win-modal .win-info-notice {
        position: relative;
        bottom: inherit;
        left: inherit;
    }

    #payment-info .order-info-block {
        width: 100%;
        margin: 15px 0 0 0;
        min-height: inherit;
    }

    #payment-info .order-info-block .item-discount {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 12px;
        margin: -2px 5px 10px 0px;
    }

    #win-modal .button.win-info-notice-btn {
        width: 130px;
        height: 50px;
        line-height: 50px;
        font-size: 12px;
    }

    #payment-info .order-info-block h6 {
        font-size: 25px;
    }

    #payment-info .order-info-block .item-price {
        height: 50px;
        margin: 0 5px 0 0;
    }

    #payment-info .order-info-block .item-price .item-price-before {
        font-size: 12px;
    }

    #payment-info .order-info-block .item-price .am-to-pay {
        font-size: 20px;
    }

    #payment-info .promo-alert {
        font-size: 12px;
    }

    #payment-info .order-info-block .window-close-notice {
        font-size: 14px;
        max-width: 260px;
    }

    .promo-page .stock-form-line {
        margin-bottom: 15px;
    }

    .promo-page .stock-form-line:last-child {
        margin-bottom: 0;
    }

    .promo-page .gifts-box-wrapper .gift-box-item {
        margin-bottom: 30px;
    }

    .promo-page .stock-prize-item .stock-prize-info {
        padding: 5px 25px 0 25px;
    }

    .promo-page .stock-prize-item .stock-prize-rating {
        margin: 6px auto 0 auto;
    }

    .random-wrapper .random-header .random-title-large {
        top: 60px;
        font-size: 60px
    }

    .random-wrapper .random-header:after {
        display: none;
    }

    .random-wrapper .random-header .header-info .random-title {
        line-height: 20px;
    }

    .random-wrapper .random-header .header-info .random-title {
        padding: 20px 12px 0 12px;
    }

    .random-wrapper .random-header .header-info .random-price {
        padding-top: 21px;
    }

    .random-wrapper .random-bottom-block {
        position: relative;
        top: -30px;
        text-align: center;
    }

    .random-wrapper .random-info-luck b {
        text-align: left;
    }

    .random-wrapper .random-price-wrap {
        text-align: center;
        padding-top: 25px;
    }

    .item-wrapper .item-info-wrapper .sales-timer-block {
        left: -26px;
    }

    .item-wrapper .item-info-wrapper .sales-wrapper .timer-text {
        padding-left: 0;
    }

    .special-price-block .item-button-wrapper .item-buttom {
        margin-top: 15px;
    }

    .roll-box {
        width: 100%;
    }

    .roll-box .spin-container {
        position: absolute;
        width: 620px;
        margin-left: -310px;
        left: 50%;
    }

    .home-header-random h1 {
        font-size: 34px;
    }

    .home-header-random h1 .home-header-logo {
        display: none;
    }

    .home-header-random h1 b {
        left: 0;
    }

    .home-header-random .home-header-desc {
        font-size: 13px;
    }

    .home-header-random .random-items-row {
        margin-top: 25px;
        margin-bottom: -30px;
    }
}

@media screen and (max-width: 575px) {
    #payment-info .order-info-block .email-input {
        width: 295px;
    }

    #payment-info .order-info-block .promo-input {
        width: 174px;
    }

    #win-modal .modal-body .win-item-image {
        height: 190px;
        width: 100%;
    }

    .payment-wrapper .payment-email-items .promocode-buttons {
        width: 100%;
    }

    .item-wrapper .item-info-wrapper .item-button {
        width: 160px;
    }

    .item-wrapper .item-info-wrapper .item-button-wrapper {
        margin-left: unset;
    }

    .value-item .value-info-img {
        right: -60px;
        top: -20px;
        height: 220px;
    }

    .item-wrapper .reviews-block.dropdown-md {
        margin-bottom: 50px;
    }

    .item-wrapper .item-info-wrapper .item-availability {
        margin-top: 20px;
        display: none;
    }

    .filter-container button {
        font-size: 14px;
    }

    .home-header .shop-title {
        font-size: 12rem;
    }

    .header-logo .header-logo-title {
        font-size: 16px;
        line-height: 16px;
    }

    .home-header .shop-title {
        font-size: 72px;
    }

    .home-header .shop-logo img {
        width: 150px;
        height: 150px;
    }

    .home-header .shop-logo {
        top: 150px;
    }

    .home-header .shop-subtitle {
        top: -65px;
        font-size: 60px;
    }

    .home-header .shop-description {
        top: -60px;
    }

    .home-header .shop-gift {
        top: -20px;
    }

    .header-wrapper.scroll .mobile-menu-btn {
        top: -48px;
    }

    .header-logo-img-wrapper {
        width: 40%;
    }

    /* .filters-wrapper ul.nav{height:268px;} */
    .filter-items {
        padding: 5px 15px 25px 15px;
    }

    /* .filters-wrapper .nav-link{text-align:left;padding-left:20%;} */
    .input-field.search-field {
        flex-basis: 180px;
        margin: 15px auto 0 auto;
    }

    .filter-items .btn-group {
        margin: 15px auto 0 auto;
    }

    .platforms-filter-wrapper .btn-filter:after {
        min-width: 26px;
        width: 100%;
    }

    .filter-items .filter-promo .filter-promo-code {
        width: 100%;
    }

    .btn-group > .btn:first-child {
        margin-left: 0 !important;
    }

    .filter-items .filter-promo {
        width: 100%;
        display: inline-block;
        margin: 15px 0;
    }

    .filter-items .filter-promo .filter-promo-text {
        position: relative;
        top: 20px;
    }

    /* .reset-filter-block{margin: 140px 0 14px -323px;}
.reset-filter-block .reset-filter:after {width: 320px;}
.reset-filter-block .reset-filter {width: 320px; flex-basis: unset;} */
    /* .item-box{max-width: 365px;margin:0 auto 30px auto;} */
    .page-showcase .showcase-text {
        font-size: 13px;
    }

    .page-showcase .showcase-logo-text {
        top: 0;
        font-size: 70px;
        line-height: 50px;
    }

    .page-showcase .showcase-logo-img-wrapper {
        top: 28px;
        width: 50px;
        height: 50px;
    }

    .page-showcase .main-items .item-box {
        width: 100%;
        max-width: 100%;
        height: 173px;
    }

    .page-showcase .goods-showcase-bottom .goods-showcase-price .goods-keys-price-sale {
        width: 30px;
        height: 30px;
        font-size: 10px;
        margin-right: 7px;
    }

    .page-subscribers .subscribers-num {
        font-size: 100px;
    }

    .page-subscribers .subscribers-garantee .subscribers-garantee-img {
        width: 270px;
    }

    .page-footer .footer-button-wrapper {
        top: -170px;
    }

    .page-footer .footer-button-wrapper {
        top: 25px;
        text-align: center;
    }

    .header-wrapper.other-pages {
        min-height: 68px;
    }

    .mobile-menu-btn {
        top: -48px;
    }

    /* .main-page .mobile-menu-btn{top:-31px;}  */
    .faq-slider {
        overflow: hidden;
    }

    .reviews-form .reviews-label {
        margin-right: 7px;
    }

    .reviews-form .g-recaptcha > div {
        transform: scale(100%);
    }

    .page-404 .page-404-images {
        display: none;
    }

    .page-404 .page-404-num {
        font-size: 144px;
    }

    .value-item .value-info-bottom-wrapper .value-price-text {
        margin-right: 9px;
    }

    .value-item .value-info-bottom-wrapper .value-price-num {
        font-size: 20px;
    }

    .payment-wrapper .payment-price {
        margin: 0;
        text-align: right;
    }

    .payment-wrapper .payment-bottom-text {
        margin: 0;
    }

    .payment-wrapper .payment-button {
        outline: none;
        max-width: 100%;
    }

    #win-modal .modal-dialog {
        width: 100%;
        max-width: 100%;
    }

    #roll-modal .modal-dialog {
        width: 100%;
        max-width: 100%;
    }

    #email-modal .modal-dialog {
        width: 100%;
        max-width: 100%;
        margin: 0px;
    }

    .value-item .btn-group .dropdown-toggle {
        padding: 0 18px 0 19px;
    }

    .contacts-page .stock-support-image img {
        width: 100%;
        height: auto;
    }

    .contacts-page .stock-icons-wrapper {
        margin-bottom: 60px;
    }

    .promo-page .stock-prize-item {
        height: auto;
        padding-bottom: 20px;
    }

    .promo-page .gifts-box-wrapper .gift-box-item {
        height: auto;
    }

    .promo-page .gift-box-win {
        height: 100%;
    }

    .promo-page .stock-prize-item {
        height: auto;
        padding-bottom: 20px;
    }

    /* .random-page-1 .random-wrapper .random-image{display:none;} */
    .random-wrapper .random-header .header-info {
        padding-top: 0px;
    }

    .random-wrapper .random-header .header-info .random-title {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .random-wrapper .random-header .header-info .random-desc {
        max-width: 60%;
    }

    .random-wrapper .random-header .header-info {
        padding-top: 30px;
        display: none;
    }

    .random-wrapper .random-wrapper-inner {
        height: 330px;
    }

    .random-wrapper .random-header {
        height: 330px;
    }

    .random-wrapper .random-header .randoms-nav {
        margin-top: -60px;
    }

    .random-wrapper .lucky-switcher ul li {
        width: 75px;
        font-size: 18px;
    }

    .random-wrapper .random-price-wrap .button {
        width: 150px;
    }

    .item-screens .buy-100-text {
        bottom: -35px;
    }

    /* .item-wrapper .item-image img{max-width:300px;} */
    .item-wrapper {
        overflow: hidden;
    }

    .item-wrapper .params-wrapper .params-list {
        padding: 0;
    }

    .item-wrapper .item-info-wrapper .sales-wrapper {
        width: 270px;
    }

    .item-wrapper .item-info-wrapper .sales-wrapper .timer-text {
        padding-left: 47px;
    }

    .random-items-row .random-hitem-inner .random-name {
        font-size: 25px;
        line-height: 22px;
    }

    .random-items-row .random-hitem-inner .random-desc {
        font-size: 14px;
        line-height: 19px;
    }

    .wrapper {
        overflow: hidden;
    }

    .win-100-wrapper .win-key {
        font-size: 50px;
    }

    .random-games-wrapper {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 360px) {
    #win-modal .modal-body .win-item-image {
        height: 170px;
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    #payment-info .order-info-block .email-input {
        width: 255px;
    }

    #payment-info .order-info-block .promo-input {
        width: 134px;
    }

    #win-modal .modal-body .win-item-image {
        height: 160px;
        width: 100%;
    }
}

.goods-showcase-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.goods-showcase-bottom .goods-showcase-accessory {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 70%;
    padding: 20px;
}

.goods-showcase-bottom .goods-showcase-price {
    position: absolute;
    right: 20px;
    bottom: 20px;
    max-width: 50%;
    background-color: var(--primary-color);
    border-radius: 15px;
    padding: 15px 15px 12px;
}

.goods-showcase-bottom .goods-keys-title {
    color: #fff;
    font-weight: 500;
    letter-spacing: -.08px;
    margin-bottom: 6px;
}

.goods-showcase-bottom .goods-showcase-price .goods-keys-price-current {
    display: inline-block;
    color: white;
    font-size: 16px;
    font-weight: 500;
}