@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600;800&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

body {
    font-family: 'Inter', sans-serif;
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    min-width: 360px;
    margin: 0 auto;
}

.wrapper {
    overflow: hidden;
}

.modal-open {
    overflow: hidden;
}

.container-fluid {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.container {
    position: relative;
    width: 1166px;
    margin: 0 auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-50 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.display-table-cell {
    display: table-cell;
}

.display-table-row {
    display: table-row;
}

.hide {
    display: none !important;
}

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

.text-white {
    color: #fff !important;
}

.form-inner.loading {
    pointer-events: none;
    opacity: 0.7;
}

.form-inner .form-label {
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}

.color-gray {
    color: #C4C4C4 !important;
}

.color-turquoise {
    color: #60FEFE !important;
}

.color-blue {
    color: #60AFFE !important;
}

.color-red {
    color: #FE6060 !important;
}

.color-white {
    color: #fff !important;
}

.flag-icon-none {
    background: url('../img/no-flag.svg');
}

.juatify-content-center {
    justify-content: center !important;
}

.rotate-90 {
    transform: rotate(90deg);
}

.section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.section-title h2 {
    color: #ECF1F0;
    font-size: 24px;
    line-height: 30px;
}

.section-title h2.with-icon {
    display: flex;
    align-items: center;
}

.section-title h2.with-icon .icon {
    margin-right: 10px;
}

.section-title h2 span {
    color: #444;
}

.section-title .section-title-right {
    color: #C4C4C4;
    font-weight: 600;
}

.nav-buttons {
    display: flex;
    justify-content: end;
    align-items: center;
}

.nav-buttons .btn {
    margin-left: 28px;
}

.nav-buttons .btn:first-child {
    margin-left: 0;
}

/* Range slider */
.slider-container {
    padding-top: 42px;
}

.slider-container .back-bar {
    height: 6px;
    position: relative;
    background: #232323;
    border-radius: 3px;
    transition: all 0.3s;
}

.slider-container .back-bar .selected-bar {
    position: absolute;
    height: 4px;
    top: 1px;
    background: #fff;
    border-radius: 3px;
    transition: all 0.3s;
}

.slider-container .back-bar .pointer {
    position: absolute;
    top: -5px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #232323;
    cursor: pointer;
    opacity: 1;
    z-index: 2;
    transition: all 0.3s;
}

.slider-container .back-bar .pointer.last-active {
    z-index: 3;
}

.slider-container .back-bar .pointer-label {
    position: absolute;
    top: -17px;
    font-size: 8px;
    background: white;
    white-space: nowrap;
    line-height: 1;
}

.slider-container .back-bar .focused {
    z-index: 10;
}

.slider-container .clickable-dummy {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.slider-container .scale {
    top: -36px;
    position: relative;
}

.slider-container .scale span {
    position: absolute;
    height: 5px;
}

.slider-container .scale span:nth-child(1) {
    color: #C4C4C4;
}

.slider-container .scale span:nth-child(2) {
    color: #60FE7A;
}

.slider-container .scale span:nth-child(3) {
    color: #608DFE;
}

.slider-container .scale span:nth-child(4) {
    color: #FE60FE;
}

.slider-container .scale span:nth-child(5) {
    color: #FE6060;
}

.slider-container .scale ins {
    text-decoration: none;
    position: absolute;
    left: 0;
    top: -12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
    cursor: auto;
}

/* Icons */

.icon {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

.icon.icon-catalog {
    background-image: url('../img/catalog.svg');
}

.icon.icon-search {
    background-image: url('../img/search.svg');
}

.icon.icon-cart {
    background-image: url('../img/cart.svg');
}

.icon.icon-like {
    background-image: url('../img/like.svg');
}

.icon.icon-gift {
    background-image: url('../img/gift.svg');
}

.icon.monitor-blue {
    background-image: url('../img/monitor-blue.svg');
}

.icon.mobile-blue {
    background-image: url('../img/mobile-blue.svg');
}

.icon.copy-yellow {
    background-image: url('../img/copy-yellow.svg');
}

.icon.fire {
    background-image: url('../img/fire.svg');
}

.icon.discord {
    background-image: url('../img/discord.svg');
}

.icon.discord-gradient {
    width: 32px;
    height: 32px;
    background-image: url('../img/discord-gradient.svg');
}

.icon.chevron-up {
    background-image: url('../img/chevron-up.svg');
}

.icon.chat {
    background-image: url('../img/chat.svg');
}

.icon.chat-circle {
    background-image: url('../img/chat-circle.svg');
}

.icon.vk {
    background-image: url('../img/vk.svg');
}

.icon.telegram {
    background-image: url('../img/telegram.svg');
}

.icon.youtube {
    background-image: url('../img/youtube.svg');
}

.icon.arrow-right {
    background-image: url('../img/arrow-right.svg');
}

.icon.copy {
    background-image: url('../img/copy.svg');
}

.icon.rows {
    background-image: url('../img/rows.svg');
}

.icon.add-to-queue {
    background-image: url('../img/add-to-queue.svg');
}

.icon.monitor-gray {
    background-image: url('../img/monitor-gray.svg');
}

.icon.mobile-gray {
    background-image: url('../img/mobile-gray.svg');
}

.icon.copy-gray {
    background-image: url('../img/copy-gray.svg');
}

.icon.chevron-up-gray {
    background-image: url('../img/chevron-up-gray.svg');
}

.icon.key-file {
    background-image: url('../img/key-file.svg');
}

.icon.key-file-gray {
    background-image: url('../img/key-file-gray.svg');
}

.icon.csgo {
    background-image: url('../img/csgo.svg');
}

.icon.dota2 {
    background-image: url('../img/dota2.svg');
}

.icon.random {
    width: 32px;
    height: 32px;
    background-image: url('../img/random.svg');
}

.icon.trophy {
    width: 32px;
    height: 32px;
    background-image: url('../img/trophy.svg');
}

.icon.prize-yellow {
    background-image: url('../img/prize-yellow.svg');
}

.icon.dota2-gray {
    background-image: url('../img/dota2-gray.svg');
}

.icon.other-games-gray {
    background-image: url('../img/other-games-gray.svg');
}

.icon.livedrop {
    background-image: url('../img/livedrop.svg');
}

.icon.ecoin {
    width: 32px;
    height: 32px;
    background-image: url('../img/ecoin.svg');
}

.icon.ecoin-gray {
    width: 32px;
    height: 32px;
    background-image: url('../img/ecoin-gray.svg');
}

.icon.youtube-red {
    width: 32px;
    height: 24px;
    background-image: url('../img/youtube-red.svg');
}

.icon.headphones {
    background-image: url('../img/headphones.svg');
}

/* Loader */
.sk-fading-circle {
    width: 2em;
    height: 2em;
    position: relative;
    margin: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: -0.9s;
    animation-delay: -0.9s;
}

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

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

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

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

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

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

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

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

@-webkit-keyframes sk-fading-circle-delay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-fading-circle-delay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.rotate-animation {
    -webkit-animation: rotate 1.2s infinite ease-in-out both;
    animation: rotate 1.2s infinite ease-in-out both;
}

@-webkit-keyframes rotate {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Buttons */

.btn {
    position: relative;
    color: #FFF;
    font-size: 16px;
    line-height: 16px;
    font-style: normal;
    font-weight: 700;
    border-radius: 16px;
    padding: 13px 20px;
    border: 0;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-submit.loading {
    pointer-events: none;
    transition: opacity 0.3s;
}

.btn-submit span {
    display: flex;
    align-items: center;
}

.btn-submit.loading span {
    opacity: 0;
    visibility: hidden;
}

.btn-submit .sk-fading-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1em 0 0 -1em;
}

.start-roullete .sk-fading-circle {
    z-index: 90;
}

.btn.btn-footer,
.icon-btn.btn-footer {
    background: #16171A;
    transition: all 0.3s;
}

.btn.btn-footer:hover,
.icon-btn.btn-footer:hover {
    background: #1d1f24;
}

.btn.btn-transparent {
    background: none;
    color: #8F8E89;
}

.btn.btn-transparent:hover {
    color: #fff;
}

.btn.show-more,
.btn.show-more-link {
    background: #0E0F11;
    padding: 12px 30px;
}

.btn.show-more:hover,
.btn.show-more-link:hover {
    background: #121417;
}

.btn.btn-light-gray {
    background: #212626;
}

.btn.btn-light-gray:hover {
    background: #1a1d1d;
}

.btn.btn-black {
    background: rgba(5, 4, 5, 0.8);
}

.btn.btn-black:hover {
    background: rgba(5, 4, 5, 0.4);
}

.btn.btn-green {
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: linear-gradient(180deg, #1E6550 0%, #2E8A6E 100%);
}

.btn.btn-purple {
    background: #8247E5;
}

.btn.btn-activate {
    background: #0F1010;
    color: #8F8E89;
    padding: 8px 20px;
}

.btn.with-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn.with-icon .icon,
.btn.with-icon .ci-icon {
    margin-right: 10px;
}

.icon-btn {
    display: flex;
    width: 50px;
    height: 50px;
    padding: 13px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
    background: rgba(5, 4, 5, 0.8);
    border: 0;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s;
}

.icon-btn:hover {
    background: rgba(5, 4, 5, 0.4);
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 100;
    display: none;
    font-size: 15px;
    color: #A8A7A3;
    text-align: left;
    list-style: none;
    background-color: #0F1010;
    background-clip: padding-box;
    border: 0;
    border-radius: 0 0 16px 16px;
}

.dropdown-menu.custom-scroll {
    max-height: 300px;
}

.mCSB_inside>.mCSB_container {
    margin-right: 14px;
}

.dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    position: relative;
    border: 0;
    background: none;
    color: #A8A7A3;
    font-size: 15px;
    font-weight: 500;
    padding: 11px 20px;
    border-bottom: 1px solid #171717;
    text-align: left;
    cursor: pointer;
    transition: background 0.3s;
}

.dropdown-menu .dropdown-item:hover {
    background: #1D1D1D;
}

.dropdown-menu .dropdown-item.active:after {
    content: '\e977';
    font-family: 'coolicons';
    font-size: 24px;
    color: #60FEFE;
    position: absolute;
    top: 7px;
    right: 10px;
}

.dropdown-menu .dropdown-item:last-child {
    border-bottom: 0;
    border-radius: 0 0 16px 16px;
}

.badge {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.26px;
    border-radius: 18px;
    padding: 1.5px 10px;
}

.badge.badge-gray {
    color: #fff;
    background: #212626;
}

.badge.badge-blue {
    background: #476FFF;
}

.alert {
    position: relative;
    display: inline-flex;
    padding: 20px;
    justify-content: start;
    align-items: center;
    border-radius: 9px;
    font-weight: 400;
    line-height: 26px;
    font-size: 14px;
}

.alert a {
    color: #fff;
}

.alert a:hover {
    text-decoration: none;
}

.alert.alert-success {
    background: linear-gradient(180deg, rgba(70, 160, 85, 0.40) 0%, rgba(95, 202, 113, 0.40) 100%);
}

.alert.alert-success-dark {
    background: linear-gradient(180deg, rgba(70, 160, 85, 0.20) 0%, rgba(95, 202, 113, 0.20) 100%);
}

.alert.alert-warning {
    background: linear-gradient(180deg, rgba(160, 159, 70, 0.40) 0%, rgba(202, 200, 95, 0.40) 100%);
}

.alert.alert-purple {
    background: linear-gradient(180deg, rgba(151, 71, 255, 0.20) 0%, rgba(141, 95, 202, 0.20) 100%);
}

.alert.alert-blue {
    background: linear-gradient(180deg, rgba(13, 51, 242, 0.2) 0%, rgba(41, 75, 246, 0.2) 100%);
}

.alert.alert-danger {
    background-color: #fdd6d8;
    color: #7f191e;
}

.alert .alert-icon {
    position: absolute;
    left: 20px;
    padding: 8px;
    border-radius: 18px;
    width: 48px;
    height: 48px;
}

.step-1-wrapper .alert-none {
    margin-top: 30px;
    padding-left: 0;
    width: 100%;
    justify-content: center;
    text-align: center;
}

.alert.alert-success .alert-icon {
    background: linear-gradient(180deg, rgba(70, 160, 85, 0.20) 0%, rgba(95, 202, 113, 0.20) 100%);
}

.alert.alert-success-dark .alert-icon {
    background: linear-gradient(180deg, rgba(70, 160, 85, 0.40) 0%, rgba(95, 202, 113, 0.40) 100%);
}

.alert.alert-warning .alert-icon {
    background: linear-gradient(180deg, rgba(255, 229, 112, 0.20) 0%, rgba(202, 182, 95, 0.20) 100%);
}

.alert.alert-purple .alert-icon {
    background: linear-gradient(180deg, rgba(174, 112, 255, 0.20) 0%, rgba(141, 95, 202, 0.20) 100%);
}

.alert.alert-blue .alert-icon {
    background: linear-gradient(180deg, rgba(24, 60, 242, 0.2) 0%, rgba(57, 88, 243, 0.2) 100%);
}

.alert .alert-icon .ci-icon {
    font-size: 32px;
}

.alert.alert-success .alert-icon .ci-icon {
    color: #73DE85;
}

.alert.alert-warning .alert-icon .ci-icon {
    color: #DECA73;
}

.alert.alert-purple .alert-icon .ci-icon {
    color: #A173DE;
}

.alert.alert-success-dark .alert-icon .ci-icon {
    color: #fff;
}

.alert.with-icon {
    padding-left: 88px;
}

/*Template*/

header {
    position: relative;
    background: url('../img/bg.png') no-repeat top center;
    height: 150px;
    padding: 35px 0;
    background-size: cover;
}

.home header {
    height: 600px;
    padding-bottom: 0;
    overflow: hidden;
}

.header-nav {
    position: relative;
    padding: 15px 80px;
    display: flex;
    align-items: center;
    z-index: 101;
}

header .header-catalog-btn {
    margin-left: 50px;

}

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

.header-nav .logo {
    display: flex;
    position: relative;
    line-height: 0;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    flex-shrink: 0;
}

.header-nav .logo strong {
    top: 7px;
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    font-weight: 800;
    line-height: normal;
    color: #fff;
    transition: all 0.3s;
}

.header-nav .logo>img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.header-nav .logo:hover strong {
    top: 0;
}

.header-nav .logo .domain {
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 800;
    position: relative;
    left: 0;
    bottom: -20px;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
}

.header-nav .logo:hover .domain {
    visibility: visible;
    bottom: 0;
    opacity: 1;
}

.header-nav .logo strong span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(10deg, #FEFAE7, #60FEFE);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
}

.header-nav .menu {
    margin-left: 56px;
}

.header-nav .menu ul {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 56px;
    list-style: none;
}

.header-nav .menu ul li {
    position: relative;
}

.header-nav .menu ul li.new::after {
    content: 'new';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    padding: 3px;
    border-radius: 3px;
}

.header-nav .menu ul li a {
    color: #E1DBDB;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s;
}

.header-nav .menu ul li:hover a {
    color: #fff;
}

.header-nav .search-wrapper-inner {
    margin-left: 48px;
    display: flex;
    width: 50px;
    height: 50px;
    padding: 13px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
    background: rgba(5, 4, 5, 0.8);
    border: 0;
    color: #fff;
    transition: background 0.3s ease-in-out;
}

.header-nav .search-wrapper-inner:hover {
    background: rgba(5, 4, 5, 0.4);
}

.header-nav .search-wrapper-inner.has-results {
    border-radius: 16px 16px 0 0;
}

.header-nav .search-wrapper-inner.has-results .start-search-btn {
    display: none;
}

.header-nav .search-wrapper-inner.has-results .clear-search-btn {
    display: block;
}

@keyframes widthAnimation {
    100% {
        width: 940px;
    }
}

.header-nav .search-wrapper {
    position: relative;
}

.header-nav .search-wrapper.active .search-wrapper-inner {
    position: absolute;
    top: -25px;
    right: -98px;
    background: rgb(5, 4, 5);
    padding: 13px 30px;
    animation: widthAnimation 0.5s forwards;
    z-index: 105;
}

.header-nav .search-btn {
    background: none;
}

.header-nav .search-wrapper .search-group {
    position: absolute;
    left: 68px;
    top: 13px;
    width: 842px;
    visibility: hidden;
    overflow: hidden;
}

.header-nav .search-wrapper .search-wrapper-inner {
    overflow: hidden;
}

.header-nav .search-wrapper .start-search-btn {
    position: absolute;
    right: 0;
    top: 0;
    color: #60FEFE;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: none;
    border: 0;
    text-decoration: none;
}

.free-case-banner {
    text-align: center;
    margin-bottom: 30px;
}

.free-case-banner img {
    width: auto;
    height: 150px;
    border-radius: 10px;
}

.search-wrapper .catalog-items.row-view .catalog-item .activations-list {
    left: 540px;
}

.header-nav .search-wrapper .search-field {
    color: #8F8E89;
    font-size: 16px;
    font-weight: 600;
    background: none;
    border: 0;
    width: 600px;
}

.header-nav .search-wrapper .clear-search-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #8F8E89;
    background: none;
    border: none;
    display: none;
    cursor: pointer;
}

.header-nav .search-wrapper.active .search-group {
    visibility: visible;
}

.header-nav .search-wrapper.active .search-btn {
    position: absolute;
    top: 0;
    left: 17px;
}

.header-nav .search-wrapper .search-result-list {
    position: absolute;
    top: 25px;
    right: -98px;
    border-radius: 0 0 18px 18px;
    background: #010001;
    /* box-shadow: 0px 16px 4px 0px rgba(0, 0, 0, 0.25); */
    box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    width: 940px;
    z-index: 100;
    display: none;
}

.header-nav .search-wrapper .search-result-list .show-more {
    display: none;
    margin-top: 30px;
}

.header-nav .search-wrapper .search-result-list .show-more.show,
.search-results-quantity {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-results-quantity {
    font-weight: 600;
    justify-content: start;
}

.header-nav .search-wrapper .search-result-list .show-more span,
.search-results-quantity span {
    display: inline-block;
    color: #60FEFE;
    margin: 0 4px;
}

.search-results-quantity span {
    margin-left: 0;
}

.header-nav .search-wrapper .search-result-list .show-more .ci-icon,
.search-results-quantity .ci-icon {
    margin-right: 6px;
}

.header-nav .actions {
    display: flex;
    margin-left: auto;
}

.header-nav .mini-profile {
    display: flex;
    align-items: center;
    margin: 0 0 0 40px;
}

.header-nav .header-fav-btn {
    margin-left: 20px;
}

.header-nav .mini-profile .user-balance {
    margin: 0 29px 0 15px;
    font-size: 16px;
    font-weight: 700;
}

.header-nav .mini-profile div.icon-btn {
    padding: 10px;
}

.header-nav .actions .btn.with-icon {
    margin: 0 20px 0 40px;
}


.header-icon {
    position: absolute;
    display: block;
    background-repeat: none;
    background-size: cover;
}

.header-icon.icon-1 {
    top: 225px;
    left: -125px;
    width: 180px;
    height: 171px;
    background-image: url('../img/game-icon-1.svg');
    opacity: 0;
    animation: headerIcon1 1s forwards;
}

@keyframes headerIcon1 {
    0% {
        top: 225px;
        left: -125px;
        opacity: 0;
    }

    100% {
        top: 194px;
        left: -104px;
        opacity: 1;
    }
}

.header-icon.icon-3 {
    left: 10px;
    bottom: -50px;
    width: 76px;
    height: 77px;
    background-image: url('../img/game-icon-2.svg');
    opacity: 0;
    animation: headerIcon3 1s forwards;
}

@keyframes headerIcon3 {
    0% {
        bottom: -50px;
        left: 10px;
        opacity: 0;
    }

    100% {
        bottom: -39px;
        left: 21px;
        opacity: 1;
    }
}

.header-icon.icon-2 {
    top: -30px;
    right: 0;
    width: 76px;
    height: 76px;
    background-image: url('../img/game-icon-3.svg');
    opacity: 0;
    animation: headerIcon2 1s forwards;
}

@keyframes headerIcon2 {
    0% {
        top: -30px;
        right: 0;
        opacity: 0;
    }

    100% {
        top: 7px;
        right: 21px;
        opacity: 1;
    }
}

.header-icon.icon-5 {
    bottom: 0;
    right: -125px;
    width: 180px;
    height: 170px;
    background-image: url('../img/game-icon-4.svg');
    opacity: 0;
    animation: headerIcon5 1s forwards;
}

@keyframes headerIcon5 {
    0% {
        bottom: 0;
        right: -125px;
        opacity: 0;
    }

    100% {
        bottom: 33px;
        right: -104px;
        opacity: 1;
    }
}

.header-icon.icon-4 {
    bottom: 15px;
    left: 550px;
    width: 77px;
    height: 79px;
    background-image: url('../img/game-icon-5.svg');
    opacity: 0;
    animation: headerIcon4 1s forwards;
}

@keyframes headerIcon4 {
    0% {
        bottom: 15px;
        left: 550px;
        opacity: 0;
    }

    100% {
        bottom: 33px;
        left: 575px;
        opacity: 1;
    }
}

.header-icon.icon-6 {
    top: 26px;
    left: 323px;
    width: 72px;
    height: 72px;
    background-image: url('../img/emoji.svg');
    opacity: 0;
}

header .header-content {
    position: relative;
    height: 485px;
}

header .person-image {
    position: absolute;
    right: 0;
    bottom: -166px;
    z-index: 1;
    width: 396px;
    height: auto;
    opacity: 0;
    animation: person 1s forwards;
}

@keyframes person {
    0% {
        right: 25px;
        bottom: -200px;
        opacity: 0;
    }

    100% {
        right: 0;
        bottom: -166px;
        opacity: 1;
    }
}

header h1 {
    position: relative;
    padding-top: 47px;
    margin-bottom: 17px;
    text-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.25);
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    z-index: 2;
}

.header-content-inner-show {
    position: relative;
    left: -100px;
    opacity: 0;
    animation: headerContent 1.5s forwards;
}

@keyframes headerContent {
    0% {
        left: -100px;
        opacity: 0;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}

header h1 span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(120deg, #FEFAE7, #60FEFE);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
}

header .subtitle {
    color: #C4C4C4;
    font-weight: 500;
}

.header-slider-wrapper {
    position: relative;
    width: 693px;
}

.header-slider {
    position: relative;
    margin-top: 40px;
}

.header-slider .header-slide {
    position: relative;
    padding: 32px 30px;
    width: 693px;
    height: 179px;
    background-image: url('../img/banner.png');
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center right;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.header-slider .title {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: #ECF1F0;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.header-slider .title .title-icon {
    display: flex;
    width: 36px;
    height: 36px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: linear-gradient(147deg, #FEFAE7 0%, #60FEFE 100%);
}

.header-slider .description {
    width: 370px;
    color: #C4C4C4;
    font-weight: 600;
    margin-top: 20px;
}

.header-slider .description a {
    color: #60FEFE;
    text-decoration: underline;
}

.header-slider .description a:hover {
    text-decoration: none;
}

.header-slider .slider-right {
    position: absolute;
    top: 32px;
    right: 40px;
}

.header-slider-wrapper .slider-counter {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.2px;
    width: 104px;
    text-align: center;
    position: absolute;
    z-index: 100;
    right: 76px;
    top: 38px;
}

.slider-nav {
    display: flex;
    width: 176px;
    justify-content: center;
    align-items: center;
    gap: 36px;
}

.header-slider .owl-nav {
    position: absolute;
    right: 40px;
    top: 32px;
    display: flex;
    width: 176px;
    justify-content: space-between;
    align-items: center;
    gap: 36px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.storefront-slider .owl-nav {
    width: 100%;
    position: absolute;
    top: 169px;
}

.storefront-slider .owl-nav button,
.footer-slider .owl-nav button {
    position: absolute;
    top: 0;
}

.footer-slider .owl-nav button {
    top: 50%;
    transform: translateY(-50%);
}

.storefront-slider .owl-nav .owl-prev {
    left: -50px;
}

.storefront-slider .owl-nav .owl-next {
    right: -50px;
}

.footer-slider .owl-nav .owl-prev {
    left: 80px;
}

.footer-slider .owl-nav .owl-next {
    right: 80px;
}

.owl-nav button {
    display: flex;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 11.52px;
    background-color: #212626;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: all 0.3s;
}

.owl-nav button:hover {
    background-color: #1a1d1d;
}

.owl-nav .owl-prev {
    background-image: url(../img/chevron-left.svg);
}

.owl-nav .owl-next {
    background-image: url(../img/chevron-right.svg);
}

.slider-nav .nav-btn {
    display: flex;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 11.52px;
    background-color: #212626;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.slider-nav .nav-btn.prev-btn {
    background-image: url(../img/chevron-left.svg);
}

.slider-nav .nav-btn.next-btn {
    background-image: url(../img/chevron-right.svg);
}

.header-slider .timer-wrapper {
    margin-top: 56px;
}

.timer-wrapper.inline {
    display: flex;
    align-items: center;
}

.timer-wrapper .finish-text {
    color: #C4C4C4;
    font-weight: 600;
}

.timer-wrapper .time {
    display: flex;
}

.timer-wrapper .time .timer-item {
    width: 32px;
    text-align: center;
}

.timer-wrapper .time .timer-days {
    margin-right: 10px;
}

.timer-wrapper .time span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(10deg, rgba(96, 254, 254, 1), rgba(254, 250, 231, 1));
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
}

.timer-wrapper.inline .finish-text {
    position: relative;
    top: -2px;
    margin-right: 10px;
}

.timer-wrapper .timer {
    display: flex;
    margin-top: -4px;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 1.2px;
}

.day-offer {
    padding: 50px 0;
    margin-bottom: 30px;
}

.day-offer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.day-offer-inner h2 {
    color: #ECF1F0;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

/* .loading {
    opacity: 0.5;
    pointer-events: none;
} */

.catalog-search {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}

.catalog-search .catalog-search-field-wrapper {
    position: relative;
    background: rgba(15, 16, 16, 0.80);
    padding: 13px 90px 13px 20px;
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: start;
    align-items: center;
    border-radius: 18px;
}

.catalog-search .catalog-search-field-wrapper .icon.icon-search {
    margin-right: 15px;
}

.catalog-search .search-field {
    color: #8F8E89;
    font-size: 16px;
    font-weight: 600;
    background: none;
    border: 0;
    width: 100%;
}

.catalog-search .start-search-btn {
    position: absolute;
    right: 20px;
    color: #60FEFE;
    font-weight: 600;
}

.catalog-items {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin: 50px 0;
}

.catalog-items.loading {
    opacity: 0.7;
}

.catalog-items .catalog-item {
    position: relative;
    width: 209px;
}

.catalog-items .catalog-item a {
    text-decoration: none;
    color: #fff;
}

.catalog-items .catalog-item .image {
    position: relative;
    line-height: 0;
    height: 218px;
    border-radius: 18px 18px 0px 0px;
    overflow: hidden;
}

.catalog-items.cases .catalog-item .image {
    border: 1px solid #16171A;
    border-bottom: none;
}

.catalog-items .catalog-item .image img {
    width: 100%;
    height: auto;
    transition: all 0.3s;
    opacity: 0.9;
}

.catalog-items .catalog-item:hover .image img {
    opacity: 1;
}

.catalog-items .no-results {
    padding: 30px 0;
    text-align: center;
    color: #8F8E89;
    font-weight: 500;
    width: 100%;
}

.catalog-items .catalog-item .label,
.product-info .label,
.roulette-item .label {
    font-family: 'Raleway', sans-serif;
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    height: 24px;
    padding: 0px 10px;
    align-items: center;
    border-radius: 18px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.28px;
    padding: 0 10px;
    z-index: 10;
}

.catalog-items .catalog-item .activations-list,
.roulette-items .roulette-item .activations-list {
    position: absolute;
    top: 20px;
    right: 17px;
    list-style: none;
    z-index: 50;
}

.catalog-items .catalog-item .activations-list li,
.roulette-items .roulette-item .activations-list li {
    margin-top: 14px;
}

.catalog-items .catalog-item .activations-list li:first-child,
.roulette-items .roulette-item .activations-list li:first-child {
    margin-top: 0;
}

.catalog-items .catalog-item .activations-list li img,
.roulette-items .roulette-item .activations-list li img {
    width: 24px;
    height: 24px;
}

.catalog-items .catalog-item .title {
    height: 78px;
    padding: 15px 20px;
    background: #1D2121;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    transition: all 0.3s;
}

.catalog-items .catalog-item:hover .title {
    background: #191c1c;
}

.catalog-items .catalog-item .title h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.catalog-items .catalog-item .price-wrapper,
.catalog-items .catalog-item .status-wrapper {
    display: flex;
    justify-content: space-between;
    height: 78px;
    border-radius: 0 0 18px 18px;
    background: #1D2121;
    padding: 15px 20px 16px;
    transition: all 0.3s;
}

.catalog-items .catalog-item .status-wrapper.catalog-page {
    align-items: center;
}

.catalog-items .catalog-item .status-wrapper.catalog-page .status {
    display: flex;
    align-items: center;
}

.catalog-items.row-view .catalog-item .status-wrapper.catalog-page .status {
    margin-right: 15px;
}

.catalog-items .catalog-item .status-wrapper.catalog-page .status .status-text {
    margin-bottom: 0;
}

.catalog-items .catalog-item .status-wrapper .overview-btn-lg {
    width: 100% !important;
}

.catalog-items .catalog-item:hover .price-wrapper,
.catalog-items .catalog-item:hover .status-wrapper {
    background: #191c1c;
}

.catalog-items .catalog-item .status-wrapper .status .status-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.32px;
    margin-bottom: 9px;
}

.catalog-items .catalog-item .status-wrapper .buy-btn.overview-btn {
    width: 100px;
}

.catalog-items .catalog-item .status-wrapper .status .date,
.case-items .case-item .status .date {
    color: #A8A7A3;
    font-size: 15px;
    line-height: 15px;
}

.catalog-items .catalog-item .status-wrapper .buy-btn {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 12.5px;
}

.catalog-items .catalog-item .status-wrapper .buy-btn .ci-icon {
    margin: 0;
}

.catalog-items .catalog-item .price-wrapper .prices,
.catalog-items .catalog-item .status-wrapper .prices {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
}

.catalog-items .catalog-item .price-wrapper .old-price {
    color: #A8A7A3;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
}

.catalog-items .catalog-item .price-wrapper .discount {
    display: inline-flex;
    height: 24px;
    padding: 0 10px;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #f5313a;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.25px;
    background-color: #f5313a;
}

/*Catalog Row view*/
.catalog-items.row-view .catalog-item {
    width: 100%;
    height: 78px;
}

.catalog-items.row-view .catalog-item a {
    display: flex;
}

.catalog-items.row-view .catalog-item .label {
    top: 27px;
    left: 307px;
    white-space: nowrap;
}

.catalog-items.row-view .catalog-item .activations-list {
    top: 0;
    left: 565px;
    list-style: none;
    display: flex;
    align-items: center;
    height: 78px;
    width: 140px;
    justify-content: end;
}

.catalog-items.row-view .catalog-item .activations-list li {
    margin: 0 0 0 20px;
}

.catalog-items.row-view .catalog-item .activations-list li:first-child {
    margin-left: 0;
}

.catalog-items.row-view .catalog-item .image {
    height: 78px;
    margin-right: -18px;
    overflow: inherit;
}

.catalog-items.row-view .catalog-item .image>img {
    width: 75px;
    height: 78px;
    border-radius: 18px;
}

.catalog-items.row-view .catalog-item .price-wrapper,
.catalog-items.row-view .catalog-item .status-wrapper {
    border-radius: 0 18px 18px 0;
    width: 625px;
    justify-content: end;
    align-items: center;
}

.catalog-items.row-view .catalog-item .price-wrapper .prices {
    margin-right: 30px;
}

.catalog-items.row-view .catalog-item .title {
    display: flex;
    align-items: center;
    width: 248px;
    border: 0;
    padding: 0 30px 0 46px;
}

.catalog-items.row-view .catalog-item .title h3 {
    height: auto;
}

/*End*/

.show-more-wrapper {
    text-align: center;
}

.categories {
    background: #0D0D0D;
}

.categories .categories-list {
    display: flex;
    padding: 41px 0;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
}

.categories .categories-list .category-item {
    position: relative;
    width: 369px;
    height: 179px;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.3s;
}

.categories .categories-list .category-item .category-item-inner::before,
.categories .categories-list .category-item .category-item-inner::after {
    content: '';
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.categories .categories-list .category-item .category-item-inner::before {
    background: url('../img/category-item-hover.png');
    opacity: 0;
}

.categories .categories-list .category-item:hover .category-item-inner::after {
    top: -15px;
    right: -10px;
}

.categories .categories-list .category-item:hover .category-item-inner::before {
    opacity: 1;
}

.categories .categories-list .category-item .category-item-inner::after {
    z-index: 1;
}

/* .categories .categories-list .category-item:hover::after {
    top: -20px;
    right: -20px;
} */

.categories .categories-list .category-item.pc .category-item-inner::after {
    background: url('../img/pc.png');
}

.categories .categories-list .category-item.console .category-item-inner::after {
    background: url('../img/console.png');
    right: -5px;
}

.categories .categories-list .category-item.skins .category-item-inner::after {
    background: url('../img/skins.png');
}

/* .categories .categories-list .category-item.pc {
    background: linear-gradient(225deg, #060809 0%, #2C4949 100%);
}

.categories .categories-list .category-item.pc:hover { 
    background: linear-gradient(225deg, #224949 0%, #1D8181 100%);
} */

/* .categories .categories-list .category-item.console {
    background: linear-gradient(225deg, #060809 0%, #2C3649 100%);
}

.categories .categories-list .category-item:hover.console {
    background: linear-gradient(225deg, #222F49 0%, #1D3E81 100%);
} */

/* .categories .categories-list .category-item.skins {
    background: linear-gradient(225deg, #060809 0%, #49442C 100%);
} */

.categories .categories-list .category-item .category-item-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.categories .categories-list .category-item::before,
.categories .categories-list .category-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    opacity: 0;
}

.categories .categories-list .category-item.pc::before {
    background: linear-gradient(225deg, #060809 0%, #2C4949 100%);
    opacity: 1;
}

.categories .categories-list .category-item.pc::after {
    background: linear-gradient(225deg, #224949 0%, #1D8181 100%);
}

.categories .categories-list .category-item.console::before {
    background: linear-gradient(225deg, #060809 0%, #2C3649 100%);
    opacity: 1;
}

.categories .categories-list .category-item.console::after {
    background: linear-gradient(225deg, #222F49 0%, #1D3E81 100%);
}

.categories .categories-list .category-item.skins::before {
    background: linear-gradient(225deg, #060809 0%, #49442C 100%);
    opacity: 1;
}

.categories .categories-list .category-item.skins::after {
    background: linear-gradient(225deg, #494222 0%, #81701D 100%);
}

.categories .categories-list .category-item:hover::after {
    opacity: 1;
}

.categories .categories-list .category-item a {
    position: relative;
    display: block;
    height: 100%;
    text-decoration: none;
    color: #fff;
    z-index: 4;
}

.categories .categories-list .category-item .info {
    position: absolute;
    left: 20px;
    bottom: 38px;
    line-height: normal;
}

.categories .categories-list .category-item h3 {
    font-size: 20px;
    line-height: 24px;
}

.categories .categories-list .category-item .icon {
    margin-bottom: 2px;
}

.hot-offers {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-bottom: 80px;
    margin-bottom: 50px;
}

.hot-offers.last {
    border-bottom: none;
    margin-bottom: 0;
}

.gta6 .hot-offers {
    border: 0;
}

.gta6 .hot-offers.last {
    padding: 0;
}

.hot-offers .hot-offers-title {
    margin: 50px 0 60px;
    text-align: center;
}

.hot-offers .hot-offers-title h2 {
    color: #ECF1F0;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.hot-offers .hot-offers-title .icon {
    top: 2px;
    margin-right: 5px;
}

.catalog-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catalog-title.catalog-page {
    margin: 65px 0 0;
}

.catalog-title.catalog-page .right-info {
    display: flex;
}

.catalog-title h2 {
    font-size: 20px;
    line-height: 30px
}

.gta6 .catalog-title.text-center {
    justify-content: center;
}

.catalog-title .icon,
.catalog-title .ci-icon {
    top: 4px;
    margin-right: 10px;
}

.catalog-title .ci-icon {
    position: relative;
    top: 2px;
}

.catalog-title .items-quantity {
    display: flex;
    align-items: center;
    color: #C4C4C4;
    font-weight: 600;
    text-decoration: none;
}

.catalog-title .items-quantity strong {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 1.2px;
    margin-left: 10px;
}

.catalog-title .btn-activate {
    margin-left: 20px;
}

.statistics {
    height: 140px;
    background: #080808;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.statistics .statistics-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.statistics .statistics-items {
    display: inline-flex;
    align-items: center;
    gap: 84px;
    height: 138px;
}

.statistics .statistics-items .statistics-item .number {
    font-size: 26px;
    font-weight: 800;
    line-height: 28px;
    margin-bottom: -5px;
}

.statistics .statistics-items .statistics-item .title {
    color: #C4C4C4;
    font-weight: 500;
    line-height: 44px;
}

.statistics .payment-methods ul {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    height: 138px;
    list-style: none;
}

.statistics .payment-methods ul img {
    width: auto;
    height: 28px;
    transition: all 0.3s;
}

.statistics .payment-methods ul li:hover img {
    transform: scale(1.1);
}

.lastrecent-purchases {
    margin-top: 80px;
}

.lastrecent-purchases.gradient-bg .section-title {
    margin: 0 0 33px;
}

.lastrecent-purchases.gradient-bg .section-title h2 {
    font-size: 20px;
    line-height: 24px;
}

.lastrecent-purchases.gradient-bg {
    padding-top: 33px;
}

.lastrecent-purchases.gradient-bg {
    background: url('../img/livedrop-bg.png') no-repeat bottom center;
    height: 236px;
}

.lastrecent-purchases-list {
    display: flex;
    align-items: center;
    gap: 30px;
}

.lastrecent-purchases-list .lastrecent-purchases-item {
    display: flex;
    align-items: center;
    width: 369px;
    height: 106px;
    flex-shrink: 0;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    padding: 21px 22px 21px 19px;
    line-height: 24px;
    transition: all 0.3s;
}

.lastrecent-purchases-list .lastrecent-purchases-item:hover {
    border-color: #fff;
}

.lastrecent-purchases-list .lastrecent-purchases-item .image {
    position: relative;
    width: 64px;
    height: 64px;
    margin-right: 20px;
}

.lastrecent-purchases-list .lastrecent-purchases-item .image:before {
    content: '';
    position: absolute;
    left: 18px;
    top: 18px;
    width: 27px;
    height: 27px;
    opacity: 0.8;
    filter: blur(9px);
}

.lastrecent-purchases-list .lastrecent-purchases-item.consumer .image:before {
    background: #B1C3D9;
}

.lastrecent-purchases-list .lastrecent-purchases-item.industrial .image:before {
    background: #5E98D8;
}

.lastrecent-purchases-list .lastrecent-purchases-item.mil-spec .image:before {
    background: #476FFF;
}

.lastrecent-purchases-list .lastrecent-purchases-item.restricted .image:before {
    background: #8846FF;
}

.lastrecent-purchases-list .lastrecent-purchases-item.classified .image:before {
    background: #B22EC2;
}

.lastrecent-purchases-list .lastrecent-purchases-item.covert .image:before {
    background: #FF2626;
}

.lastrecent-purchases-list .lastrecent-purchases-item.rare .image:before {
    background: #FFD66D;
}

.lastrecent-purchases-list .lastrecent-purchases-item.consumer .image {
    border-bottom: 1px solid #B1C3D9;
}

.lastrecent-purchases-list .lastrecent-purchases-item.industrial .image {
    border-bottom: 1px solid #5E98D8;
}

.lastrecent-purchases-list .lastrecent-purchases-item.mil-spec .image {
    border-bottom: 1px solid #476FFF;
}

.lastrecent-purchases-list .lastrecent-purchases-item.restricted .image {
    border-bottom: 1px solid #8846FF;
}

.lastrecent-purchases-list .lastrecent-purchases-item.classified .image {
    border-bottom: 1px solid #B22EC2;
}

.lastrecent-purchases-list .lastrecent-purchases-item.covert .image {
    border-bottom: 1px solid #FF2626;
}

.lastrecent-purchases-list .lastrecent-purchases-item.rare .image {
    border-bottom: 1px solid #FFD66D;
}

/*Dota2*/

.lastrecent-purchases-list .lastrecent-purchases-item.green .image {
    border-bottom: 1px solid #ADE55C;
}

.lastrecent-purchases-list .lastrecent-purchases-item.yellow .image {
    border-bottom: 1px solid #FFD66D;
}

.lastrecent-purchases-list .lastrecent-purchases-item.purple .image {
    border-bottom: 1px solid #A86CE0;
}

.lastrecent-purchases-list .lastrecent-purchases-item.pink .image {
    border-bottom: 1px solid #E46AD6;
}


.lastrecent-purchases-list .lastrecent-purchases-item .image img {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 12px;
    z-index: 2;
}

.lastrecent-purchases-list .lastrecent-purchases-item .title {
    font-weight: 700;
    width: 244px;
    margin-bottom: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lastrecent-purchases-list .lastrecent-purchases-item .email {
    color: #60FEFE;
    font-weight: 500;
    width: 244px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-slider {
    margin-top: 120px;
}

.discord-slide {
    position: relative;
    height: 340px;
    background-image: url('../img/discord-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px 0;
    background-size: cover;
}

.discord-slide .slider-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    height: 36px;
    margin-top: -18px;
}

.discord-slide .discord-slider-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 270px;
}

.discord-slide .discord-slider-content .info {
    width: 473px;
}

.discord-slide .discord-slider-content h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 800;
    margin-bottom: 27px;
}

.discord-slide .discord-slider-content h2 .icon {
    top: 5px;
}

.discord-slide .discord-slider-content .description {
    color: #C4C4C4;
    font-weight: 500;
}

.discord-slide .discord-slider-content .btn {
    text-shadow: 0px 2.5px 0px rgba(0, 0, 0, 0.25);
    padding: 16px 20px;
    transition: all 0.3s;
}

.discord-slide .discord-slider-content .btn:hover {
    opacity: 0.8;
}

.discord-slide .discord-button-wrapper {
    padding-top: 20px;
}

footer {
    border-top: 1px solid #232323;
}

footer .container {
    overflow: hidden;
}

.home footer .container {
    overflow: inherit;
}

.footer-slider-wrapper .person-image-wrapper {
    display: none;
}

footer .footer-inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
    height: 245px;
    padding: 80px 0 0;
    overflow: hidden;
}

.home footer .footer-inner {
    overflow: inherit;
}

footer .person-image {
    position: absolute;
    bottom: -440px;
    left: 499px;
    z-index: 100;
    width: 396px;
    height: auto;
}

.warranties-page footer .person-image,
.other-page footer .person-image {
    display: none;
}

.home footer .person-image {
    bottom: -99px;
}

.gta6 footer .person-image {
    bottom: -260px;
}

footer .footer-inner .copyright {
    margin-top: 16px;
    font-weight: 500;
    line-height: normal;
}

footer .footer-menu {
    display: flex;
    flex-wrap: wrap;
    width: 490px;
}

footer .footer-menu .btn:first-child {
    margin-right: 28px;
}

footer .footer-menu ul {
    margin-top: 44px;
    list-style: none;
}

footer .footer-menu ul li {
    display: block;
    margin-bottom: 14px;
}

footer .footer-menu ul li:last-child {
    margin-bottom: 0;
}

footer .footer-menu ul li a {
    color: #8F8E89;
    line-height: normal;
    text-decoration: none;
}

footer .footer-menu ul li a:hover {
    text-decoration: underline;
}

footer .to-top-button {
    background: #050406;
    transition: all 0.3s;
}

footer .to-top-button:hover {
    background: #1d1f24;
}

footer .to-top-button .icon {
    margin: 0 0 0 10px !important;
}

footer .social-buttons {
    display: flex;
    flex-wrap: wrap;
    width: 190px;
}

footer .social-buttons .icon-btn {
    margin-left: 20px;
}

footer .social-buttons .icon-btn:first-child {
    margin-left: 0;
}

.copyright-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
}

footer .designer-copyright {
    color: #8F8E89;
    line-height: normal;
    margin-top: 50px;
}

footer .designer-copyright span {
    color: #FFCD70;
}

.breadcrumbs-wrapper {
    border-bottom: 1px solid #171717;
}

.breadcrumbs-wrapper .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.breadcrumbs-wrapper .order-id {
    font-size: 15px;
}

.breadcrumbs-wrapper .breadcrumbs {
    display: flex;
    align-items: center;
    height: 84px;
}

.breadcrumbs-wrapper .breadcrumbs .icon {
    margin-right: 14px;
}

.breadcrumbs-wrapper .breadcrumbs ul {
    list-style: none;
    display: flex;
}

.breadcrumbs-wrapper .breadcrumbs ul li {
    position: relative;
}

.breadcrumbs-wrapper .breadcrumbs ul li::after {
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #373737;
    ;
    margin: 0 14px;
}

.breadcrumbs-wrapper .breadcrumbs ul li.active::after {
    display: none;
}

.breadcrumbs-wrapper .breadcrumbs ul li a {
    color: #6D7171;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s;
}

.breadcrumbs-wrapper .breadcrumbs ul li a:hover {
    color: #fff;
}

.breadcrumbs-wrapper .breadcrumbs ul li.active {
    color: #fff;
    font-weight: 600;
}

.catalog {
    padding-bottom: 84px;
}

.catalog .section-title,
.page .section-title {
    margin: 46px 0;
}

.catalog .section-title h2,
.page .section-title h2 {
    color: #fff;
}

.catalog .controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catalog .controls .column-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.catalog .column-left {
    width: 1165px;
}

.catalog .column-right,
.catalog .search-column-right {
    width: 210px;
}

.categories-control {
    display: flex;
}

.categories-control .category-btn {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 0;
    height: 40px;
    font-size: 16px;
    color: #8F8E89;
    border: 2px solid transparent;
    margin-left: 24px;
    background: none;
    border-radius: 16px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s;
}

.categories-control .category-btn.separate-btn::before {
    content: '';
    position: absolute;
    left: -14px;
    top: 0;
    width: 1px;
    height: 40px;
    background: #8F8E89;
}

.categories-control .category-btn.separate-btn::before {
    display: none;
}

.categories-control .category-btn.active {
    color: #fff;
    border-color: #fff;
    padding: 8px 20px;
}

.categories-control .category-btn:hover {
    color: #fff;
}

.categories-control .category-btn.active .ci-icon,
.categories-control .category-btn:hover .ci-icon {
    color: #60FEFE;
}

.categories-control .category-btn .icon,
.categories-control .category-btn .ci-icon {
    margin-right: 10px;
    transition: all 0.3s;
}

.categories-control .category-btn:first-child {
    margin-left: 0;
}

.grid-control {
    display: flex;
}

.grid-control .mobile-filter-btn {
    display: none;
}

.grid-control .grid-btn {
    margin-left: 12px;
    background: #0F1010;
    color: #8F8E89;
    font-size: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    transition: all 0.3s;
}

.grid-control .grid-btn:hover {
    background: #1a1d1d;
}

.grid-control .grid-btn .ci-icon {
    font-size: 20px;
}

.grid-control .grid-btn.active {
    color: #fff;
}

.grid-control .grid-btn:first-child {
    margin-left: 0;
}

.sort-control {
    display: flex;
    justify-content: end;
}

.sort-control .btn,
.genres-control .btn {
    background: #0F1010;
    height: 40px;
    width: 210px;
    font-size: 15px;
    border-radius: 16px;
    transition: all 0.4s;
    justify-content: start;
}

.sort-control .btn:hover,
.genres-control .btn:hover {
    background: #1a1d1d;
}

.sort-control .dropdown.active .btn,
.genres-control .dropdown.active .btn {
    transition: all 0.1s;
}

.sort-control .dropdown.active .btn,
.genres-control .dropdown.active .btn {
    border-radius: 16px 16px 0 0;
}

.sort-control .btn .ci-icon,
.genres-control .btn .ci-icon {
    position: absolute;
    right: 15px;
    margin: 0;
    font-size: 18px;
    transition: transform 0.3s;
}

.sort-control .dropdown.active .btn .ci-icon,
.genres-control .dropdown.active .btn .ci-icon {
    transform: rotate(180deg);
}

.series-control {
    display: flex;
}

.series-control .series-btn {
    position: relative;
    width: 90px;
    height: 40px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0F1010;
    border: 0;
    margin-left: 30px;
    cursor: pointer;
    background-size: 90px 80px;
    background-position: 0 0;
    transition: all 0.3s;
}

.series-control .series-btn:hover {
    background-color: #1a1d1d;
}

.series-control .series-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 40px;
    opacity: 0;
    transition: opacity 0.3s;
    border-radius: 20px;
    background-color: #0F1010;
    background-image: inherit;
    background-size: inherit;
    background-position: 0 -40px;
}

.series-control .series-btn.active::after {
    opacity: 1;
}

.series-control .series-btn:first-child {
    margin-left: 0;
}

.catalog .series-control {
    margin-top: 41px;
}

.actvations-control ul {
    list-style: none;
}

.actvations-control ul li,
.labels-control ul li {
    display: flex;
    height: 40px;
    line-height: 40px;
    margin-bottom: 21px;
}

.actvations-control ul li:last-child,
.labels-control ul li:last-child {
    margin-bottom: 0;
}

.actvations-control ul li .activation-btn,
.labels-control ul li .label-btn {
    position: relative;
    width: 100%;
    display: block;
    padding: 0 20px 0 52px;
    text-decoration: none;
    color: #8F8E89;
    font-weight: 600;
    background: none;
    border: 0;
    text-align: left;
    font-size: 16px;
    border: 2px solid transparent;
    border-radius: 20px;
    transition: all 0.3s;
    cursor: pointer;
}

.actvations-control ul li .activation-btn:hover,
.labels-control ul li .label-btn:hover {
    color: #fff;
}

.actvations-control ul li .activation-btn img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 6px;
    left: 20px;
    transition: all 0.3s;
}

.actvations-control ul li .activation-btn .color-image {
    visibility: hidden;
    opacity: 0;
}

.actvations-control ul li .activation-btn.active .color-image,
.actvations-control ul li .activation-btn:hover .color-image {
    visibility: visible;
    opacity: 1;
}

.actvations-control ul li .activation-btn.active .gray-image {
    visibility: hidden;
    opacity: 0;
}

.labels-control ul li .label-btn {
    padding: 0 40px 0 20px;
}

.labels-control ul li .label-btn.active,
.actvations-control ul li .activation-btn.active {
    color: #fff;
    border-color: #fff;
}

.labels-control ul li .label-btn.active {
    padding: 0 20px;
}

.catalog .actvations-control {
    margin-top: 40px;
}

.labels-control ul {
    list-style: none;
}

.catalog .labels-control,
.catalog .genres-control {
    margin-top: 30px;
}

.labels-control .badge {
    position: absolute;
    right: 20px;
    top: 7px;
    transition: all 0.3s;
}

.catalog .genres-control .btn {
    display: flex;
    justify-content: space-between;
    color: #8F8E89;
}

.catalog .catalog-items {
    flex-wrap: wrap;
    margin-top: 0px;
}

.gta6 .catalog-items {
    justify-content: center;
}

.search-wrapper .catalog-items {
    flex-wrap: wrap;
    margin: 0;
}

.page .page-inner {
    color: #8F8E89;
    font-size: 16px;
    line-height: 36px;
    padding-bottom: 120px;
}

.agreement-list ul {
    list-style: none;
}

.agreement-list ul>li>ul {
    margin-bottom: 40px;
}

.agreement-list ul li strong {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
}

.product {
    padding-bottom: 129px;
}

.product .product-inner {
    background: url('../img/product-bg.png') no-repeat top center;
    background-size: cover;
    min-height: 448px;
    padding-top: 0;
}

.product.case-active:not(.single-page-view) .product-inner {
    padding-bottom: 0;
}

.sales-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 30px;
}

.sales-wrapper .sales-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 80px;
}

.sales-wrapper .sales-inner:before {
    content: '';
    width: 591px;
    height: 80px;
    position: absolute;
    top: 0;
    left: -28px;
    background: url('../img/sales-bg.png') no-repeat;
}

.sales-wrapper .sales-inner .ci-icon {
    font-size: 32px;
    color: #9747FF;
    position: relative;
    margin-right: 20px;
}

.sales-wrapper .sales-inner .ci-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: radial-gradient(#9747FF, transparent);
    opacity: 0.7;
    filter: blur(10px);
}

.sales-wrapper .sales-inner .timer-title {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 2;
}

.product-inner .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 50px;
}

.product-inner .title.gta6 {
    justify-content: start;
}

.case-page .product-inner .title {
    margin-bottom: 36px;
}

.case-active:not(.single-page-view) .product-inner .title {
    flex-direction: row-reverse;
}

.case-active:not(.single-page-view).with-switch .product-inner .title {
    flex-direction: row;
}

.case-active.case-page .product-inner .title {
    flex-direction: column;
    padding-top: 36px;
}

.product-inner .alert-warning {
    display: none;
}

.case-active .product-inner .alert-warning {
    display: block;
    margin-bottom: 40px;
}

.with-switch.case-active .product-inner .alert-warning {
    margin-bottom: 0;
}

.product-inner .title h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 30px;
    max-width: 600px;
}

.product-inner .title .buy-btn {
    width: 262px;
}

.case-switcher,
.platforms-switcher {
    display: flex;
    justify-content: end;
}

.case-switcher .case-switcher-btn,
.platforms-switcher .platform-switcher-btn {
    text-decoration: none;
    color: #8F8E89;
    font-weight: 600;
    height: 40px;
    border-radius: 16px;
    padding: 0 20px;
    border: 2px solid transparent;
    margin-left: 8px;
    background: none;
    cursor: pointer;
    text-align: left;
    transition: color 0.3s;
}

.case-switcher .case-switcher-btn {
    display: flex;
    align-items: center;
}

.platforms-switcher .platform-switcher-btn {
    position: relative;
    width: 150px;
    justify-content: center;
    margin-left: 20px;
    padding-left: 52px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    transition: all 0.3s;
}

.platforms-switcher .platform-switcher-btn img {
    position: absolute;
    left: 20px;
    width: 24px;
    height: 24px;
    transition: opacity 0.3s;
    top: 50%;
    transform: translateY(-50%);
}

.platforms-switcher .platform-switcher-btn img.color-image {
    visibility: hidden;
    opacity: 0;
}

.platforms-switcher .platform-switcher-btn.active img.color-image {
    visibility: visible;
    opacity: 1;
}

.platforms-switcher .platform-switcher-btn.active img.gray-image {
    visibility: hidden;
    opacity: 0;
}

.case-switcher .case-switcher-btn:first-child,
.platforms-switcher .platform-switcher-btn:first-child {
    margin-left: 0;
}

.case-switcher .case-switcher-btn.active,
.platforms-switcher .platform-switcher-btn.active {
    border: 1px solid #fff;
    color: #fff;
}

.case-switcher .case-switcher-btn:hover {
    color: #fff;
}

.case-switcher .case-switcher-btn .ci-icon {
    margin-right: 10px;
}

.case-switcher .case-switcher-btn.active .ci-icon,
.case-switcher .case-switcher-btn:hover .ci-icon {
    color: #60FEFE;
}

.product-info {
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
}

.with-switch .product-info {
    justify-content: start;
}

.product-info.free-case {
    display: block;
}

.product-info.free-case .free-case-row {
    display: flex;
    justify-content: center;
}

.product-info.free-case .free-case-row .free-case-left {
    margin-right: 50px;
}

.product-info.free-case .price-wrapper .price-buttons {
    margin-top: 0;
}

.product-info.free-case .image {
    margin: 0 auto;
}

.product-info.free-case .info {
    margin-right: 0 !important;
    padding-right: 0 !important;
    border: 0 !important;
}

.product-info.free-case .price-wrapper {
    margin: 0 auto;
    padding-top: 30px !important;
}

.product-info.free-case .alert.alert-success-dark {
    max-width: 330px;
    margin: 30px auto 0;
}

.product-info .image {
    width: 276px;
    margin-right: 40px;
    position: relative;
    line-height: 0;
}

.product-info .image .case-game {
    position: absolute;
    top: 20px;
    right: 20px;
}

.product-info .image img {
    width: 276px;
    height: 288px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.10);
}

.case-active:not(.single-page-view) .product-info .options-list {
    margin-top: 19px;
}

.product-info .info-inner {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.with-switch .product-info .info-inner {
    margin: 0 0 40px;
}

.with-switch:not(.single-page-view) .product-info .info-inner {
    margin: 0 0 40px;
}

.case-active:not(.single-page-view) .product-info .info-inner {
    flex-direction: row-reverse;
    margin-top: 0;
}

.product-info .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.case-active:not(.single-page-view) .product-info .info {
    display: block;
}

.case-active:not(.single-page-view) .product-info {
    justify-content: start;
}

.case-active:not(.single-page-view) .product-info .info {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
}

.product-info .alert {
    width: 100%;
}


.case-active .alert {
    display: none;
}

.case-active.case-page .alert {
    display: block;
}

.options-list .option-row {
    display: flex;
    align-items: start;
    margin-top: 32px;
}

.options-list .option-row:first-child {
    margin-top: 0;
}

.options-list .option-row .option-title {
    width: 205px;
    color: #8F8E89;
    font-weight: 600;
    line-height: 26px;
}

.options-list .option-row .option-value {
    display: flex;
    width: 290px;
    align-items: center;
    font-weight: 600;
}

.options-list .option-row .icon,
.options-list .option-row .ci-icon,
.options-list .option-row .activation-icon {
    margin-right: 10px;
}

.options-list .option-row .activation-icon {
    width: 24px;
    height: 24px;
}

.options-list .activations-list {
    display: flex;
    flex-wrap: wrap;
}

.options-list .activations-list .activation-item {
    display: flex;
    align-items: center;
    margin-right: 20px;
    white-space: nowrap;
}

.options-list .activations-list .activation-item:last-child {
    margin-right: 0;
}

.product-info .price-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 278px;
    justify-content: center;
}

.product-info.free-case .price-wrapper .discount {
    display: block;
    margin: 0 auto;
}

.product-info.free-case .timer-wrapper {
    text-align: center;
    margin-top: 0;
}

.product-info.free-case .finish-text {
    margin-bottom: 15px;
}

.case-active:not(.single-page-view) .product-info .price-wrapper {
    justify-content: start;
}

.product-info .price-wrapper .buy-btn {
    margin-top: 18px;
}

.case-active:not(.single-page-view) .product-info .price-wrapper .buy-btn {
    margin-top: 23px;
}

.product-info .options-list .btn-gray {
    width: 278px;
    margin-top: 35px;
    display: none;
}

.case-active:not(.single-page-view) .product-info .options-list .btn-gray {
    display: flex;
}

.case-active:not(.single-page-view) .product-info .price-wrapper {
    padding-top: 32px;
    width: 278px;
}

.with-switch.case-active:not(.single-page-view) .product-info .price-wrapper {
    padding-top: 0;
}

.case-active.case-page:not(.single-page-view) .product-info .price-wrapper {
    padding-top: 9px;
}

.case-active:not(.single-page-view) .product-info .info {
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    margin-left: 40px;
    padding-left: 40px;
}

.case-active.case-page:not(.single-page-view) .product-info .info {
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-left: 0;
    margin: 0 40px 0 0;
    padding: 0 40px 0 0;
}

.product-info .price-wrapper .prices {
    line-height: 30px;
    display: flex;
    align-items: center;
}

.case-active .product-info .price-wrapper .prices {
    height: 72px;
    display: block;
}

.product-info .price-wrapper .price {
    font-size: 33px;
    font-weight: 700;
    color: #f5313a;
}

.case-active .product-info .price-wrapper .price {
    margin-bottom: 12px;
}

.product-info .price-wrapper .old-price {
    font-size: 24px;
    text-decoration: line-through;
    display: none;
}

.case-active .product-info .price-wrapper .old-price {
    display: block;
}

.buy-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 278px;
    height: 50px;
    padding: 13px 30px;
    border-radius: 18px;
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border: 0;
    white-space: nowrap;
    flex-shrink: 0;
    background: none;
}

.buy-btn>span {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 4;
}

.get-balance-btn span {
    justify-content: center;
}

.buy-btn::after,
.buy-btn::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    opacity: 0;
    border-radius: 18px;
}

.buy-btn:hover::after {
    opacity: 1;
}

.buy-btn::before {
    opacity: 1;
}

.buy-btn.btn-blue::before {
    background: linear-gradient(180deg, #1E2065 0%, #3A5CAF 100%);
}

.buy-btn.btn-blue::after {
    background: linear-gradient(180deg, #26297f 0%, #4066c3 100%);
}

.buy-btn.btn-purple::before {
    background: linear-gradient(180deg, #3D1E65 0%, #6D3AAF 100%);
}

.buy-btn.btn-purple::after {
    background: linear-gradient(180deg, #502785 0%, #7941c3 100%);
}

.btn.btn-gray-outline {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #6D7171;
    font-weight: 500;
    font-size: 15px;
}

.buy-item-btn span:last-child {
    margin-left: 7px;
}

.btn.btn-gray-outline:hover {
    color: #fff;
    border-color: #fff;
}

.buy-btn.btn-gray::before {
    background: linear-gradient(225deg, #1B2329 0%, #2C4949 100%);
}

.buy-btn.btn-gray::after {
    background: linear-gradient(225deg, #2a3640 0%, #3a6060 100%);
}

.buy-btn.btn-danger::before {
    background: linear-gradient(225deg, #7a0606 0%, #480505 100%);
}

.buy-btn.btn-danger::after {
    background: linear-gradient(225deg, #990808 0%, #650707 100%);
}

.buy-btn.btn-danger-light::before {
    background: linear-gradient(225deg, #f5313a 0%, #f5313a 100%);
}

.buy-btn.btn-danger-light::after {
    background: linear-gradient(225deg, #e62e36 0%, #e62e36 100%);
}

.buy-btn.cancel-order-btn {
    border: 0;
    background: none;
}

.buy-btn.cancel-order-btn::after,
.buy-btn.cancel-order-btn::before {
    border-radius: 50%;
}

.buy-btn.btn-gray.btn-outline {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #6D7171;
}

.buy-btn.btn-gray.btn-outline:hover {
    border: 1px solid #fff;
    color: #fff;
}

.buy-btn.btn-turquoise::before {
    background: linear-gradient(180deg, #1E6565 0%, #3AAFAF 100%);
}

.buy-btn.btn-turquoise::after {
    background: linear-gradient(180deg, #288484 0%, #45cdcd 100%);
}

.buy-btn.btn-darkgreen::before {
    background: linear-gradient(225deg, #1B2329 0%, #2C4949 100%);
}

.buy-btn.btn-darkgreen::after {
    background: linear-gradient(225deg, #2b3741 0%, #3c6363 100%);
}

.buy-btn.btn-green::before {
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: linear-gradient(180deg, #1E6550 0%, #2E8A6E 100%);
}

.buy-btn.btn-green::after {
    background: linear-gradient(180deg, #247a60 0%, #37a483 100%);
}

.buy-btn.btn-white.btn-outline {
    transition: all 0.3s;
    border: 1px solid #fff;
}

.buy-btn.btn-white.btn-outline:hover {
    background: #fff;
    color: #000;
}

.buy-btn .ci-icon {
    margin-right: 10px;
}

.product-info .price-wrapper .btn-purple {
    display: none;
}

.product-info .price-wrapper .price-buttons {
    margin-top: 28px;
}

.price-wrapper .bonus-value {
    padding: 2px 10px;
    color: #16171A;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.28px;
    border-radius: 8px;
    background: #60FEFE;
    margin-left: 20px;
    animation: opacityAnimation .5s forwards;
}

.x2-chance-prize-btn.active {
    color: #000;
    background: #fff;
}

.product-info .additional-cost {
    width: 100%;
    text-align: center;
    font-weight: 700;
    line-height: 30px;
    margin-top: 30px;
}

.product-info .additional-cost.with-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-info .additional-cost.with-icon .ci-icon {
    margin-right: 10px;
}

.case-active .product-info .price-wrapper .btn-purple {
    display: flex;
    margin-top: 20px;
}

.case-active.single-page-view .product-info .price-wrapper .btn-purple {
    display: none !important;
}

.product-info .price-wrapper .discount,
.checkout-price-inner .price-wrapper .discount {
    display: inline-flex;
    height: 24px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #f5313a;
    margin-left: 20px;
    background-color: #f5313a;
}

.steam-more-info-block {
    margin-top: 30px;
}

.steam-more-info-block .alert.alert-success {
    margin-bottom: 30px;
}

.steam-more-info-block .alert.alert-blue {
    margin-top: 30px;
}

.product-info .price-wrapper .discount {
    display: none;
}

.case-active .product-info .price-wrapper .discount {
    display: inline-flex;
}

.product-info .control-buttons {
    display: flex;
    gap: 30px;
    text-align: center;
    margin-top: 40px;
}

.product-info .control-buttons .buy-btn {
    width: 225px;
}

.product-info .chance-wrapper {
    width: 100%;
    line-height: 30px;
    margin-top: 30px;
    font-weight: 600;
    text-align: center;
}

.product-info .price-wrapper .chance-wrapper {
    margin-top: 37px;
}

.price-wrapper .chance-wrapper .canceled-chance-btn {
    color: #fff;
    font-size: 12px;
}

.price-wrapper .chance-wrapper .canceled-chance-btn:hover {
    text-decoration: none;
}

.chance-wrapper .chance,
.roulette-wrapper .title .chance {
    display: inline-block;
    margin-left: 10px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    padding: 0 10px;
    color: #fff;
    background: linear-gradient(180deg, #1E2065 0%, #3A5CAF 100%);
}

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

.product .lastrecent-purchases,
.product .incase-wrapper,
.case-active:not(.single-page-view) .product-description {
    display: none;
}

.single-page-view .lastrecent-purchases {
    display: block !important;
}

.product.case-active .lastrecent-purchases,
.product.case-active .incase-wrapper {
    display: block;
    margin-top: 60px;
}

.product-description .left-column {
    width: 276px;
}

.product-description .right-column {
    width: 850px;
}

.product-description .left-column {
    margin-top: 50px;
}

.product-description .options-list {
    margin: 0 0 44px;
}

.product-description .options-list .option-row .option-title {
    width: 77px;
    flex-shrink: 0;
}

.product-description .options-list .option-row {
    margin-bottom: 16px;
}

.product-description .btn-footer {
    justify-content: start;
}

.product-stat {
    margin-top: 40px;
}

.product-stat ul {
    list-style: none;
}

.product-stat ul li {
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.product-stat ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.product-stat ul li span {
    color: #8F8E89;
}

.screenshots-wrapper {
    margin-top: 40px;
}

.screenshots-wrapper ul {
    list-style: none;
    display: flex;
    gap: 30px;
}

.screenshots-wrapper ul li {
    width: 192px;
    height: 132px;
    line-height: 0;
    cursor: pointer;
}

.screenshots-wrapper ul li img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.screenshots-wrapper .product-video,
.screenshots-wrapper .product-video a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.screenshots-wrapper .product-video a::after {
    content: '';
    position: absolute;
    width: 64px;
    height: 64px;
    background: url('../img/play-circle.svg');
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
}

.product-description-inner {
    margin-top: 53px;
    color: #8F8E89;
}

.product-description-inner .text * {
    color: #8F8E89 !important;
}

.product-description-inner a {
    color: #60FEFE;
}

.product-description-inner a:hover {
    text-decoration: none;
}

.product-description-inner h2 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 25px;
}

.activation-instruction {
    margin-top: 63px;
}

.activation-instruction .categories-control {
    margin-bottom: 30px;
}

.tabs-control .tab {
    display: none;
}

.tabs-control .tab.active {
    display: block;
}

.activation-instruction ul {
    list-style: none;
}

.activation-instruction ul li {
    position: relative;
    line-height: 26px;
    padding-left: 22px;
    margin-bottom: 16px;
}

.activation-instruction ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 3px;
    background: linear-gradient(225deg, #1B2329 0%, #2C4949 100%);
}

.activation-instruction ul li:last-child {
    margin-bottom: 0;
}

.activation-instruction ul li span {
    display: inline-block;
    margin-right: 30px;
}

.incase-items {
    display: flex;
    gap: 30px;
}

.incase-items .incase-item {
    position: relative;
    width: 370px;
    height: 284px;
    flex-shrink: 0;
    border-radius: 18px;
    padding: 61px 20px 40px;
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
}

.incase-items.gifts-list .incase-item {
    height: 210px;
}

.incase-items .incase-item .incase-item-inner {
    position: relative;
    z-index: 10;
}

.incase-items .incase-item .incase-item-inner .buy-btn {
    width: 100%;
    font-size: 16px;
}

.incase-items .incase-item::after,
.incase-items .incase-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    opacity: 0;
}

.incase-items .incase-item::before {
    opacity: 1;
}

.incase-items .incase-item:hover::after {
    opacity: 1;
}

.incase-items .incase-item.game::before {
    background: linear-gradient(225deg, #060809 0%, #1D2430 100%);
}

.incase-items .incase-item.game:hover::after {
    background: linear-gradient(225deg, #101518 0%, #293243 100%);
}

.incase-items .incase-item.balance::before {
    background: linear-gradient(225deg, #070609 0%, #251D30 100%);
}

.incase-items .incase-item.balance:hover::after {
    background: linear-gradient(225deg, #18151f 0%, #362a46 100%);
}

.incase-items .incase-item.prize::before {
    background: linear-gradient(225deg, #090806 0%, #302B1D 100%);
}

.incase-items .incase-item.prize::after {
    background: linear-gradient(225deg, #1b1812 0%, #4b432e 100%);
}

.incase-items .incase-item img {
    position: absolute;
    top: 0;
    right: 0;
    width: 369px;
    height: 284px;
    background-repeat: no-repeat;
}

.incase-items.gifts-list .incase-item .incase-item-inner::before {
    display: none;
}

.incase-items.gifts-list .incase-item img {
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s;
    z-index: 2;
}

.incase-items.gifts-list .incase-item:hover img {
    top: -20px;
    right: -20px;
}

.incase-items .incase-item .incase-item-inner::before {
    content: '';
    position: absolute;
    top: -61px;
    right: -20px;
    width: 369px;
    height: 284px;
    background-repeat: no-repeat;
    transition: all 0.3s;
}

.incase-items .incase-item:hover .incase-item-inner::before {
    top: -80px;
    right: -40px;
}

.incase-items .incase-item.game .incase-item-inner::before {
    background-image: url('../img/incase-1.png');
}

.incase-items .incase-item.balance .incase-item-inner::before {
    background-image: url('../img/incase-2.png');
}

/* .incase-items .incase-item.prize::before {
    background-image: url('../img/incase-3.png');
} */

.incase-items .incase-item.prize .incase-item-inner::after {
    content: '';
    position: absolute;
    top: -61px;
    left: -20px;
    width: 369px;
    height: 284px;
    background-image: url('../img/prize-texture.png');
}

.incase-items .incase-item .prize-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 141.693px;
    height: 147.795px;
    perspective: 400px;
    transform-style: preserve-3d;
    transform: rotate(36.206deg);
    perspective-origin: top right;
    border-radius: 12.203px;
    border: 0.678px solid rgba(255, 255, 255, 0.10);
    background: url('http://a.gogunskiy.ru/public/images/games/68761-2023-07-28-12-26-14-expansion-hearts-of-iron-iv-la-resistance-dlc-game-1639245645.jpg') no-repeat;
    background-size: cover;
    box-shadow: 4.51973px 4.51973px 144.63121px 0px rgba(201, 188, 156, 0.25), 0px 18.0789px 18.0789px 0px rgba(1, 0, 1, 0.50), 0px 18.0789px 18.0789px 0px rgba(1, 0, 1, 0.50);
}

.incase-items .incase-item.game .incase-item-inner>.ci-icon {
    color: #60BAFE;
}

.incase-items .incase-item.balance .incase-item-inner>.ci-icon {
    color: #9747FF;
}

.incase-items .incase-item.prize .incase-item-inner>.ci-icon {
    color: #f0b222;
}

.incase-items .incase-item .incase-item-inner>.ci-icon,
.incase-items .incase-item .incase-item-inner>.icon {
    display: inline-block;
    margin-bottom: 8px;
}

.incase-items .incase-item .incase-item-inner>.icon {
    margin-bottom: 5px;
}

.incase-items .incase-item .title {
    font-weight: 700;
    margin-bottom: 9px;
}

.incase-items .incase-item .description {
    font-weight: 400;
    margin-bottom: 38px;
    height: 48px;
    overflow: hidden;
}

.case-items-wrapper {
    margin-top: 60px;
}

.case-items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 50px 29px;
}

.case-items .case-item {
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 18px;
    width: 210px;
    height: 238px;
}

.case-items.free-case .case-item {
    height: 300px;
}

.case-items.free-case .case-item .image {
    height: auto;
    border: 0;
}

.case-items.free-case .case-item .image img {
    max-width: 100%;
}

.dota2 .case-items .case-item {
    height: 300px;
}

.case-items .case-item.x2-item {
    border: 2px solid #60FEFE;
    box-shadow: 0px 4px 36px 0px rgba(96, 254, 254, 0.24);
}

.dota2 .case-items .case-item.x2-item {
    border: 2px solid #3A5CAF;
    box-shadow: 0px 4px 36px 0px rgba(58, 92, 175, 0.24);
}

.case-items .case-item .image {
    position: relative;
    height: 218px;
    border-bottom: 2px solid;
    text-align: center;
}

.dota2 .case-items .case-item .image {
    height: 144px;
}

.case-items .case-item .x2-badge {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 10px;
    border-radius: 18px;
    font-weight: 700;
    background: linear-gradient(180deg, #1E6565 0%, #3AAFAF 100%);
    z-index: 3;
}

.dota2 .case-items .case-item .x2-badge {
    background: linear-gradient(180deg, #1E2065 0%, #3A5CAF 100%);
}

.case-items .case-item .x2-badge .ci-icon {
    margin-right: 10px;
}

.case-items .case-item .image img {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 2;
    border-radius: 18px 18px 0 0;
}

.dota2 .case-items .case-item .image img {
    border-radius: 18px 18px 0 0;
    width: 100%;
    height: 142px;
}

.dota2 .case-items .case-item.x2-item .image img {
    border-radius: 16px 16px 0 0;
}

.case-items .case-item .image::before,
.roulette-items.csgo .roulette-item .image::before {
    content: '';
    position: absolute;
    left: 50px;
    top: 50px;
    width: 112px;
    height: 112px;
    opacity: 0.8;
    filter: blur(30px);
}

.dota2 .case-items .case-item .image::before {
    display: none;
}

.case-items .case-item.consumer .image::before,
.roulette-items.csgo .roulette-item.consumer .image::before {
    background: #B1C3D9;
}

.case-items .case-item.industrial .image::before,
.roulette-items.csgo .roulette-item.industrial .image::before {
    background: #5E98D8;
}

.case-items .case-item.mil-spec .image::before,
.roulette-items.csgo .roulette-item.mil-spec .image::before {
    background: #476FFF;
}

.case-items .case-item.restricted .image::before,
.roulette-items.csgo .roulette-item.restricted .image::before {
    background: #8846FF;
}

.case-items .case-item.classified .image::before,
.roulette-items.csgo .roulette-item.classified .image::before {
    background: #B22EC2;
}

.case-items .case-item.covert .image::before,
.roulette-items.csgo .roulette-item.covert .image::before {
    background: #FF2626;
}

.case-items .case-item.rare .image::before,
.roulette-items.csgo .roulette-item.rare .image::before {
    background: #FFD66D;
}

.case-items .case-item.consumer .image,
.roulette-items.csgo .roulette-item.consumer .image {
    border-color: #B1C3D9;
}

.case-items .case-item.industrial .image,
.roulette-items.csgo .roulette-item.industrial .image {
    border-color: #5E98D8;
}

.case-items .case-item.mil-spec .image,
.roulette-items.csgo .roulette-item.mil-spec .image {
    border-color: #476FFF;
}

.case-items .case-item.restricted .image,
.roulette-items.csgo .roulette-item.restricted .image {
    border-color: #8846FF;
}

.case-items .case-item.classified .image,
.roulette-items.csgo .roulette-item.classified .image {
    border-color: #B22EC2;
}

.case-items .case-item.covert .image,
.roulette-items.csgo .roulette-item.covert .image {
    border-color: #FF2626;
}

.case-items .case-item.rare .image,
.roulette-items.csgo .roulette-item.rare .image {
    border-color: #FFD66D;
}

/*Dota2*/

.case-items .case-item.green .image,
.roulette-items.dota .roulette-item.green .image {
    border-color: #ADE55C;
}

.case-items .case-item.yellow .image,
.roulette-items.dota .roulette-item.yellow .image {
    border-color: #FFD66D;
}

.case-items .case-item.purple .image,
.roulette-items.dota .roulette-item.purple .image {
    border-color: #A86CE0;
}

.case-items .case-item.pink .image,
.roulette-items.dota .roulette-item.pink .image {
    border-color: #E46AD6;
}

.case-items .case-item .title {
    font-weight: 500;
    height: 78px;
    overflow: hidden;
    padding: 15px 19px;
}

.case-items .case-item .price {
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    padding: 26px 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}

.case-items .case-item .status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 78px;
    padding: 0 19.5px;
}

.case-items .case-item .status .btn-blue {
    width: 60px;
    height: 40px;
    padding: 0;
}

.case-items .case-item .status .btn-darkgreen {
    width: 100px;
    height: 40px;
    padding: 0;
}

.case-items .case-item .status .btn-darkgreen .icon.ecoin {
    margin-right: 10px;
    width: 24px;
    height: 24px;
    background-size: cover;
}

.case-items .case-item .status .btn-blue .ci-icon {
    margin: 0;
}

.case-items .case-item .status .status-text {
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.32px;
    margin-bottom: 9px;
}

.case-items .case-item .status .status-text.wait {
    color: #FDE88C;
}

.case-items .case-item .status .status-text.sold {
    color: #8CFD9F;
}

.case-items .case-item .status .status-text.withdrawn {
    color: #5E98D8;
}

.product-info .slider-container {
    width: 235px !important;
}

.product-info .range-wrapper {
    height: 50px;
}

.checkout {
    padding-bottom: 100px;
    margin: 40px 0 0;
}

.checkout .section-title {
    margin-bottom: 40px;
}

.checkout .order-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.checkout .order-info {
    display: flex;
    align-items: center;
    height: 74px;
}

.checkout .order-info .image {
    width: 72px;
    height: 72px;
    margin-right: 20px;
    line-height: 0;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 6px;
}

.checkout .order-info .image img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.checkout .order-info .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.6px;
    margin-bottom: 14px;
}

.checkout .order-info .description {
    display: flex;
    flex-wrap: wrap;
}

.checkout .order-info .description .type {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.checkout .order-info .description .type:last-child {
    margin-right: 0;
}

.checkout .order-info .description .type .icon,
.checkout .order-info .description .type img {
    margin-right: 10px;
}

.checkout-price {
    background: #0D0D0D;
}

.checkout-price .checkout-price-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 97px;
}

.checkout-price-inner .price-wrapper {
    display: flex;
    align-items: center;
}

.checkout-price-inner .chance-wrapper {
    margin-left: 30px;
}

.checkout-price-inner .price-wrapper .price-text {
    color: #C4C4C4;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 20px;
}

.checkout-price-inner .price-wrapper .price {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.checkout-price-inner .price-wrapper .old-price {
    text-decoration: line-through;
    margin-right: 10px;
}

.checkout-price-inner .user-balance-pay {
    display: flex;
    align-items: center;
    justify-content: end;
}

.checkout-price-inner .user-balance {
    display: flex;
    align-items: center;
    color: #C4C4C4;
    font-weight: 700;
    margin-left: 20px;
}

.checkout-price-inner .user-balance .balance {
    color: #fff;
}

.checkout-price-inner .user-balance .icon {
    margin: 0 10px;
}

.checkout-price-inner .user-balance img {
    margin: 0 10px;
}

.balance-pay-btn {
    display: flex;
    align-items: center;
    background: none;
    height: 48px;
    color: #8F8E89;
    font-size: 16px;
    border-radius: 16px;
    padding: 0 24px;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.20);
    cursor: pointer;
    transition: all 0.3s;
}

.balance-pay-btn i {
    font-style: normal;
}

.balance-pay-btn.active {
    color: #fff;
    border-color: #fff;
}

.balance-pay-btn .icon,
.balance-pay-btn img {
    margin: 0 10px;
}

.balance-pay-btn.gray img {
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 0.3s;
}

.checkout-steps-wrapper {
    margin: 50px 0 60px;
}

.checkout-steps ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    list-style: none;
}

.checkout-steps ul li {
    display: flex;
    align-items: center;
    position: relative;
    color: #C4C4C4;
    font-weight: 600;
    white-space: nowrap;
}

.checkout-steps ul li.active {
    color: #fff;
}

.checkout-steps ul li::after {
    content: '';
    display: block;
    width: 226px;
    height: 1px;
    margin: 0 10px;
    background: rgba(255, 255, 255, 0.15);
}

.checkout-steps ul li:last-child::after {
    display: none;
}

.checkout-steps ul li .step {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    background: #2C4949;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    margin-right: 20px;
}

.checkout-steps ul li.ready .step {
    font-size: 20px;
    background: #3A5CAF;
}

.checkout-steps ul li.active .step {
    background: #3A5CAF;
}

.checkout-steps ul li.ready .step span {
    display: none;
}

.checkout-steps ul li.ready .step::after {
    content: '\e977';
    font-family: 'coolicons';
}

.checkout-order-wrapper h2 {
    font-size: 20px;
    margin-bottom: 30px;
}

.payments-methods-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 30px 20px;
}

.payments-methods-list .payments-method-item {
    display: flex;
    align-items: center;
    width: 209px;
    height: 70px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    padding: 17px 20px;
    line-height: 16px;
    color: #C4C4C4;
    transition: all 0.3s;
    cursor: pointer;
}

.payments-methods-list .payments-method-item.active {
    color: #fff;
    border: 1px solid #FFF;
}

.payments-methods-list .payments-method-item .image {
    position: relative;
    line-height: 0;
    margin-right: 10px;
}

.payments-methods-list .payments-method-item .image img {
    width: 30px;
    height: auto;
}

.payments-methods-list .payments-method-item.active .image {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #3A5CAF;
    text-align: center;
}

.payments-methods-list .payments-method-item.active .image::after {
    content: '\e977';
    font-family: 'coolicons';
}

.payments-methods-list .payments-method-item.active .image img {
    display: none;
}

.payments-methods-list .payments-method-item .title {
    font-weight: 700;
}

.payments-methods-list .payments-method-item .comission {
    font-weight: 500;
    color: #8F8E89;
    font-size: 14px;
    margin-top: 2px;
}

.checkout-order-wrapper .checkout-button-wrapper {
    text-align: center;
    margin-top: 50px;
}

.checkout-order-wrapper .checkout-button-wrapper .buy-btn {
    display: inline-flex;
}

.checkout-order-wrapper .checkout-button-wrapper .btn-prev {
    margin-right: 26px;
    max-width: 160px;
}

.checkout-form .row {
    margin: 0 -20px;
}

.checkout-form .row .col {
    padding: 0 20px;
}

.form-group {
    position: relative;
}

.form-group::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #60FEFE;
    font-size: 24px;
    font-family: 'coolicons';
}

.form-group.valid::after {
    content: '\e986';
}

.form-group label {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 30px;
}

.form-group label span {
    font-size: 16px;
    font-weight: 400;
}

.form-control {
    width: 100%;
    height: 46px;
    color: #fff;
    border: 0;
    padding: 0 20px;
    border-radius: 18px;
    background: #0F1010;
    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.08) inset, 4px 8px 24px 0px rgba(39, 23, 52, 0.08);
    backdrop-filter: blur(22px);
}

.form-control:read-only {
    pointer-events: none;
    opacity: 0.6;
}

.checkout-form .alert.alert-success {
    margin-top: 50px;
}

.checkout-form .row .col.order-summary {
    -ms-flex: 0 0 492px;
    flex: 0 0 492px;
    max-width: 492px;
    padding: 0;
}

.checkout-form .order-summary h2 {
    text-align: center;
}

.checkout-form .order-summary-table .order-summary-row {
    display: flex;
    align-items: start;
    margin-bottom: 40px;
}

.checkout-form .order-summary-table .status {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding-right: 30px;
}

.checkout-form .order-summary-table .info {
    line-height: 30px;
}

.checkout-form .order-summary-table .status {
    width: 158px;
    color: #8F8E89;
}

.checkout-form .order-summary-table .order-summary-row.active .status {
    color: #fff;
}

.checkout-form .order-summary-table .buy-btn {
    width: 211px;
    margin-top: 14px;
}

.checkout-form .order-summary-table .status .ci-icon {
    margin-right: 13px;
}

.checkout-form .order-summary-table .order-summary-row.active .status .ci-icon {
    color: #60FEFE;
}

.roulette-wrapper {
    position: relative;
}

.roulette-wrapper .roulette-inner {
    position: relative;
    z-index: 2;
    padding: 40px 0;
    background: #0D0D0D;
}

.roulette-wrapper .roulette {
    position: absolute;
    height: 222px;
    width: 1920px;
    margin-left: -960px;
    left: 50%;
}

.roulette-wrapper.dota .roulette {
    height: 168px;
}

.roulette-wrapper .roulette-inner::after,
.roulette-wrapper .roulette-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 5;
}

.roulette-wrapper .roulette-inner::after {
    margin-left: -0.5px;
    width: 1px;
    height: 100%;
    background: #fff;
}

.roulette-wrapper .roulette-inner::before {
    top: -21px;
    margin-left: -33.5px;
    width: 67px;
    height: 44px;
    background: url('../img/roulette-triangle.svg');
    z-index: 5;
    background-size: cover;
    z-index: 6;
}

.roulette-wrapper .animation-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 146px;
    overflow: hidden;
}

.roulette-wrapper .animation-bg::before {
    content: '';
    position: absolute;
    top: -730px;
    left: 50%;
    width: 1920px;
    height: 1920px;
    margin-left: -960px;
    overflow: hidden;
    background: url('../img/free-boost-top-bg.svg') top center no-repeat;
    opacity: 0.35;
    display: none;
    animation: rotateAnimation 3s forwards;
}

.roulette-wrapper.free-boost .animation-bg::before {
    display: block;
}

.roulette-wrapper .roulette-overflow {
    position: relative;
    overflow: hidden;
    height: 222px;
}

.roulette-wrapper.dota .roulette-overflow {
    height: 168px;
}

.roulette-wrapper .title {
    padding: 32px 0 45px;
    text-align: center;
}

.roulette-wrapper .title h2 {
    color: #FFF;
    font-size: 24px;
    font-weight: 800;
    line-height: 37px;
    margin-bottom: 6px;
}

.roulette-wrapper .title .subtitle {
    color: #C4C4C4;
}

.roulette-items {
    position: relative;
    left: -115px;
    display: inline-flex;
    justify-content: center;
}

.roulette-win-wrapper .roulette-items {
    left: 0;
    display: flex;
    padding-top: 52px;
}

.roulette-win-wrapper.in-progress .roulette-win {
    width: 630px;
    margin: 0 auto;
    padding-top: 180px;
}

.roulette-items .roulette-item {
    width: 156px;
    height: 222px;
    margin: 0 20px;
    border-radius: 16px;
    overflow: hidden;
}

.roulette-items.dota .roulette-item {
    height: 168px;
}

.roulette-items.csgo .roulette-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.roulette-items .roulette-item .image {
    position: relative;
    line-height: 0;
}

.roulette-items.csgo .roulette-item .image::before {
    left: 36px;
    top: 36px;
    width: 84px;
    height: 84px;
    filter: blur(22px);
}

.roulette-items.csgo .roulette-item .image,
.roulette-items.dota .roulette-item .image {
    border-bottom: 2px solid;
}

.roulette-items .roulette-item .image>img {
    position: relative;
    width: 100%;
    height: 164px;
    z-index: 2;
}

.roulette-items .roulette-item.roulette-win-item .image>img {
    height: 218px;
}

.roulette-items.csgo .roulette-item .image>img {
    height: 167px;
}

.roulette-items .roulette-item .image .label {
    left: 15px;
    top: 15px;
    font-size: 10.5px;
    border-radius: 13.5px;
    line-height: 15px;
    padding: 1.5px 7.5px;
}

.roulette-items .roulette-item .info {
    background: #1D2121;
    height: 60px;
    padding: 11px 15px;
}

.roulette-items .roulette-item .info h3 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    height: 36px;
    overflow: hidden;
}

.roulette-wrapper .roulette-button {
    display: flex;
    justify-content: center;
    padding: 40px 0 110px;
}

.roulette-items .roulette-item .activations-list {
    top: 15px;
    right: 13px;
}

.roulette-items .roulette-item .activations-list li img {
    width: 18px;
    height: 18px;
}

.roulette-win-wrapper {
    position: relative;
    height: 648px;
    background: url('../img/win-bg.png') top center no-repeat;
    overflow: hidden;
}

.roulette-win-wrapper::before {
    content: '';
    position: absolute;
    top: -750px;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 1920px;
    opacity: 0.2;
    background: url('../img/free-boost-top-bg.svg') no-repeat;
    animation: rotateAnimation 3s forwards;
}


.roulette-items .roulette-item.roulette-win-item {
    width: 209px;
    height: 296px;
    margin: 0 0 34px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(225deg, #060809 0%, #2C4949 100%);
    box-shadow: 5px 5px 160px 0px rgba(156, 198, 201, 0.25), 0px 20px 20px 0px rgba(1, 0, 1, 0.50);
    animation: scaleAnimation 3s forwards;
}

.scale-animation {
    animation: scaleAnimation 3s forwards;
}

.opacity-animation {
    animation: opacityAnimation .5s forwards;
}

@keyframes scaleAnimation {
    0% {
        transform: scale(0.1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes opacityAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.roulette-items.dota .roulette-item.roulette-win-item {
    height: 223px;
}

.roulette-items .roulette-item.roulette-win-item .image {
    background: #050406;
}

.roulette-items .roulette-item.roulette-win-item .image::before {
    width: 112px;
    height: 112px;
    left: 50px;
    top: 50px;
    filter: blur(30px);
}

.roulette-items .roulette-item.roulette-win-item .activations-list li img {
    width: 24px;
    height: 24px;
}

.roulette-items .roulette-item.roulette-win-item .info h3 {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
}

.roulette-items .roulette-item.roulette-win-item .info {
    background: none;
    height: 78px;
    padding: 15px 20px;
}

.roulette-win-wrapper .win-title {
    text-align: center;
}

.roulette-win-wrapper .win-title h2 {
    color: #FFF;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.25);
    font-size: 30px;
    font-weight: 800;
    line-height: 36px;
}

.roulette-win-wrapper .win-title .subtitle {
    color: #C4C4C4;
}

.roulette-win-wrapper .win-buttons {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.roulette-win-wrapper .win-buttons .btn-blue {
    margin-right: 20px;
    min-width: 160px;
    width: inherit;
}

.roulette-win-wrapper .win-buttons .btn-darkgreen {
    min-width: 228px;
    width: inherit;
}

.roulette-win-wrapper .win-buttons .btn-darkgreen .icon,
.roulette-win-wrapper .win-buttons .btn-darkgreen img {
    margin: 0 10px;
}

.roulette-win-wrapper .win-result-icon {
    text-align: center;
    margin: 130px 0 54px;
}

.roulette-win-wrapper .win-result-icon .win-icon {
    display: inline-block;
    width: 200px;
    height: 200px;
}

.roulette-win-wrapper .win-result-icon .win-icon.pick-up-icon {
    background: url('../img/pick-up-icon.svg');
}

.roulette-win-wrapper .win-result-icon .win-icon.sell-icon {
    background: url('../img/sell-icon.svg');
}

.roulette-wrapper .roulette-items.fast {
    transition: all .1s
}

.roulette-wrapper .roulette-items.slow {
    transition: all 1000s cubic-bezier(.075, .9, .4, 1)
}

.roulette-wrapper .roulette-items.rolling {
    transition: all 12s cubic-bezier(.075, .9, .4, 1);
}

.start-roullete span {
    display: flex;
}

.start-roullete.loading span {
    display: none;
}

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

    50% {
        transform: rotate(200deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

.support {
    padding: 40px 0 0;
}

.gift-wrapper {
    padding: 40px 0 100px;
    background: url('../img/gift-bg.png') no-repeat 245px center;
}

.other-pages-wrapper {
    padding: 90px 0 120px;
    background: url('../img/other-page-bg.png') no-repeat bottom center;
    overflow: hidden;
}

.other-pages-wrapper.info-page {
    padding: 90px 0 130px;
}

.gift-wrapper.prizes {
    padding-top: 50px;
}

.support.warranties {
    padding-bottom: 100px;
}

.support-banner {
    position: relative;
    height: 340px;
    background: url('../img/support-banner-bg.png') center;
    overflow: hidden;
}

.support-banner.gifts {
    overflow: inherit;
}

.support-banner.warranties {
    background: url('../img/warranties-banner-bg.png') center;
}

.support-banner.gifts {
    background: none;
    height: 202px;
    margin-bottom: 140px;
}

.gift-wrapper.prizes .support-banner.gifts {
    height: 160px;
}

.support-banner .support-banner-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 340px;
}

.support-banner.gifts .support-banner-inner {
    height: 202px;
}

.gift-wrapper.prizes .support-banner.gifts .support-banner-inner {
    height: 160px;
}

.support-banner .support-banner-inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 449px;
    width: 526px;
    height: 340px;
    background-image: url('../img/support-person.png');
    background-repeat: no-repeat;
}

.support-banner.gifts .support-banner-inner::after {
    width: 627px;
    height: 514px;
    top: -120px;
    left: 335px;
    background-image: url('../img/gift-banner-image.png');
    background-size: cover;
}

.gift-wrapper.prizes .support-banner.gifts .support-banner-inner::after {
    top: -152px;
}

.support-banner.warranties .support-banner-inner::after {
    width: 259px;
    height: 439px;
    left: 523px;
    background-image: url('../img/person.png');
    background-size: cover;
}

.other-pages-banner .other-pages-inner::after,
.other-pages-banner .other-pages-inner::before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}

.other-pages-banner .other-pages-inner::before {
    width: 590px;
    height: 590px;
    top: -134px;
    left: 482px;
    background-image: url('../img/login-icon.svg');
}

.info-page .other-pages-banner .other-pages-inner::before {
    width: 608px;
    height: 608px;
    top: -134px;
    left: 488px;
    background-image: url('../img/info-page-icon.svg');
}

.other-pages-banner .other-pages-inner .person-image {
    position: absolute;
    top: -90px;
    left: 550px;
    width: 386px;
    height: auto;
}

.support-banner .support-banner-inner .info {
    width: 430px;
}

.other-pages-banner .other-pages-inner .info {
    width: 302px;
}

.other-pages-banner .other-pages-inner .auth-step .info {
    width: 410px;
}

.info-page .other-pages-banner .other-pages-inner .info {
    width: 380px;
}

.other-pages-banner .other-pages-inner .info .buy-btn {
    width: 100%;
    max-width: 302px;
}

.other-pages-banner .other-pages-inner .auth-step .info .buy-btn.btn-blue {
    margin-bottom: 30px;
}

.info-page .other-pages-banner .other-pages-inner .info .buy-btn {
    max-width: 305px;
}

.other-pages-banner .other-pages-inner .info .auth-text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C4C4C4;
    gap: 20px;
    margin: 30px 0;
}

.other-pages-banner .other-pages-inner .info .auth-text::after,
.other-pages-banner .other-pages-inner .info .auth-text::before {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
}

.support-banner .support-banner-inner h2,
.other-pages-banner .other-pages-inner h2 {
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 30px;
}

.support-banner .support-banner-inner h2 span,
.other-pages-banner .other-pages-inner h2 span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(10deg, #FEFAE7, #60FEFE);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
}

.support-banner .support-banner-inner .description,
.other-pages-banner .other-pages-inner .description {
    color: #C4C4C4;
    line-height: 26px;
}

.other-pages-banner .other-pages-inner .description {
    margin-bottom: 30px;
}

.support-banner .support-banner-inner .description a,
.other-pages-banner .other-pages-inner .description a {
    color: #60FEFE;
}

.support-banner .support-banner-inner .description a:hover,
.other-pages-banner .other-pages-inner .description a:hover {
    text-decoration: none;
}

.support-block-btn {
    position: relative;
    width: 172px;
    height: 172px;
    border-radius: 18px;
    overflow: hidden;
}

.support-block-btn .support-block-btn-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.support-block-btn .support-block-btn-inner::after,
.support-block-btn .support-block-btn-inner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}

.support-block-btn .support-block-btn-inner::before {
    background: linear-gradient(225deg, #1B2329 0%, #2C4949 100%);
    visibility: visible;
    opacity: 1;
}

.support-block-btn .support-block-btn-inner::after {
    background: linear-gradient(225deg, #224949 0%, #1D8181 100%);
}

.support-block-btn:hover .support-block-btn-inner::after {
    opacity: 1;
    visibility: visible;
}

.support-block-btn h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.support-block-btn .ci-icon {
    color: #60FEFE;
    font-size: 24px;
}

.support-block-btn::after {
    content: '';
    position: absolute;
    top: -137px;
    right: -118px;
    width: 340px;
    height: 331px;
    background-image: url('../img/support-headphones.png');
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s;
}

.support-block-btn:hover::after {
    right: -138px;
    top: -147px;
}

.support-block-btn.warranties::after {
    top: -144px;
    right: -180px;
    width: 435px;
    height: 401px;
    background-image: url('../img/support-warranties.png');
}

.support-block-btn.warranties:hover::after {
    top: -154px;
    right: -190px;
}

.support-block-btn.gifts::after {
    top: -188px;
    right: -184px;
    width: 465px;
    height: 464px;
    background-image: url('../img/support-gift.png');
}

.support-block-btn.gifts:hover::after {
    top: -198px;
    right: -194px;
}

.support-block-btn a {
    position: relative;
    display: block;
    padding: 68px 20px 0;
    color: #fff;
    text-decoration: none;
    z-index: 3;
}

.support-banner .support-banner-inner .support-block-btn {
    position: absolute;
    top: 84px;
    right: 0;
}

.support-banner.gifts .support-banner-inner .support-block-btn {
    top: 13px;
}

.faq-wrapper {
    padding: 70px 0 100px;
}

.faq-wrapper .controls {
    margin-bottom: 70px;
}

.faq-items-list .faq-item {
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 30px;
}

.faq-items-list .faq-item.active {
    border: 2px solid rgba(255, 255, 255, 0.4);
}

.faq-items-list .faq-item:last-child {
    margin-bottom: 0;
}

.faq-items-list .faq-item .faq-item-title {
    position: relative;
    color: #8F8E89;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    padding: 26px 70px 26px 30px;
    cursor: pointer;
    transition: all 0.3s;
}

.faq-items-list .faq-item.active .faq-item-title {
    color: #fff;
    padding-bottom: 10px;
}

.faq-items-list .faq-item .faq-item-title::after {
    content: '\e97c';
    font-family: 'coolicons';
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -12px;
    color: #8F8E89;
    font-size: 24px;
    transition: all 0.3s;
}

.faq-items-list .faq-item.active .faq-item-title::after {
    transform: rotate(180deg);
    color: #fff;
}

.faq-items-list .faq-item .faq-item-body {
    display: none;
    color: #8F8E89;
    font-size: 16px;
    line-height: 26px;
    padding: 0 70px 20px 30px;
}

.warranties-items-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.gta6 .warranties-items-list {
    margin: 60px 0;
}

.warranties-items-list .warranties-item {
    position: relative;
    width: 368px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 30px;
}

.gta6 .warranties-items-list .warranties-item {
    width: 100%;
}

.warranties-items-list .warranties-item .warranties-icon {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 12px;
    background: linear-gradient(225deg, #1B2329 0%, #2C4949 100%);
    margin-bottom: 30px;
}

.warranties-items-list .warranties-item.active .warranties-icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 18px;
    background: linear-gradient(147deg, #FEFAE7 0%, #60FEFE 100%);
    text-align: center;
    margin-bottom: 15px;
}

.warranties-items-list .warranties-item .warranties-icon .icon,
.warranties-items-list .warranties-item .warranties-icon .ci-icon {
    position: absolute;
    top: 17px;
    left: 18px;
}

.warranties-items-list .warranties-item.active .warranties-icon .ci-icon {
    color: #050407;
    position: relative;
    left: 0;
    top: 5.5px;
}

.warranties-items-list .warranties-item .order-number {
    position: absolute;
    top: 31px;
    right: 26px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 1px;
    background: linear-gradient(225deg, #1B2329 0%, #2C4949 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.warranties-items-list .warranties-item h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    margin-bottom: 17px;
}

.warranties-items-list .warranties-item .description {
    color: #899197;
    letter-spacing: -0.3px;
}

.warranties-items-list .warranties-item .btn {
    display: inline-block;
    margin-top: 24px;
}

.warranties-items-list .warranties-item .ci-Square_Check {
    color: #60FEFE;
}

.warranties-items-list .warranties-item .ci-Headphones {
    color: #60AFFE;
}

.warranties-items-list .warranties-item .ci-Gift {
    color: #FE60AF;
}

.warranties-items-list .warranties-item .ci-Credit_Card_01 {
    color: #C960FE;
}

.warranties-items-list .warranties-item .ci-Download {
    color: #C9FE60;
}

.nav-buttons .completed-tasks {
    display: flex;
    align-items: center;
    color: #8F8E89;
    font-weight: 700;
}

.nav-buttons .completed-tasks div {
    margin: 0 4px;
}

.nav-buttons .completed-tasks.completed {
    color: #60FEFE;
}

.nav-buttons .completed-tasks .ci-icon {
    margin-right: 10px;
}

.login-field-row {
    padding: 9px 24px 14px;
    border-radius: 18px;
    background: rgba(190, 197, 236, 0.06);
    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.08) inset, 4px 8px 24px 0px rgba(39, 23, 52, 0.08);
    backdrop-filter: blur(22px);
    max-width: 302px;
}

.login-field-row label {
    display: block;
    color: #8F8E89;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 2px;
}

.login-field-row .login-field {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: none;
    width: 100%;
    border: 0;
}

.other-pages-inner .login-field-row {
    margin-bottom: 30px;
}

.profile-header {
    height: 150px;
    background: #0D0D0D url('../img/profile-header-bg.png') no-repeat center;
}

.profile-header .profile-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.profile-header .profiler-info {
    height: 150px;
    display: flex;
    align-items: center;
}

.profile-header .profiler-info .profile-username {
    display: flex;
    align-items: center;
}

.profile-header .profile-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 12.5px;
    margin-right: 20px;
}

.profile-header .profile-icon img {
    width: 32px;
    height: 32px;
}

.profile-header .profiler-info .profile-icon {
    background: linear-gradient(225deg, #1B2329 0%, #2C4949 100%), #000;
}

.profile-header .profile-icon .ci-icon,
.profile-header .profile-icon .icon {
    font-size: 32px;
    vertical-align: middle;
}

.profile-header .profile-text {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
}

.profile-header .add-balance-btn {
    margin-left: 20px;
}

.profile-header .profiler-info .btn {
    padding: 7px 21px;
    border-radius: 18px;
    font-weight: 700;
    margin-left: 20px;
}

.profile-header .buy-btn {
    width: 209px;
}

.profile-header .profile-balance {
    display: flex;
    align-items: center;
    height: 150px;
}

.profile-header .profile-balance .profile-icon {
    background: #050406;
    transition: all 0.3s;
}

.profile-header .profile-balance .profile-icon:hover {
    background: rgba(5, 4, 5, 0.4);
}

.question-btn {
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: linear-gradient(225deg, #1B2329 0%, #2C4949 100%);
    color: #fff;
    text-decoration: none;
}

.question-btn .ci-icon {
    font-size: 18px;
}

.profile-header .profile-balance .question-btn {
    margin: 0 0 0 16px;
}

.user-catalog {
    padding: 44px 0 120px;
}

.user-catalog .controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user-catalog .controls .filters-btn {
    width: 210px;
    padding: 7px 20px;
    font-weight: 700;
}

.user-catalog .section-title {
    margin: 24px 0 40px;
}

.user-catalog .column-left {
    /* width: 930px; */
    width: 100%;
}

.user-catalog .column-right {
    width: 210px;
    display: none;
}

.user-catalog .user-catalog-inner {
    display: flex;
}

.user-catalog .user-catalog-inner .catalog-items {
    margin: -10px 0 0;
    flex-wrap: wrap;
}

.user-catalog .show-more-wrapper {
    margin-top: 30px;
}

.user-catalog .case-items {
    gap: 30px 29px;
}

.section-title .order-type-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.section-title .order-type-wrapper img,
.section-title .order-type-wrapper .icon {
    margin-right: 10px;
}

.section-title .order-type-wrapper img {
    width: 24px;
    height: 24px;
}

.section-title .order-type-wrapper .order-type,
.section-title .order-type-wrapper .order-platform {
    position: relative;
    display: flex;
    align-items: center;
}

.section-title .order-type-wrapper .order-type::after {
    content: '';
    width: 4px;
    height: 4px;
    margin: 0 10px;
    border-radius: 50%;
    background: #8F8E89;
}

.user-order-wrapper {
    display: flex;
    align-items: stretch;
    gap: 30px;
}

.user-order-wrapper.user-gift {
    justify-content: center;
}

.user-order-wrapper .order-info-block {
    width: 415px;
    min-height: 330px;
    flex-shrink: 0;
    border-radius: 18px;
    background: #080808;
    padding: 27px 30px;
}

#more-info-modal .form-group {
    margin-bottom: 30px;
}

.user-order-wrapper .order-info-block.light-bg {
    background: #0D0D0D;
}

.user-order-wrapper .order-info-block .title {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 23px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 20px;
}

.user-order-wrapper .order-info-block .title .ci-icon {
    margin-right: 10px;
}

.user-order-wrapper .order-info-block .gray-text {
    color: #C4C4C4;
    line-height: 26px;
}

.user-order-wrapper .order-info-block .buttons.with-more-info {
    text-align: center;
    margin-top: 15px;
}

.user-order-wrapper .order-info-block .order-table {
    margin-top: 16px;
    width: 100%;
}

.user-order-wrapper .order-info-block .order-table tr td {
    padding: 4px 0;
}

.user-order-wrapper .order-info-block .order-table tr td:last-child {
    text-align: right;
}

.user-order-wrapper .order-image {
    width: 276px;
    min-height: 330px;
    display: flex;
    align-items: center;
}

.user-order-wrapper .order-image img {
    width: 100%;
    height: 330px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.10);
}

.user-order-wrapper .order-image img.case-drop-image {
    height: auto;
}

.key-form .key-form-input {
    width: 100%;
    min-height: 120px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    border-radius: 18px;
    background: #050406;
    border: none;
    resize: none;
    padding: 20px;
}

.key-form .buttons {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
}

.key-form .buttons.gift-page .btn {
    width: 100%;
}

.key-form .buttons .btn,
.key-form .buttons .buy-btn {
    width: 169px;
    height: 40px;
    font-size: 15px;
}

.giveaway-wrapper {
    background: url('../img/giveaway-bg.png') top center;
    background-size: cover;
}

.giveaway-inner {
    display: flex;
}

.giveaways-list {
    width: 317px;
    padding: 40px 40px 117px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.giveaways-list .title {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 40px;
}

.giveaway-wrapper .btn.show-more {
    background: #16171A;
}

.giveaways-list .giveaways,
.members-list {
    list-style: none;
}

.giveaways-list .giveaways li,
.members-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 78px;
    padding: 19px 30px;
    border-radius: 18px;
    border: 2px solid transparent;
    transition: all 0.3s;
    margin-bottom: 20px;
    cursor: pointer;
}

.members-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.members-list li {
    width: 394px;
    border: none;
    background: #1D2121;
}

.giveaways-list .giveaways li.future {
    background: #1D2121;
    justify-content: start;
}

.giveaways-list .giveaways li.future .info {
    margin-right: 38px;
}

.giveaways-list .giveaways li.future:hover {
    border-color: transparent;
}

.giveaways-list .giveaways li:hover,
.giveaways-list .giveaways li.active {
    border-color: #fff;
}

.giveaways-list .giveaways li .giveaway-number,
.members-list li .member-email,
.winner-info .winner-email {
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.3px;
    margin-bottom: 9px;
}

.giveaways-list .giveaways li .giveaway-date,
.members-list li .member-purchase,
.winner-info .winner-purchases {
    color: #A8A7A3;
    font-size: 15px;
    line-height: 15px;
}

.giveaways-list .giveaways li .giveaway-winner {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.3px;
    color: #A8A7A3;
    transition: color 0.3s;
}

.giveaways-list .giveaways li:hover .giveaway-winner,
.giveaways-list .giveaways li.future .giveaway-winner,
.giveaways-list .giveaways li.active .giveaway-winner {
    color: #fff;
}

.giveaways-list .giveaways li .giveaway-winner .ci-icon {
    margin-right: 10px;
}

.giveaways-content {
    width: 850px;
    padding: 40px 0 0 40px;
}

.giveaways-content.finished {
    padding-top: 110px;
    background: url('../img/win-radial.png') no-repeat top center;
    background-size: 849px 446px;
}

.giveaways-content .catalog-items {
    justify-content: center;
    margin: 0;
}

.giveaways-content .catalog-items .catalog-item {
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 18px;
}

.giveaways-content .catalog-items .catalog-item .title {
    border-bottom: 0;
    border-radius: 0px 0px 18px 18px;
}

.giveaways-content .giveaway-control {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    border-radius: 18px;
    background: #050406;
    margin-top: 40px;
    padding: 0 20px;
}

.giveaway-control .timer-wrapper .timer {
    font-size: 18px;
    line-height: 24px;
}


.giveaways-content .giveaway-status-wrapper {
    display: flex;
    align-items: center;
}

.giveaways-content .giveaway-status-wrapper .buy-btn {
    width: 162px;
    height: 45px;
    margin-right: 20px;
}

.giveaways-content .giveaway-status {
    display: flex;
    align-items: center;
    font-weight: 500;
}

.giveaways-content .giveaway-status .ci-icon {
    position: relative;
    margin-right: 10px;
}

.giveaways-content .giveaway-status.in-progress .ci-icon {
    color: #32BA68;
}

.giveaways-content .giveaway-status .ci-icon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    filter: blur(10px);
}

.giveaways-content .giveaway-status.in-progress .ci-icon::after {
    background: radial-gradient(#32BA68, transparent);
}

.giveaways-content .giveaway-status.finished .ci-icon::after {
    background: radial-gradient(#A8A7A3, transparent);
}


.giveaways-content .alert {
    margin-top: 30px;
}

.members-wrapper {
    margin-top: 43px;
}

.members-wrapper .members-text {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 33px;
}

.members-wrapper .members-text strong {
    color: #60FEFE;
}

.members-wrapper .members-text .ci-icon {
    margin-right: 10px;
}

.members-wrapper .members-list .badge {
    height: 24px;
    font-size: 14px;
    font-weight: 400;
}

.giveaway-control .winners-quantity {
    display: flex;
    align-items: center;
    font-weight: 600;
}

.giveaway-control .winners-quantity .winner-icon {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 229, 112, 0.20) 0%, rgba(202, 182, 95, 0.20) 100%);
    margin: 0 15px 0 10px;
}

.giveaways-content .winner-info {
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    top: -70px;
}

.giveaways-content .winner-info .icon {
    margin-right: 8px;
}

#gritter-notice-wrapper {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 315px;
    z-index: 9999;
}

.gritter-item-wrapper {
    position: relative;
    width: 315px;
    min-height: 100px;
    padding: 22px 40px 22px;
    margin: 0 0 24px 0;
    border-radius: 18px;
}

.gritter-item-wrapper:before {
    content: '';
    position: absolute;
    font-family: 'coolicons';
    top: 14px;
    left: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 15px;
    text-align: center;
    font-size: 28px;
}

.gritter-item-wrapper.success:before {
    content: '\eaaa';
    background: linear-gradient(180deg, rgba(70, 160, 85, 0.80) 0%, rgba(95, 202, 113, 0.90) 100%);
}

.gritter-item-wrapper.info:before {
    content: '\e9f7';
    background: linear-gradient(180deg, rgba(70, 100, 160, 0.80) 0%, rgba(95, 131, 202, 0.90) 100%);
}

.gritter-item-wrapper.purple:before {
    content: '\e983';
    background: linear-gradient(180deg, rgba(109, 70, 160, 0.80) 0%, rgba(141, 95, 202, 0.90) 100%);
}

.gritter-item-wrapper.error:before {
    content: '\e98b';
    background: linear-gradient(180deg, rgba(160, 82, 70, 0.80) 0%, rgba(202, 109, 95, 0.90) 100%);
}

.gritter-item-wrapper.warning:before {
    content: '\ea8f';
    background: linear-gradient(180deg, rgba(160, 144, 70, 0.80) 0%, rgba(202, 182, 95, 0.90) 100%);
}

#gritter-notice-wrapper .gritter-item-wrapper:last-child {
    margin-bottom: 0;
}

.gritter-item-wrapper.success {
    background: #256436;
}

.gritter-item-wrapper.info {
    background: rgba(39, 54, 83, 1);
}

.gritter-item-wrapper.purple {
    background: rgba(58, 39, 83, 1);
}

.gritter-item-wrapper.error {
    background: rgba(83, 45, 39, 1);
}

.gritter-item-wrapper.warning {
    background: rgba(83, 75, 39, 1);
}

.gritter-item-wrapper .gritter-item {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

.gritter-item-wrapper .gritter-item .gritter-btn {
    display: inline-flex;
    padding: 6px 17px;
    width: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: rgba(222, 236, 225, 0.20);
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 10px;
}

.gritter-item-wrapper .gritter-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.gritter-item-wrapper .gritter-close::after {
    content: '\e98e';
    font-family: 'coolicons';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    left: -5px;
    top: -5px;
    font-size: 20px;
    line-height: 1;
    opacity: 1;
    color: #DEE4EC;
}

.gritter-item-wrapper .gritter-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.54px;
    margin-bottom: 6px;
    font-weight: 700;
}

/*Modals*/
#submit-login-modal .modal-dialog,
#submit-orderid-modal .modal-dialog,
#more-info-modal .modal-dialog,
#show-balance-info-modal .modal-dialog,
#show-game-list-modal .modal-dialog,
.modal-dialog.modal-sm {
    width: 365px;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal.show {
    display: block;
}

.modal-dialog {
    margin: 0 auto;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    border-radius: 36px;
    background-color: #010001;
    background-clip: padding-box;
    outline: 0;
}

.modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #171717;
    min-height: 72px;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    padding: 20px;
}

.modal-body {
    padding: 30px 30px 44px;
}

.modal-body .buy-btn {
    width: 100%;
}

.modal-body .login-field-row {
    max-width: 100%;
    margin-bottom: 30px;
}

.modal-footer {
    padding: 20px;
}

.modal-header .close {
    position: absolute;
    top: -22px;
    right: -22px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 18px;
    background: #FFF;
    color: #000;
    cursor: pointer;
    border: 0;
}

.modal-header .close .ci-icon {
    font-size: 16px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background: rgba(21, 24, 24, 0.50);
    opacity: 0;
    transition: opacity 0.3s;
    visibility: hidden;
}

.modal-backdrop.show {
    opacity: 1;
    visibility: visible;
}

.fadeIn {
    animation: fadeIn .3s ease-in forwards;
}

.fadeIn.long {
    animation: fadeIn 1s ease-in forwards;
}

.fadeOut {
    animation: fadeOut .3s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/*Carousel*/
.owl-dots {
    position: absolute;
    bottom: 170px;
    left: 0;
    width: 100%;
    text-align: center;
}

.owl-dots .owl-dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 4px;
    background: #fff;
    border: 0;
    cursor: pointer;
    transition: opacity 0.3s;
    opacity: 0.7;
}

.owl-dots .owl-dot.active {
    opacity: 1;
}

.slider .owl-nav .owl-prev {
    margin-right: 30px;
}

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

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

.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;
}

.header-content-inner {
    position: relative;
    z-index: 2;
}

.tooltip {
    position: relative;
}

.tooltip .tooltip-wrapper {
    position: absolute;
    top: -4px;
    right: 36px;
    min-width: 150px;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    background: rgba(0, 0, 0, 0.95);
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    white-space: wrap;
    word-wrap: break-word;
    z-index: 10;
    text-align: left;
}

.tooltip .tooltip-wrapper::after {
    content: '';
    position: absolute;
    right: -17px;
    top: 9px;
    border: 8px solid transparent;
    border-left: 10px solid rgba(0, 0, 0, 0.95);
}

.tooltip:hover .tooltip-wrapper {
    visibility: visible;
    opacity: 1;
}

/*switcher*/
.product-page-switch {
    display: flex;
    align-items: center;
    position: relative;
    background: rgba(5, 4, 5, 0.2);
    padding: 20px;
    border-radius: 9px;
    margin-bottom: 15px;
    color: #8F8E89;
    font-size: 14px;
}

.product-page-switch .mode-switcher {
    position: relative;
    background-color: #8F8E89;
    border-radius: 50rem;
    cursor: pointer;
    padding: 2px;
    transition: all .2s ease-out;
    width: 40px;
    height: 20px;
    margin: 0 10px;
}

.product-page-switch span.buy100-text,
.product-page-switch.active span.case-text {
    color: #fff;
}

.product-page-switch.active span.buy100-text {
    color: #8F8E89;
}

.product-page-switch .mode-switcher:hover {
    background-color: #adab9f;
}

.product-page-switch .mode-switcher::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    background-color: #fff;
    border-radius: 50rem;
    height: 16px;
    width: 16px;
    transition: all 0.3s;
}

.product-page-switch.active .mode-switcher::after {
    left: 22px;
}

.product-page-switch .question-btn {
    position: absolute;
    right: 20px;
}

.product-page-switch .question-btn .ci-icon {
    position: relative;
    top: 2px;
}

.product-info .info-wrapper {
    width: 100%;
}

.mobile-pay-wrapper {
    display: none;
}


.nav-tabs {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.nav-tabs .nav-item {
    list-style: none;
}

.nav-tabs .nav-link {
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: .5rem 1rem;
    text-decoration: none;
}

.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #ddd #ddd #fff;
}

.tab-content .tab-pane {
    display: none;
}

.tab-content .tab-pane.active {
    display: block;
}

.nav-tabs .nav-link .activation-svg img {
    width: 20px;
    height: 20px;
}

#withdrawForm.nav-tabs {
    margin-bottom: 20px;
    border: 0;
}

#withdrawModal .alert {
    margin-bottom: 20px;
}

#withdrawForm .nav-link {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50rem;
    color: #fff;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    margin: 0 .1666666667rem;
    background: none;
}

#withdrawForm .nav-link .activation-svg {
    display: flex;
    align-items: center;
    margin-right: .5rem;
    opacity: .8
}

#withdrawForm .nav-link.active {
    border: 1px solid #60FEFE;
}

#withdrawForm .nav-link.active .activation-svg {
    opacity: 1
}

#withdrawForm .nav-link.disabled {
    color: #ced4da;
    position: relative
}

#withdrawForm .nav-link.disabled:after {
    background-color: #dee2e6;
    border-radius: 50rem;
    color: #adb5bd;
    content: "";
    font-size: .525rem;
    padding: .125rem .5rem;
    position: absolute;
    right: 0;
    top: -.5rem
}

#withdrawForm .nav-link.disabled .activation-svg {
    filter: grayscale(1);
    opacity: .3
}

#withdrawForm .nav-link.disabled:hover {
    color: #ced4da
}

#withdrawModal .alert {
    display: block;
}

#withdrawModal .form-group label {
    margin-bottom: 15px;
}

#withdrawModal .buy-btn:disabled {
    opacity: 0.7;
    pointer-events: none;
}

.modal-footer .modal-footer-nav-left,
.modal-footer .modal-footer-nav-right {
    width: 50%;
}

.modal-footer .modal-footer-nav-left {
    padding-left: 24px;
    color: #fff;
}

.modal-footer .modal-footer-nav-right {
    display: flex;
    justify-content: end;
    padding-right: 24px;
}

#depositBalanceModal .modal-dialog,
#withdrawModal .modal-dialog {
    width: 100%;
    max-width: 800px;
}

#depositBalanceModal .alert {
    margin-bottom: 30px;
}

#depositBalanceModal .modal-header {
    justify-content: start;
}

#depositBalanceModal .modal-body {
    padding-left: 20px;
    padding-right: 20px;
}

#depositBalanceModal .modal-footer-inner {
    display: flex;
}

#depositBalanceModal .modal-footer-inner.justify-content-end {
    justify-content: end;
}

#depositBalanceModal .modal-footer-inner.justify-content-between {
    justify-content: space-between;
}

.form-control.is-invalid {
    border-color: #f5313a;
}

#depositBalanceModal .btn.btn-footer {
    padding: 16px 20px;
}


#depositBalanceModal .step-2 .col.text-center {
    text-align: center;
    margin-bottom: 20px;
}

#depositBalanceModal .step-3 {
    text-align: center;
}

#depositBalanceModal .deposit-link {
    margin-top: 20px;
}

.invalid-feedback {
    color: #f5313a;
    display: none;
    font-size: 80%;
    margin-top: .25rem;
    width: 100%;
}

.font-weight-bold {
    font-weight: bold;
}

.case-tab {
    display: none;
}

.case-tab.active {
    margin-top: 40px;
    display: block;
}

.drops-category-control .category-btn img {
    width: 24px;
    margin-right: 5px;
}

.header-nav .mini-profile div.icon-btn img,
.header-nav .mini-profile div.icon-btn i {
    width: 18px;
    height: auto;
    font-style: normal;
    text-align: center;
}

.user-balance-wrapper {
    margin-right: 10px;
}

.header-nav .mini-profile div.icon-btn .user-balance,
.header-nav .mini-profile div.icon-btn .user-case-balance {
    font-size: 14px;
    margin: 0 0 0 5px;
    font-weight: 700;
}

.user-ecoin-balance-wrapper {
    margin-bottom: 10px;
}

.header-nav .mini-profile div.icon-btn {
    padding: 0 10px;
    width: auto;
    min-width: 50px;
    height: 20px;
    justify-content: start;
}

.tooltip.bottom-right .tooltip-wrapper {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
}

.tooltip.bottom-right .tooltip-wrapper::after {
    right: 10px;
    top: -18px;
    border: 8px solid transparent;
      border-bottom-width: 8px;
      border-bottom-style: solid;
      border-bottom-color: transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.95);
}

.catalog-items.cases {
    justify-content: center;
    width: 100%;
}

.catalog-title.catalog-page.case-catalog-title {
    margin-top: 0;
    justify-content: center;
}

.case-page .box-buy-btn span {
    margin-left: 5px;
}

.product-info .case-control .control-buttons {
    justify-content: center;
}

.slider-container .scale span:nth-child(2) {
    color: #80da60;
}

.slider-container .scale span:nth-child(3) {
    color: #007bff;
}

.slider-container .scale span:nth-child(4) {
    color: #f85301;
}

.slider-container .scale span:nth-child(5) {
    color: #f5313a;
}

.case-page .chance-wrapper .chance.box-chance-value_2,
.roulette-wrapper .subtitle .chance.box-chance-value_2 {
    background: #80da60;
}

.case-page .chance-wrapper .chance.box-chance-value_3,
.roulette-wrapper .subtitle .chance.box-chance-value_3 {
    background: #007bff;
}

.case-page .chance-wrapper .chance.box-chance-value_4,
.roulette-wrapper .subtitle .chance.box-chance-value_4 {
    background: #f85301;
}

.case-page .chance-wrapper .chance.box-chance-value_5,
.roulette-wrapper .subtitle .chance.box-chance-value_5 {
    background: #f5313a;
}

.box-buy-btn.chanced-color-2::before {
    background: #80da60;
}

.box-buy-btn.chanced-color-3::before {
    background: #007bff;
}

.box-buy-btn.chanced-color-4::before {
    background: #f85301;
}

.box-buy-btn.chanced-color-5::before {
    background: #f5313a;
}

.case-roulette .roulette-items .roulette-item .image .item-shadow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    opacity: 0.8;
    filter: blur(20px);
    transform: translateX(-50%) translateY(-50%);
}

.roulette-wrapper.case-roulette .roulette-overflow {
    height: 156px;
}

.sell-item-btn span b {
    display: inline-block;
    margin-left: 6px;
}

.case-roulette .roulette-items .roulette-item {
    height: 155px;
}

.case-roulette .roulette-items .roulette-item.roulette-win-item {
    height: 205px;
}

.case-items .case-item .image .item-shadow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    opacity: 0.8;
    filter: blur(30px);
    transform: translateY(-50%) translateX(-50%);
}

.case-roulette .roulette-items .roulette-item {
    height: 155px;
}

.case-items .case-item .image img {
    max-width: 90%;
}

.case-items .case-item .image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-items .case-item .image {
    height: 160px;
}

.case-active.case-page:not(.single-page-view).case-page-product .product-info .info {
    border: 0;
}

.case-page-product .product-info .price-wrapper .price {
    color: #fff;
}

.alert.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: 1px solid #f5c6cb;
}

.case-roulette .roulette-items .roulette-item .image img {
    max-width: 100%;
    height: auto;
}

.withdraw-row {
    display: flex;
}

.withdraw-row .withdraw-drip-col {
    max-width: 30%;
    padding-right: 30px;
    text-align: center;
    font-weight: bold;
}

.withdraw-row .withdraw-drip-col img {
    width: 100%;
    height: auto;
}

.withdraw-row .drop-withdraw-form-col {
    max-width: 70%;
}

.profile-icon-currency i {
    font-style: normal;
}

.profile-header .profile-balance .profile-icon .profile-icon-currency {
    border: 3px solid #fff;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
}

.profile-header .profile-balance .currency-icon {
    margin-left: 15px;
}

.catalog-items.row-view.deposit-history .catalog-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 18px;
    height: auto;
    min-height: 78px;
    padding: 10px 18px;
    background: #1D2121;
    border-radius: 18px;
}

.catalog-items.row-view.deposit-history .catalog-item .status-wrapper {
    width: auto;
    background: #1D2121 !important;
}

.catalog-items.row-view.deposit-history .catalog-item .status-wrapper .status-label {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    color: #fff;
    border-radius: 18px;
}

.catalog-items.row-view.deposit-history .catalog-item .status-wrapper .status-label .ci-icon {
    margin-right: 6px;
}

.catalog-items.row-view.deposit-history .catalog-item .status-wrapper .status-label.done {
    background: #80da60;
}

.catalog-items.row-view.deposit-history .catalog-item .status-wrapper .status-label.sold {
    background: #F5313A;
}

.catalog-items.row-view.deposit-history .catalog-item .buy-btn {
    width: 120px;
    height: 35px;
}

.open-get-steam-balance-modal {
    margin: 0 auto;
}

#getSteamBalanceModal .modal-dialog {
    width: 100%;
    max-width: 800px;
}

#getSteamBalanceModal .text-center {
    text-align: center;
}

#getSteamBalanceModal .alert {
    display: block; 
    width: 100%;
    margin-bottom: 20px;
}

#getSteamBalanceModal .form-group {
    margin-bottom: 20px;
}

@media screen and (max-width:1440px) {
    .header-nav {
        padding: 20px 40px;
    }
}

@media screen and (max-width:1335px) {
    .header-nav .header-catalog-btn span {
        display: none;
    }

    .header-nav {
        padding: 20px;
    }
}

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

    .container,
    .container-fluid {
        width: 708px;
    }

    .header-slider-wrapper {
        width: 100%;
    }

    .header-slider .header-slide {
        width: 100%;
    }

    .mobile-menu-wrapper {
        display: block;
    }

    .mobile-menu-btn {
        position: absolute;
        left: 0;
        top: 15px;
        display: flex;
        cursor: pointer;
        width: 120px;
        height: 50px;
        font-size: 16px;
        color: #fff;
        border-radius: 16px;
        background: rgba(5, 4, 5, 0.80);
        border: 0;
        align-items: center;
        padding: 0 20px;
        font-weight: 700;
        transition: all .3s;
    }

    .mobile-menu-btn.active {
        background: rgba(31, 30, 31, 0.80);
    }

    .mobile-menu-btn .ci-icon {
        margin-right: 10px;
    }

    .header-nav {
        padding: 15px 0 15px 140px;
    }

    .header-nav .menu,
    .header-nav .actions,
    .search-wrapper {
        display: none;
    }

    .header-nav .header-catalog-btn {
        position: absolute;
        top: 15px;
        right: 0;
    }

    .header-nav .header-catalog-btn .icon {
        margin: 0;
    }

    .header-nav .logo {
        display: flex;
    }

    .header-nav .logo strong {
        position: relative;
        top: 0;
        left: 0;
        transition: none;
    }

    .header-nav .logo .domain {
        bottom: 0;
        visibility: visible;
        opacity: 1;
    }

    .header-nav .logo .domain img {
        margin-left: 4px;
    }

    .header-nav .logo>img {
        margin-right: 20px;
    }

    .dropdown-menu-wrapper {
        position: absolute;
        left: 0;
        top: 85px;
        width: 320px;
        border-radius: 18px;
        padding: 20px;
        background: #010001;
        box-shadow: 0 0 5px 2px rgba(39, 39, 39, 0.5);
        z-index: 100;
        transition: opacity .3s;
        opacity: 0;
        visibility: hidden;
    }

    .dropdown-menu-wrapper.active {
        opacity: 1;
        visibility: visible;
    }

    .mobile-search-wrapper {
        position: relative;
        padding-bottom: 20px;
        border-bottom: 1px solid #100F11;
    }

    .mobile-search-wrapper .form-control {
        border-radius: 16px;
        background: rgba(20, 19, 20, 0.80);
        box-shadow: none;
        height: 40px;
        padding-left: 54px;
        color: #8F8E89;
        font-weight: 700;
    }

    .mobile-search-wrapper .ci-icon {
        position: absolute;
        top: 8px;
        left: 22px;
        color: #8F8E89;
        z-index: 2;
    }

    .dropdown-menu-wrapper .actions-wrapper {
        border-bottom: 1px solid #100F11;
    }

    .dropdown-menu-wrapper .actions-wrapper .action-link {
        display: flex;
        height: 50px;
        align-items: center;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
        padding: 10px 0;
    }

    .dropdown-menu-wrapper .actions-wrapper .action-link .ci-icon {
        margin-right: 10px;
    }

    .dropdown-menu-wrapper .mobile-menu ul {
        list-style: none;
        margin: 20px 0 0;
    }

    .dropdown-menu-wrapper .mobile-menu ul li {
        position: relative;
    }

    .dropdown-menu-wrapper .mobile-menu ul li.new::after {
        content: 'new';
        position: absolute;
        top: 50%;
        right: 0;
        background: red;
        transform: translateY(-50%);
        color: #fff;
        font-size: 10px;
        line-height: 10px;
        padding: 3px;
        border-radius: 3px;
    }

    .dropdown-menu-wrapper .mobile-menu ul li a {
        display: flex;
        text-decoration: none;
        height: 50px;
        align-items: center;
        text-decoration: none;
        color: #8F8E89;
        font-weight: 600;
    }

    .dropdown-menu-wrapper .mobile-menu ul li .ci-icon {
        margin-right: 10px;
    }

    .header-nav .header-catalog-btn span {
        display: block;
    }

    .header-nav .header-catalog-btn .icon {
        margin-right: 10px;
    }

    header h1 {
        position: relative;
        padding-top: 47px;
        margin-bottom: 17px;
        font-size: 32px;
        line-height: 40px;
    }

    header .subtitle {
        line-height: 24px;
        max-width: 320px;
    }

    header .person-image {
        right: -40px;
        bottom: -83px;
        width: 338px;
        height: 662px;
        animation: person-md 1s forwards;
    }

    @keyframes person-md {
        0% {
            right: -40px;
            bottom: -87px;
            opacity: 0;
        }

        100% {
            right: -62px;
            bottom: -63px;
            opacity: 1;
        }
    }

    .header-icon.icon-1 {
        top: 138px;
        left: 32px;
        width: 99px;
        height: 94px;
    }

    .header-icon.icon-6 {
        top: 34px;
        left: 292px;
        width: 62px;
        height: 62px;
    }

    .header-icon.icon-2 {
        top: 18px;
        right: -15px;
        width: 71px;
        height: 71px;
        z-index: 2;
    }

    .header-icon.icon-5 {
        bottom: 33px;
        right: -40px;
        width: 100px;
        height: 95px;
    }

    .header-icon.icon-4 {
        left: 528px;
        width: 57px;
        height: 58px;
        z-index: 2;
    }

    .header-icon.icon-3 {
        left: 37px;
        bottom: -37px;
        width: 71px;
        height: 72px;
    }

    .header-slider {
        z-index: 2;
    }

    .statistics {
        height: 214px;
    }

    .statistics .statistics-inner {
        justify-content: start;
        flex-wrap: wrap;
    }

    .statistics .statistics-items {
        gap: 73px;
        height: auto;
        width: 100%;
        margin-top: 38px;
    }

    .statistics .payment-methods ul {
        gap: 50px;
        height: auto;
        margin-top: 30px;
    }

    .home:not(.home-catalog) footer .person-image {
        bottom: 0;
        width: 248px;
        height: 433px;
    }

    .lastrecent-purchases {
        margin-top: 60px;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item {
        width: 216px;
        height: 131px;
        flex-wrap: wrap;
        padding: 20px;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item .image img {
        width: 32px;
        height: auto;
        border-radius: 6px;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item .image {
        width: 32px;
        height: 32px;
        margin: 0 0 10px 0;
    }

    .footer-slider {
        margin-top: 80px;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item .title {
        width: 176px;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item .email {
        width: 176px;
    }

    .discord-slide .discord-slider-content h2 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    .discord-slide .discord-slider-content .description {
        max-width: 360px;
        font-size: 14px;
        line-height: 22px;
    }

    .discord-slide .discord-slider-content {
        justify-content: start;
        height: auto;
        flex-wrap: wrap;
    }

    .discord-slide .discord-button-wrapper {
        padding-top: 30px;
    }

    .discord-slide {
        padding: 40px 0;
    }

    .discord-slide .discord-slider-content .info {
        width: 100%;
    }

    .footer-slider .owl-nav .owl-prev {
        left: 0;
        margin-right: 20px;
    }

    .footer-slider .owl-nav {
        position: absolute;
        top: 48px;
        right: 50%;
        transform: translateX(50%);
        width: 708px;
        display: inline-flex;
        justify-content: end;
        z-index: 3;
    }

    .footer-slider .owl-nav button {
        top: 0;
        transform: none;
        width: 50px;
        height: 50px;
        border-radius: 16px;
        background-color: #050406;
        background-size: 24px;
    }

    .storefront-slider .owl-nav button,
    .footer-slider .owl-nav button {
        position: relative;
        top: 0;
    }

    .footer-slider .owl-nav .owl-next {
        right: 0;
    }

    .footer-slider-wrapper {
        position: relative;
    }

    .footer-slider-wrapper .person-image-wrapper {
        display: block;
        position: absolute;
        width: 248px;
        height: 340px;
        bottom: inherit;
        right: 0;
        top: 0;
        z-index: 2;
        overflow: hidden;
    }

    .footer-slider-wrapper .owl-carousel {
        z-index: inherit;
    }

    .footer-slider-wrapper .person-image-wrapper .person-image {
        width: 248px;
        height: 433px;
    }

    footer .person-image {
        display: none;
    }

    footer .footer-inner {
        height: auto;
        padding: 80px 0 40px;
    }

    footer .footer-inner .copyright {
        width: 100%;
        margin-top: 40px;
    }

    footer .to-top-button-wrapper {
        display: flex;
        text-align: right;
        justify-content: end;
    }

    footer .to-top-button-wrapper .to-top-button {
        padding-right: 0;
    }

    .other-pages-wrapper {
        padding-top: 70px;
    }

    .other-pages-banner .other-pages-inner .person-image {
        width: 356px;
        left: 390px;
        top: -70px;
    }

    .other-pages-banner .other-pages-inner::before {
        width: 363px;
        height: 363px;
        top: -170px;
        left: 425px;
    }

    .other-pages-banner .other-pages-inner .auth-step .info {
        width: 390px;
    }

    .catalog .section-title,
    .page .section-title {
        margin: 40px 0;
    }

    .catalog .series-control {
        flex-wrap: wrap;
        margin: 25px -16px;
    }

    .series-control .series-btn {
        margin: 15px 16px 0;
    }

    .series-control .series-btn:first-child {
        margin-left: 16px;
    }

    .catalog .catalog-inner {
        position: relative;
    }

    .catalog .column-left {
        position: relative;
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .categories-control {
        justify-content: start;
        width: 100%;
    }

    .catalog .column-right {
        position: absolute;
        top: 0;
        right: 0;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
        width: 440px;
        background: #010001;
        border-radius: 18px;
        padding: 20px 0;
        z-index: 100;
        box-shadow: 0 0 5px 2px rgba(39, 39, 39, 0.5);
    }

    .sort-control {
        width: 100%;
        padding: 0 20px;
    }

    .sort-control .btn,
    .genres-control .btn {
        width: 100%;
    }

    .sort-control .dropdown,
    .genres-control .dropdown {
        width: 100%;
    }

    .catalog .actvations-control {
        margin-top: 30px;
        padding: 0 15px;
    }

    .catalog .labels-control,
    .catalog .genres-control {
        padding: 0 15px;
    }

    .catalog .column-right.active {
        opacity: 1;
        visibility: visible;
    }

    .grid-control .mobile-filter-btn {
        display: flex;
        width: auto;
        height: 40px;
        background: #0F1010;
        color: #8F8E89;
        font-weight: 700;
        font-size: 16px;
        padding: 0 20px;
        margin-right: 40px;
        border: 2px solid #0F1010;
        transition: all 0.3s;
    }

    .grid-control .mobile-filter-btn.active {
        border-color: #60FEFE;
        color: #fff;
    }

    .grid-control .mobile-filter-btn .ci-icon {
        margin-right: 10px;
    }

    .actvations-control ul,
    .labels-control ul {
        display: flex;
        flex-wrap: wrap;
    }

    .actvations-control ul li,
    .labels-control ul li {
        width: 50%;
        padding: 0 5px;
    }

    .column-left .grid-control {
        position: absolute;
        top: -74px;
        right: 0;
    }

    .catalog-items.row-view .catalog-item .title {
        width: 380px;
    }

    .catalog-items.row-view .catalog-item .activations-list {
        left: 380px;
    }

    .catalog .search-column-right {
        width: 100%;
    }

    .catalog-search {
        flex-wrap: wrap;
    }

    .search-results-quantity {
        margin-top: 40px;
        height: auto;
    }

    .search-page .column-left .grid-control {
        top: -166px;
    }

    .breadcrumbs-wrapper .breadcrumbs ul {
        white-space: nowrap;
    }

    .breadcrumbs-wrapper .breadcrumbs ul li {
        display: flex;
        align-items: center;
    }

    .breadcrumbs-wrapper .breadcrumbs ul li.active {
        white-space: normal;
    }

    .sales-wrapper .sales-inner {
        height: 97px;
    }

    .sales-wrapper .sales-inner::before {
        width: 700px;
        height: 97px;
        background-size: cover;
    }

    .product-inner .timer-wrapper.inline .finish-text {
        top: 0;
        margin-right: 0;
    }

    .product-inner .timer-wrapper.inline {
        display: block;
        align-items: center;
        text-align: right;
    }

    .product-inner .title {
        margin: 30px 0;
    }

    .product.with-switch .product-inner .title {
        margin: 0 0 30px;
    }

    .case-active:not(.single-page-view) .product-inner .title,
    .product-inner .title {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .product-inner .title h1 {
        font-size: 24px;
        width: 100%;
        max-width: 100%;
        margin-top: 40px;
    }

    .product.with-switch .product-inner .title h1 {
        margin-top: 0;
    }

    .product-inner .products-info-columns {
        display: flex;
        flex-direction: column-reverse;
    }

    .case-active:not(.single-page-view) .product-inner .alert-warning {
        margin: 30px 0 0 0;
    }

    .case-switcher,
    .platforms-switcher {
        justify-content: start;
        width: 100%;
    }

    .product .product-inner,
    .product.case-active:not(.single-page-view) .product-inner {
        padding-bottom: 60px;
    }

    .case-active:not(.single-page-view) .product-info .info-inner,
    .product-info .info-inner {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .product-info .price-wrapper {
        width: 100%;
    }

    .product-info .price-wrapper .buy-btn {
        width: 100%;
    }

    .case-active .product-info .price-wrapper,
    .case-active:not(.single-page-view) .product-info .price-wrapper {
        width: 100%;
        justify-content: center;
    }

    .single-page-view .product-info .price-wrapper,
    .single-page-view .product-info .price-wrapper .buy-btn {
        width: 100%;
    }

    .product-info .price-wrapper .prices {
        justify-content: center;
    }

    .product-info .price-wrapper .prices {
        width: 100%;
    }

    .case-active .product-info .price-wrapper .prices {
        width: auto;
    }

    .product-info .image {
        width: 306px;
        margin-right: 30px;
    }

    .product-info .image img {
        width: 306px;
        height: auto;
    }

    .case-active:not(.single-page-view) .product-info .info,
    .product-info .info {
        border-left: none;
        margin: 40px 0 0 0;
        padding: 10px 0 0 0;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
    }

    .product-info .info {
        padding-top: 30px;
    }

    .case-active .product-info .price-wrapper {
        width: 100%;
    }

    .case-active .product-info .price-wrapper .buy-btn {
        width: 100%;
    }

    .options-list .option-row .option-value {
        width: 184px;
        align-items: start;
    }

    .options-list .option-row .option-title {
        width: 155px;
    }

    .options-list .activations-list .activation-item {
        margin-bottom: 5px;
    }

    .incase-items {
        flex-wrap: wrap;
        justify-content: center;
    }

    .incase-items .incase-item {
        width: calc(50% - 30px);
    }

    .breadcrumbs-wrapper .breadcrumbs ul li::after {
        top: 0;
    }

    .product-info {
        padding-bottom: 0;
    }

    .product-info .alert.alert-success,
    .single-page-view .product-info .alert.alert-warning,
    .with-switch .product-info .alert.alert-warning {
        order: 3;
        width: 708px;
        left: -336px;
        margin-top: 40px;
        margin-bottom: 0;
    }

    .product-info .info-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .product-description {
        flex-wrap: wrap;
    }

    .product-description .left-column {
        width: 100%;
    }

    .product-description .right-column {
        width: 100%;
    }

    .product-description-inner {
        margin-top: 30px;
    }

    .screenshots-wrapper {
        margin-top: 0;
    }

    .checkout .order-wrapper {
        margin-top: 30px;
        flex-wrap: wrap;
    }

    .case-switcher,
    .platforms-switcher {
        margin-top: 30px;
    }

    .checkout-steps ul {
        justify-content: space-between;
    }

    .checkout-steps ul li::after {
        width: 25px;
    }

    .checkout-steps ul li .step {
        margin-right: 10px;
    }

    .payments-methods-list .payments-method-item {
        width: 222px;
    }

    .checkout-price .checkout-price-inner {
        height: auto;
        padding: 20px 0;
        flex-wrap: wrap;
    }

    .checkout-price .checkout-price-inner.order-page {
        flex-wrap: nowrap;
    }

    .checkout-price-inner .price-wrapper {
        width: 100%;
        margin-bottom: 15px;
    }

    .checkout-price .checkout-price-inner.order-page .price-wrapper {
        width: auto;
        margin-bottom: 0;
    }

    .checkout-price-inner .user-balance-pay {
        justify-content: space-between;
        width: 100%;
    }

    .checkout-price-inner.order-page .user-balance-pay {
        justify-content: end;
        width: auto;
    }

    .profile-header .profiler-info .logout-btn span {
        display: none;
    }

    .profile-header .profile-text {
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .profile-header .profiler-info .btn .ci-icon {
        margin-right: 0;
    }

    .section-title .order-type-wrapper img,
    .section-title .order-type-wrapper .icon {
        flex-shrink: 0;
    }

    .user-order-wrapper .order-image {
        display: block;
        width: 276px;
        height: 330px;
        flex-shrink: 0;
    }

    .user-catalog .section-title {
        flex-wrap: wrap;
    }

    .section-title .order-type-wrapper {
        margin-top: 15px;
    }

    .user-order-wrapper {
        flex-wrap: wrap;
    }

    .user-order-wrapper .order-info-block {
        width: 402px;
    }

    .user-order-wrapper .order-info-block.light-bg {
        width: 100%;
        height: auto;
    }

    .breadcrumbs-wrapper .order-id {
        text-align: right;
    }

    .info-page .other-pages-banner .other-pages-inner::before {
        left: 400px;
    }

    .support-block-btn {
        z-index: 100;
    }

    .support-banner.gifts .support-banner-inner::after {
        left: 110px;
        opacity: .5;
    }

    .support-banner .support-banner-inner .info {
        position: relative;
        z-index: 100;
    }

    .gift-wrapper .nav-buttons {
        position: relative;
        z-index: 100;
    }

    .support-banner.gifts .support-banner-inner .support-block-btn {
        top: 18px;
    }

    .nav-buttons .completed-tasks {
        color: #fff;
    }

    .warranties-items-list {
        justify-content: center;
    }

    .warranties-items-list .warranties-item {
        width: 339px;
    }

    .support .section-title {
        flex-wrap: wrap;
    }

    .support .nav-buttons {
        margin-top: 30px;
    }

    .support.warranties-page .nav-buttons {
        margin-top: 0;
    }

    .support-banner.warranties {
        background-size: cover;
    }

    .free-case-banner {
        width: 100%;
        text-align: left;
    }

    .free-case-banner img {
        height: 120px;
    }

    /*Swticher*/
    .product-page-switch {
        order: 3;
        width: 708px;
        left: -336px;
        margin: 0;
    }

    .case-items .case-item .image .item-shadow {
        left: 50%;
        top: 50%;
        width: 50px;
        height: 50px;
        transform: translateY(-50%) translateX(-50%);
    }

    .case-page .product-inner .title h1 {
        margin: 0;
    }

    .case-page .product-inner .title {
        margin-top: 0;
    }

    .case-active.case-page:not(.single-page-view).case-page-product .product-info .info {
        max-width: 100%;
    }
    
    .case-active.case-page:not(.single-page-view).case-page-product .product-info {
        flex-wrap: wrap;
    }
    
    .case-active.case-page:not(.single-page-view).case-page-product .product-info .image {
        height: 306px;
        margin-bottom: 30px;
    }
    
    .case-active.case-page:not(.single-page-view).case-page-product .product-info .info {
        margin: 0;
        padding: 0;
        max-width: 370px;
        width: 100%;
    }
    
    .case-active.case-page:not(.single-page-view).case-page-product .product-info .alert .alert-icon {
        position: absolute;
        left: 20px;
        padding: 8px;
        border-radius: 18px;
        width: 48px;
        height: 48px;
        top: 50%;
        transform: translateY(-50%);
    }

    .profile-header .profile-header-inner {
        flex-wrap: wrap;
    }

    .profile-header {
        min-height: 150px;
        height: auto;
        padding: 20px 0;
        background-size: cover;
    }

    .profile-header .profiler-info, .profile-header .profile-balance {
        height: inherit;
        margin-top: 20px;
    }

    .categories-control {
        flex-wrap: wrap;
    }

    .categories-control .category-btn {
        margin-bottom: 10px;
    }

    .profile-header .profile-text {
        overflow: visible;
    }
}

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

    .container,
    .container-fluid {
        width: 100%;
        padding: 0 20px;
    }

    .header-nav .logo>img {
        display: none;
    }

    header {
        height: 120px;
        padding: 20px 0;
    }

    .header-nav {
        padding: 15px 0 15px 70px;
    }

    .header-nav .header-catalog-btn span {
        display: none;
    }

    .header-nav .header-catalog-btn .icon {
        margin-right: 0;
    }

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

    .mobile-menu-btn .ci-icon {
        margin-right: 0;
    }

    .mobile-menu-btn {
        width: 50px;
        color: #fff;
        border-radius: 16px;
        padding: 0 13px;
    }

    .header-nav .header-catalog-btn {
        position: absolute;
        top: 15px;
        right: 0;
        width: 50px;
        height: 50px;
        padding: 0;
    }

    header h1 {
        padding-top: 32px;
        margin-bottom: 9px;
        font-size: 26px;
        line-height: 36px;
    }

    header .subtitle {
        line-height: 22px;
        max-width: 320px;
        font-size: 14px;
    }

    .header-icon.icon-1 {
        top: 135px;
        left: -23px;
        width: 51px;
        height: 48px;
        animation: headerIcon1-sm 1s forwards;
    }

    @keyframes headerIcon1-sm {
        0% {
            top: 155px;
            left: -40px;
            opacity: 0;
        }

        100% {
            top: 135px;
            left: -23px;
            opacity: 1;
        }
    }

    .header-icon.icon-5,
    .header-icon.icon-3,
    .header-icon.icon-2,
    .header-icon.icon-4,
    .header-icon.icon-6 {
        display: none;
    }

    header .person-image {
        right: -214px;
        bottom: -15px;
        width: 296px;
        height: 580px;
        animation: person-sm 1s forwards;
    }

    .gta6 header .person-image {
        right: -144px;
        bottom: -15px;
        animation: person-gta6 1s forwards;
    }

    @keyframes person-gta6 {
        0% {
            right: -240px;
            bottom: -35px;
            opacity: 0;
        }

        100% {
            right: -144px;
            bottom: -15px;
            opacity: 1;
        }
    }

    @keyframes person-sm {
        0% {
            right: -240px;
            bottom: -35px;
            opacity: 0;
        }

        100% {
            right: -214px;
            bottom: -15px;
            opacity: 1;
        }
    }

    .header-slider .header-slide {
        background-image: none !important;
        height: 160px;
        padding: 20px;
    }

    .header-slider .title {
        font-size: 18px;
    }

    .header-slider .description {
        width: 100%;
        margin-top: 18px;
        font-size: 14px;
        line-height: 22px;
    }

    .header-slider .slider-right {
        top: inherit;
        right: 0;
        bottom: 60px;
        width: 100%;
        text-align: center;
    }

    .timer-wrapper .timer {
        font-size: 18px;
    }

    .header-slider .timer-wrapper {
        margin-top: 0;
    }

    .header-slider .timer-wrapper .time {
        justify-content: center;
        width: 100%;
    }

    .header-slider-wrapper .slider-counter {
        font-size: 18px;
        right: 50%;
        top: inherit;
        transform: translateX(50%);
        bottom: 26px;
    }

    .header-slider .owl-nav {
        top: inherit;
        right: 50%;
        width: 176px;
        width: 145px;
        transform: translateX(50%);
        bottom: 22px;
    }

    .day-offer-inner {
        flex-wrap: wrap;
    }

    .day-offer-inner .title {
        width: 100%;
    }

    .day-offer {
        padding: 30px 0;
        margin-bottom: 30px;
    }

    .timer-wrapper.inline {
        margin-top: 10px;
    }

    .timer-wrapper.inline .finish-text {
        margin-right: 0;
        font-size: 14px;
    }

    .catalog-items {
        margin: 32px 0 40px;
    }

    .product-inner .title h1 {
        margin-top: 30px;
    }

    .product.with-switch .product-inner .title h1 {
        margin-top: 0;
    }

    .storefront-slider .owl-nav {
        width: 100%;
        position: relative;
        top: 0;
        text-align: center;
    }

    .storefront-slider .owl-nav .owl-next {
        right: 0;
    }

    .storefront-slider .owl-nav .owl-prev {
        left: 0;
    }

    .storefront-slider .owl-nav button {
        display: inline-block;
        margin: 30px 15px 0;
    }

    .catalog-items .catalog-item {
        width: 100%;
    }

    .catalog-items .catalog-item .image {
        height: auto;
    }

    .catalog-items .catalog-item .activations-list,
    .roulette-items .roulette-item .activations-list {
        top: 15px;
        right: 10px;
    }

    .catalog-items .catalog-item .label,
    .product-info .label,
    .roulette-item .label {
        top: 15px;
        left: 10px;
        font-size: 12px;
    }

    .catalog-items .catalog-item .title {
        padding: 14px 10px;
        height: 84px;
    }

    .catalog-items .catalog-item .title h3 {
        line-height: 20px;
        height: 60px;
    }

    .catalog-items .catalog-item .price-wrapper,
    .catalog-items .catalog-item .status-wrapper {
        padding: 15px 10px 15px;
        flex-wrap: wrap;
        height: 92px;
    }

    .catalog-items .catalog-item .price-wrapper .prices {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .catalog-items .catalog-item .price-wrapper .prices br {
        display: none;
    }

    .categories .categories-list {
        flex-wrap: wrap;
    }

    .categories .categories-list .category-item {
        width: 100%;
        height: 110px;
    }

    .categories .categories-list .category-item h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .categories .categories-list .category-item .info {
        bottom: 18px;
    }

    .hot-offers .hot-offers-title {
        margin: 25px 0;
    }

    .catalog-title .items-quantity span {
        display: none;
    }

    .catalog-title .icon,
    .catalog-title .ci-icon {
        margin-right: 2px;
    }

    .catalog-title h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .catalog-title .items-quantity strong {
        font-size: 18px;
        line-height: 24px;
        margin-left: 0;
    }

    .hot-offers {
        padding-bottom: 50px;
        margin-bottom: 30px;
    }

    .statistics {
        height: auto;
        padding: 30px 0;
    }

    .statistics .statistics-items {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 0;
    }

    .statistics .statistics-items .statistics-item {
        width: 100%;
    }

    .statistics .payment-methods ul {
        gap: 40px;
        width: 100%;
        justify-content: center;
    }

    .statistics .payment-methods {
        width: 100%;
    }

    .section-title {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .section-title h2 {
        width: 100%;
    }

    .section-title .section-title-right {
        margin-top: 10px;
    }

    .footer-slider {
        margin-top: 30px;
    }

    .lastrecent-purchases {
        margin-top: 30px;
    }

    .lastrecent-purchases-list {
        flex-wrap: wrap;
        gap: 10px;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item {
        width: 100%;
        height: 106px;
        flex-wrap: nowrap;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item .image {
        width: 64px;
        height: 64px;
        margin-right: 20px;
        margin-bottom: 0;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item .image img {
        width: 100%;
        height: auto;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item .title {
        width: 100%;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item .email {
        width: 100%;
    }

    .lastrecent-purchases-list .lastrecent-purchases-item .info {
        width: calc(100% - 84px);
    }

    .discord-slide {
        padding: 30px 0;
        margin: 0 20px 30px;
        border-radius: 18px;
    }

    .discord-slide .discord-slider-content h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 17px;
    }

    .discord-slide .discord-slider-content .description {
        max-width: 220px;
    }

    .footer-slider-wrapper .person-image-wrapper {
        width: 66px;
        height: 256px;
        bottom: inherit;
        right: 20px;
        top: 84px;
        border-radius: 18px;
    }

    .footer-slider-wrapper .person-image-wrapper .person-image {
        width: 182px;
        height: 314px;
    }

    .footer-slider .owl-nav {
        position: relative;
        top: inherit;
        right: 50%;
        transform: translateX(50%);
        width: 100%;
        justify-content: center;
        bottom: 15px;
    }

    .footer-slider .owl-nav button {
        background-color: #212626;
    }

    footer .footer-inner {
        flex-wrap: wrap;
        height: auto;
        padding: 40px 0 54px;
        justify-content: center;
    }

    footer .footer-menu {
        justify-content: center;
    }

    footer .footer-menu .btn {
        width: 100%;
        max-width: 320px;
    }

    footer .footer-menu .btn:first-child {
        margin: 0 0 20px;
    }

    footer .footer-right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: -130px;
    }

    footer .social-buttons {
        display: flex;
        flex-wrap: nowrap;
        width: auto;
    }

    footer .footer-menu ul {
        margin-top: 130px;
    }

    footer .designer-copyright {
        margin-top: 0;
        text-align: right;
    }

    footer .footer-menu ul li a {
        font-size: 13px;
    }

    .other-pages-banner .other-pages-inner .person-image {
        display: none;
    }

    .other-pages-wrapper {
        padding-bottom: 70px;
    }

    .other-pages-banner .other-pages-inner::before {
        width: 64px;
        height: 64px;
        top: 6px;
        left: inherit;
        right: -5px;
    }

    .other-pages-banner .other-pages-inner .info {
        width: 100%;
    }

    .login-field-row {
        max-width: 100%;
    }

    .other-pages-banner .other-pages-inner .info .buy-btn {
        max-width: 100%;
    }

    .other-pages-banner .other-pages-inner .auth-step .info {
        width: 100%;
    }

    .other-pages-banner .other-pages-inner .auth-step-1 h2 {
        padding-right: 36px;
    }

    .categories-control {
        flex-wrap: wrap;
    }

    .catalog .controls .column-left {
        flex-wrap: wrap;
    }

    .categories-control .category-btn {
        width: 100%;
        justify-content: center;
    }

    .categories-control .category-btn {
        margin: 15px 0 0 0;
    }

    .categories-control .category-btn:first-child {
        margin-top: 0;
    }

    .column-left .grid-control {
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 30px;
        justify-content: start;
    }

    .column-left .grid-control .grid-btn {
        position: absolute;
        top: 0;
        right: 0;
    }

    .column-left .grid-control .grid-btn.first-btn {
        right: 50px;
    }

    .catalog .column-right {
        top: 64px;
        right: inherit;
        left: 0;
        width: 320px;
    }

    .actvations-control ul li,
    .labels-control ul li {
        width: 100%;
    }

    .catalog .series-control {
        margin: 25px -12px;
    }

    .series-control .series-btn {
        margin: 15px 12px 0;
        margin-left: 12px;
    }

    .series-control .series-btn:first-child {
        margin-left: 12px;
    }

    .catalog-items .catalog-item {
        flex: 0 0 calc(33.333333% - 16px);
    }

    .catalog .catalog-items {
        gap: 16px;
    }

    .search-page .column-left .grid-control {
        top: 0;
    }

    .timer-wrapper.inline {
        justify-content: space-between;
        width: 100%;
    }

    .timer-wrapper .timer {
        white-space: nowrap;
        font-size: 16px;
    }

    .catalog-items.row-view .catalog-item {
        flex: 0 0 100%;
        height: 140px;
        background: #1D2121;
        border-radius: 18px;
        padding: 10px;
    }

    .catalog-items.row-view .catalog-item .title {
        height: 64px;
        padding: 0;
        background: none;
        border-bottom: none;
        width: calc(100% - 135px);
    }

    .catalog-items.row-view .catalog-item .title h3 {
        line-height: 20px;
    }

    .catalog-items.row-view .catalog-item .price-wrapper,
    .catalog-items.row-view .catalog-item .status-wrapper {
        background: none;
        width: auto;
    }

    .catalog-items.row-view .catalog-item .status-wrapper.catalog-page {
        width: 100%;
        padding: 0;
        height: 60px;
        justify-content: start;
    }

    .catalog-items .catalog-item .status-wrapper.catalog-page .status .status-text {
        font-size: 14px;
    }

    .catalog-items .catalog-item .status-wrapper.catalog-page .buy-btn {
        width: 35px;
        height: 35px;
    }

    .catalog-items.row-view .catalog-item .image {
        position: static;
        height: 64px;
        margin-right: 10px;
    }

    .catalog-items.row-view .catalog-item .image>img {
        width: 64px;
        height: auto;
    }

    .catalog-items.row-view .catalog-item a {
        flex-wrap: wrap;
    }

    .catalog-items.row-view .catalog-item .price-wrapper {
        height: auto;
        padding: 10px 0 6px;
        flex-direction: row-reverse;
    }

    .catalog-items.row-view .catalog-item .price-wrapper .prices {
        margin-right: 0;
        display: block;
        width: auto;
    }

    .catalog-items.row-view .catalog-item .price-wrapper .prices br {
        display: block;
    }

    .catalog-items.row-view .catalog-item .price-wrapper .discount {
        width: 64px;
        margin-right: 10px;
    }

    .catalog-items.row-view .catalog-item .label {
        top: inherit;
        left: inherit;
        right: 10px;
        bottom: 20px;
    }

    .catalog-items.row-view .catalog-item .activations-list {
        left: inherit;
        top: 30px;
        width: 60px;
        height: 24px;
    }

    .catalog-items.row-view .catalog-item .activations-list li {
        margin: 0 0 0 10px;
    }

    .breadcrumbs-wrapper .breadcrumbs {
        height: inherit;
        min-height: 84px;
        padding: 10px 0;
    }

    .breadcrumbs-wrapper .breadcrumbs ul {
        flex-wrap: wrap;
    }

    .breadcrumbs-wrapper .breadcrumbs ul li::after {
        top: 0;
    }

    .breadcrumbs-wrapper .breadcrumbs .icon {
        display: none;
    }

    .sales-wrapper .sales-inner {
        height: auto;
        padding: 10px 0;
        flex-wrap: wrap;
    }

    .sales-wrapper .sales-inner::before {
        height: 100%;
        background-size: cover;
    }

    .product-inner .timer-wrapper.inline {
        text-align: center;
    }

    .timer-wrapper.inline .time {
        margin: 0 auto;
    }

    .case-switcher,
    .platforms-switcher {
        justify-content: center;
        flex-wrap: wrap;
    }

    .case-switcher {
        margin-top: 0;
    }

    .case-switcher .case-switcher-btn:first-child {
        margin-bottom: 15px;
    }

    .case-active:not(.single-page-view) .product-info {
        flex-wrap: wrap;
    }

    .product-info .image {
        width: 306px;
        max-width: 306px;
        text-align: center;
        margin: 0 auto;
    }

    .with-switch .product-info {
        justify-content: center;
    }

    .product-info .info-wrapper {
        justify-content: center;
    }

    .case-active:not(.single-page-view) .product-info .info-inner,
    .product-info .info-inner {
        margin: 0 auto;
        width: 330px;
    }

    .with-switch.case-active:not(.single-page-view) .product-info .price-wrapper {
        padding-top: 32px;
    }

    .product-info .image img {
        width: 100%;
        max-width: 306px;
        height: auto;
    }

    .options-list .option-row .option-value .icon {
        flex-shrink: 0;
    }

    .options-list .option-row .option-title,
    .options-list .option-row .option-value {
        width: 50%;
    }

    .incase-items .incase-item {
        width: 100%;
        max-width: 370px;
    }

    .case-active:not(.single-page-view) .product-info {
        justify-content: center;
        width: 100%;
    }

    .product-info {
        justify-content: center;
        flex-wrap: wrap;
        padding-bottom: 0;
    }

    .with-switch:not(.single-page-view) .product-info .info-inner {
        margin: 0;
    }

    .product:not(.single-page-view) .product-info .info {
        margin-bottom: 30px;
    }

    .product-info .alert.alert-success,
    .single-page-view .product-info .alert.alert-warning,
    .with-switch .product-info .alert.alert-warning {
        width: 100%;
        left: 0;
    }

    .product-info .price-wrapper {
        width: 100%;
        padding-top: 32px;
    }

    .mobile-pay-wrapper {
        display: block;
        text-align: center;
        width: 100%;
        background: rgba(0, 0, 0, 0.8) !important;
    }

    .mobile-pay-wrapper .gray-text {
        width: 100%;
    }

    .mobile-pay-wrapper .buy-btn {
        display: inline-flex;
        margin-top: 15px;
    }

    .product-info .price-wrapper,
    .mobile-pay-wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #000;
        z-index: 1000;
        padding: 20px;
    }

    .screenshots-wrapper ul {
        gap: 10px;
        flex-wrap: wrap;
    }

    .screenshots-wrapper ul li {
        width: calc(50% - 5px);
        height: auto;
    }

    .checkout .order-info .title {
        line-height: 22px;
    }

    .checkout .order-info {
        align-items: start;
        height: auto;
    }

    .checkout .order-info .image {
        width: 48px;
        height: 48px;
        margin-right: 10px;
        flex-shrink: 0;
    }

    .case-switcher,
    .platforms-switcher {
        gap: 20px;
    }

    .platforms-switcher .platform-switcher-btn {
        margin-left: 0;
    }

    .checkout-price-inner .user-balance {
        margin-left: 0;
    }

    .checkout-steps-wrapper {
        margin: 30px 0;
    }

    .checkout-steps ul li::after {
        display: none;
    }

    .checkout-steps ul {
        flex-wrap: wrap;
    }

    .checkout-steps ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .checkout-steps ul li:last-child {
        margin-bottom: 0;
    }

    .product-inner .case-switcher .case-switcher-btn:first-child {
        margin-bottom: 0;
    }

    .checkout-form .row {
        margin: 0;
    }

    .checkout-form .row .col-50 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .checkout-form .form-group {
        margin-bottom: 30px;
    }

    .form-group label {
        margin-bottom: 16px;
    }

    .checkout-order-wrapper .checkout-button-wrapper {
        margin-top: 0;
    }

    .checkout-order-wrapper .checkout-button-wrapper .buy-btn {
        width: 100%;
    }

    .payments-methods-list .payments-method-item {
        width: calc(50% - 10px);
    }

    .payments-methods-list {
        gap: 10px 20px;
    }

    .checkout-price-inner .user-balance-pay {
        flex-wrap: wrap;
    }

    .checkout-price-inner .user-balance {
        margin-top: 15px;
        width: 100%;
    }

    .checkout-order-wrapper .checkout-button-wrapper {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .checkout-order-wrapper .checkout-button-wrapper .btn-prev {
        margin: 30px 0 0 0;
        max-width: 100%;
    }

    .payments-methods-list {
        margin-bottom: 30px;
    }

    .price-wrapper .bonus-value {
        margin: 0;
    }

    .checkout-price-inner .price-wrapper .price {
        margin-right: 20px;
    }

    .checkout-price-inner .price-wrapper .discount {
        margin: 0 10px 0 0;
    }

    .checkout-price-inner .price-wrapper {
        flex-wrap: wrap;
    }

    .checkout-price-inner .price-wrapper .price-text {
        margin-bottom: 5px;
    }

    .checkout-price .checkout-price-inner.order-page {
        flex-wrap: wrap;
    }

    .checkout-price-inner .user-balance {
        width: 100%;
    }

    .checkout-form .order-summary-table .order-summary-row {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .checkout-form .order-summary-table .order-summary-row .status {
        color: #fff;
        width: 100%;
    }

    .checkout-form .row .col.order-summary {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .checkout {
        padding-bottom: 50px;
    }

    .roulette-win-wrapper .win-title h2 {
        font-size: 24px;
    }

    .roulette-win-wrapper .win-buttons {
        flex-wrap: wrap;
    }

    .roulette-win-wrapper .win-buttons .btn-blue {
        margin: 0 0 30px 0;
        min-width: 100%;
    }

    .roulette-win-wrapper .win-buttons .btn-darkgreen {
        min-width: 100%;
    }

    .roulette-win-wrapper {
        height: 710px;
    }

    .profile-header {
        height: auto;
        background-size: cover;
    }

    .profile-header .profile-header-inner {
        flex-wrap: wrap;
        padding: 20px 0;
    }

    .profile-header .profiler-info {
        height: auto;
        justify-content: space-between;
        margin-bottom: 20px;
        width: 100%;
    }

    .profile-header .profiler-info .profile-username {
        width: calc(100% - 70px);
    }

    .profile-header .profile-balance {
        height: auto;
    }

    .profile-header .profiler-info .btn {
        padding: 7px 15px;
        margin-left: 0;
    }

    .profile-header .profiler-info .profile-username .profile-text {
        width: 100px;
    }

    .profile-header .profiler-info .profile-username .profile-text {
        width: calc(100% - 70px);
    }

    .user-catalog-inner .catalog-items {
        gap: 16px;
    }

    .catalog-items .catalog-item .status-wrapper .buy-btn.overview-btn {
        margin-bottom: 10px;
    }

    .catalog-items .catalog-item .status-wrapper .buy-btn.overview-btn,
    .catalog-items .catalog-item .status-wrapper .buy-btn.cancel-order-btn {
        width: 100%;
    }

    .unpaid-orders .catalog-items .catalog-item .status-wrapper {
        height: 120px;
    }

    .catalog-items .catalog-item .status-wrapper {
        height: 78px;
    }

    .section-title .order-type-wrapper .order-type::after {
        display: none;
    }

    .section-title .order-type-wrapper {
        flex-wrap: wrap;
        justify-content: start;
    }

    .section-title .order-type-wrapper .order-type {
        margin-bottom: 10px;
        width: 100%;
    }

    .user-order-wrapper .order-info-block {
        width: 100%;
        order: 2;
    }

    .user-order-wrapper .order-image {
        width: 100%;
        height: 330px;
        flex-shrink: 0;
        order: 1;
        text-align: center;
    }

    .user-order-wrapper .order-image img {
        width: 276px;
    }

    .key-form .buttons {
        flex-wrap: wrap;
    }

    .key-form .buttons .btn,
    .key-form .buttons .buy-btn {
        width: 100%;
    }

    .key-form .buttons .copy-key-btn {
        margin-bottom: 20px;
    }

    .info-page .other-pages-banner .other-pages-inner .info {
        width: 100%;
    }

    .warranties-items-list .warranties-item {
        width: 100%;
    }

    .warranties-items-list .warranties-item .btn {
        width: 100%;
        text-align: center;
    }

    #submit-login-modal .modal-dialog,
    #submit-orderid-modal .modal-dialog,
    #more-info-modal .modal-dialog,
    #show-balance-info-modal .modal-dialog,
    #show-game-list-modal .modal-dialog,
    .modal-dialog.modal-sm {
        width: 330px;
    }

    .support-banner.gifts {
        height: auto;
        margin-bottom: 30px;
    }

    .support-banner .support-banner-inner {
        flex-wrap: wrap;
        height: auto;
        padding: 30px 0;
    }

    .support-banner.gifts .support-banner-inner::after {
        top: -100px;
    }

    .gift-wrapper .section-title h2 {
        width: auto;
    }

    .support-banner .support-banner-inner .support-block-btn {
        top: 0;
        position: relative;
        margin-top: 20px;
        width: 100%;
    }

    .faq-wrapper .controls {
        margin-bottom: 40px;
    }

    .support .nav-buttons {
        flex-wrap: wrap;
    }

    .support .nav-buttons .btn {
        margin-left: 0;
        width: 100%;
    }

    .support .nav-buttons .btn:first-child {
        margin-bottom: 20px;
    }

    .support-banner {
        height: auto;
        background: url('../img/support-banner-bg.png') center;
        background-size: cover;
    }

    .support.warranties-page .nav-buttons .btn:first-child {
        margin-bottom: 0;
        padding-left: 0;
    }

    .support-banner.gifts .support-banner-inner {
        height: auto;
    }

    .steam-more-info-block .alert {
        display: block;
        word-wrap: break-word;
    }

    .free-case-banner img {
        width: 100%;
        height: auto;
    }

    .product-info.free-case .free-case-row .free-case-left {
        margin-right: 0;
    }

    .product-info.free-case .free-case-row {
        flex-wrap: wrap;
        text-align: center;
    }

    .product-info.free-case .image {
        margin: 0 auto 30px;
    }

    .product-info.free-case .price-wrapper .price-buttons {
        width: 100%;
    }

    .case-items .case-item .image {
        height: auto;
        line-height: 0;
    }

    .case-items .case-item {
        flex: 0 0 calc(33.333333% - 16px);
        height: auto;
    }

    .case-items .case-item .price {
        font-size: 20px;
        line-height: 20px;
        padding: 26px 20px;
    }

    .case-items {
        gap: 16px;
    }

    .product-page-switch {
        width: 100%;
        left: 0;
        line-height: 18px;
    }

    .product-page-switch .mode-switcher {
        flex-shrink: 0;
    }

    .withdraw-row .withdraw-drip-col {
        max-width: 100%;
        padding-right: 0;
    }

    .withdraw-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .withdraw-row .drop-withdraw-form-col {
        max-width: 100%;
    }

    .withdraw-row .withdraw-drip-col .withdraw-drip {
        max-width: 250px;
        margin-bottom: 30px;
    }

    .nav-tabs {
        flex-wrap: wrap;
    }

    .nav-tabs .nav-item {
        margin-bottom: 10px;
    }

    .modal-footer .modal-footer-nav-left, .modal-footer .modal-footer-nav-right {
        width: 100%;
        padding: 0 15px;
    }

    .modal-footer .modal-footer-nav-right {
        justify-content: center;
        padding-right: 0;
        margin-top: 20px;
    }

    #withdrawModal .modal-body, #depositBalanceModal .modal-body {
        padding: 15px;
    }

    #withdrawModal .modal-dialog,  #depositBalanceModal .modal-dialog {
        margin: 25px auto;
    }

    #depositBalanceModal .modal-footer-inner.justify-content-end {
        justify-content: center;
    }

    #depositBalanceModal .buy-btn.btn-blue {
        display: inline-flex;
        width: 190px;
    }

    .profile-header .profile-balance {
        flex-wrap: wrap;
    }

    .profile-header .add-balance-btn {
        margin-left: 0;
    }

    .tooltip.mobile-left .tooltip-wrapper::after {
        right: inherit;
        left: -10px;
        border-right: 10px solid rgba(0, 0, 0, 0.95);
        border-left: 0;
    }

    .tooltip.mobile-left .tooltip-wrapper {
        right: inherit;
        left: 36px;
    }

    .profile-header .profile-text {
        overflow: visible;
    }

    .profile-header .add-balance-btn {
        margin-left: 20px;
    }

    .catalog-items.row-view.deposit-history .catalog-item .buy-btn {
        padding: 5px 30px;
    }

    .catalog-items.row-view.deposit-history .catalog-item .status-wrapper .status-label {
        white-space: nowrap;
    }

}

@media screen and (max-width:520px) {
    .catalog-items .catalog-item {
        flex: 0 0 calc(50% - 8px);
    }

    .case-items {
        gap: 12px 8px;
    }

    .case-items .case-item {
        flex: 0 0 calc(50% - 8px);
    }

    .payments-methods-list .payments-method-item {
        width: 100%;
    }

    .payments-methods-list {
        gap: 10px 20px;
    }

    .profile-header .add-balance-btn {
        margin-left: 0;
        margin-top: 10px;
    }
}