@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-300.svg#Rubik') format('svg'); /* Legacy iOS */
  }
  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-regular.svg#Rubik') format('svg'); /* Legacy iOS */
  }
  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/rubik-v19-latin_cyrillic-ext_cyrillic-500.svg#Rubik') format('svg'); /* Legacy iOS */
}

.menu-line-main-href {
    position: relative;
}
.menu-line-main-href::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 14px;
    width: 6px;
    height: 6px;
    background: #c74242;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s ease;
}
.menu-line-main-href:hover {
    color: #ffffff;
    opacity: 1;
}
.menu-line-main-href:hover::before {
    opacity: 1;
}
.menu-line-main-href span {
    border-bottom: 2px solid transparent;
    display: inline-block;
    position: relative;
}

.menu-line-main-href span:after {
    display: block;
    position: absolute;
    left: 0; /*изменить на right:0;, чтобы изменить направление подчёркивания */
    width: 0; /*задаём длинну линии до наведения курсора*/
    height: 2px; /*задаём ширину линии*/
    background-color: #c74242; /*задаём цвет линии*/
    content: "";
    transition: width 0.3s ease-out; /*задаём время анимации*/
}

.menu-line-main-href:hover span {
    /* border-color: #C74242; */
}

.menu-line-main-href:hover span:after,
.menu-line-main-href:hover span:focus:after {
    width: 100%; /*устанавливаем значение 100% чтобы ссылка подчёркивалась полностью*/
}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    vertical-align: baseline;
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    scrollbar-color: #9f3535 #000000;
    scrollbar-width: thin;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

html,
body {
    background: #1f2226;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    min-height: 100%;
    color: #0e1828;
    font-weight: 300;
    min-width: 320px;
    transition: left 0.3s ease-in-out;
    left: 0;
}

html,
body,
img,
div,
a,
table {
    image-rendering: -webkit-optimize-contrast !important;
}

.vtb-popup .loading-block {
    z-index: 99 !important;
}

/*.faq-sber,
.faq-gorod{
	display: none !important;
}
*/
body.panel-open {
    left: -320px;
    overflow: hidden;
}

body.panel-open .catalog-block {
    position: relative;
    z-index: 98;
}

.menu-toggle {
    cursor: pointer;
    float: right;
    font-size: 0.875rem;
    transition: all 0.3s ease-in-out;
}

.menu-toggle.open {
    opacity: 0.5;
}

.menu-toggle-grippy {
    border-bottom: 3px solid #fff;
    border-top: 3px solid #fff;
    line-height: 0;
    text-indent: -999em;
    width: 19px;
    margin-top: -5px;
}

.menu-toggle-grippy:after {
    background: #fff;
    content: "";
    display: block;
    height: 3px;
    width: 17px;
    float: right;
}

.menu-toggle-label {
    font-weight: 500;
    height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.hidden-panel {
    background: #1b1e22;
    color: #fff;
    font-size: 0.875rem;
    height: 100%;
    position: fixed;
    right: -320px;
    top: 0;
    width: 320px;
    overflow-y: auto;
}

.hidden-panel.active {
    right: 0;
}

.hidden-panel a {
    transition: color 0.3s ease-out;
}

.hidden-panel a:hover {
    color: #fff;
}

.hidden-panel-close {
    transition: color 0.3s ease-in-out;
}

.hidden-panel-close:hover {
    color: #fff;
}

.hidden-panel-close:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    width: 20px;
    height: 3px;
    background: #fff;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
}
.hidden-panel-close:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    width: 20px;
    height: 3px;
    background: #fff;
    -moz-transform: rotate(-45deg); /* Для Firefox */
    -ms-transform: rotate(-45deg); /* Для IE */
    -webkit-transform: rotate(-45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-45deg); /* Для Opera */
    transform: rotate(-45deg);
}

.hidden-panel-content {
}

.hidden-panel-nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    text-transform: uppercase;
}

.hidden-panel-nav h3 {
    letter-spacing: 1px;
    margin-bottom: 1em;
}

.hidden-panel-nav ul {
    list-style: none;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.hidden-panel-nav li {
    padding: 0.25em 0;
}

.hidden-panel-text {
    line-height: 1.5;
}

.hidden-panel-text p {
    margin-bottom: 1.5em;
}

.hidden-panel-text p:last-child {
    margin-bottom: 0;
}

.hidden-panel-credits {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
}

.hidden-panel-credits span {
    display: block;
    margin-bottom: 0.15em;
}

.sec-arr {
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 7px solid #fff;
    border-bottom: 0;
    position: absolute;
    left: -4px;
    top: 11px;
}
body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

html {
    height: -webkit-fill-available;
    min-height: -webkit-fill-available;
}

body.overflow-h {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

body.desktop.overflow-h .fix-menu {
    padding-right: 8px;
}

body.panel-open .fix-menu.menu-main {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    body.overflow-h .fix-menu {
        /* padding-right: 8px; */
    }
}

::-webkit-scrollbar {
    height: 6px;
    width: 8px;
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: #9f3535;
    border-radius: 0;
    border: 1px solid #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #000;
}

input,
textarea {
    font-family: "Rubik", sans-serif;
}

.menu-overflow {
    height: 120% !important;
    top: -10% !important;
}

a[href^="tel"] {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
}

a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.catalog-list-item:hover {
    opacity: 1;
}

a,
select,
button,
input {
    outline: none !important;
}
a {
    /*
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
	 transition: opacity .2s;
	-webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;*/

    color: #0e1828;
    text-decoration: underline;

    cursor: pointer;
}

.calendar input[type="text"] {
    max-width: 130px;
    line-height: 38px;
    font-size: 14px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    border-radius: 5px !important;
    text-align: left;
    display: inline-block;
    border: 0;
    background-color: #eaebeb;
    color: #0e1828;
}

/*
h1 {
    padding: 0;
    margin: 0;
    font-weight: 300;
    line-height: normal;
    font-size: 34px;
}
h2{
    padding: 0;
    margin: 0;
    font-weight: 300;
    line-height: normal;
    font-size: 28px;
}
h3{
    padding: 0;
    margin: 0;
    font-weight: 300;
	line-height: normal;
    font-size: 18px;
}
*/

.sys-auth {
    max-width: 500px;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.15);
    display: block;
    background: #fff;
    min-height: 200px;
    text-align: center;
}

.sys-auth-inner {
    position: relative;
    overflow: hidden;
    padding: 20px;
}

.footer-disclamer {
    display: none;
    font-size: 12px;
}

#sysauth {
    position: relative;
    display: block;
}
#syssms {
    position: relative;
    display: none;
}

#syssms input[name="smscode"] {
    letter-spacing: 10px;
}

.sb-icon-card,
.SpasiboSB_logo,
.sb-text-card {
    display: none !important;
}

/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.checkbox {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkbox + label {
    cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. В данном случае checked указывается
без двоеточия впереди, почему-то это срабатывает именно так. */

.checkbox:not(checked) {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 20px;
}
.checkbox:not(checked) + label {
    position: relative;
    padding: 0 0 0 60px;
}
.checkbox:not(checked) + label:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 50px;
    height: 26px;
    border-radius: 13px;
    background: #cdd1da;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
    transition: 0.2s;
}
.checkbox:not(checked) + label:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 2px;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: 0.2s;
}
.checkbox:checked + label:before {
    background: #c74242;
}
.checkbox:checked + label:after {
    left: 26px;
}
.checkbox:focus + label:before {
    /*box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7);*/
}

.radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
.radio + label {
    cursor: pointer;
}
.radio:not(checked) {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}
.radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 35px;
}
.radio:not(checked) + label:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #cdd1da;
    border-radius: 50%;
    background: #fff;
}
.radio:not(checked) + label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #9fd468;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: 0.2s;
}
.radio:checked + label:after {
    opacity: 1;
}
.radio:focus + label:before {
    box-shadow: 0 0 0 3px rgba(255, 255, 0, 0.7);
}

/* Alerts */

#notes {
    position: fixed;
    top: 1em;
    width: 100%;
    cursor: default;
    transition: height 0.45s ease-in-out;
    -webkit-transition: height 0.45s ease-in-out;
    pointer-events: none;
    z-index: 999999;
}
#notes .note-item {
    max-height: 12em;
    opacity: 1;
    will-change: opacity, transform;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    width: 50vw;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    z-index: 2;
    pointer-events: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    max-width: 20em;
    font: inherit;
    line-height: 1.25em;
    color: #fff;
    margin: 0 auto 1em auto;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    padding: 0.75em 1em;
}
@media all and (max-width: 30em) {
    #notes .note-item {
        width: 75vw;
        max-width: none;
    }
}
#notes .note-item[data-show="false"] {
    pointer-events: none;
    opacity: 0 !important;
    max-height: 0 !important;
    margin-bottom: 0 !important;
}
#notes .note-item[data-type="info"] {
    background-color: rgba(55, 94, 151, 72);
}
#notes .note-item[data-type="warn"] {
    background-color: rgba(235, 172, 0, 72);
    animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#notes .note-item[data-type="error"] {
    background-color: rgba(251, 101, 66, 72);
    animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#notes .note-item[data-type="success"] {
    background-color: rgba(63, 104, 28, 72);
}
#notes .note-item .note-item-text {
    flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    padding-right: 0.5em;
    max-width: calc(100% - 1.25em);
    max-width: -webkit-calc(100% - 1.25em);
}
#notes .note-item .note-item-btn {
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=)
        no-repeat 0 0 / contain;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}
#notes .note-item .note-item-btn:hover {
    opacity: 0.6;
}
@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
        -webkit-transform: translate3d(-1px, 0, 0);
        -ms-transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0 0);
        -webkit-transform: translate3d(2px, 0, 0);
        -ms-transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
        -webkit-transform: translate3d(-4px, 0, 0);
        -ms-transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
        -webkit-transform: translate3d(4px, 0, 0);
        -ms-transform: translate3d(4px, 0, 0);
    }
}
@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0) t;
    }
    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
    }
}

/* Alerts */

.clear-div {
    display: block;
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    clear: both;
}

.wrapper {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    min-width: 320px;
}

.header {
    height: 90px;
    position: relative;
    overflow: hidden;
    z-index: 9;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.15);
    min-width: 320px;
    background: #fff;
}

.header .checkbox-styler {
    display: none;
}

.content {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    min-width: 320px;
    /*background: rgb(231,231,231);
	background: -moz-linear-gradient(180deg, rgba(231,231,231,1) 0%, rgba(231,231,231,0.5) 33%, rgba(231,231,231,0.05) 100%);
	background: -webkit-linear-gradient(180deg, rgba(231,231,231,1) 0%, rgba(231,231,231,0.5) 33%, rgba(231,231,231,0.05) 100%);
	background: linear-gradient(180deg, rgba(231,231,231,1) 0%, rgba(231,231,231,0.5) 33%, rgba(231,231,231,0.05) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e7e7",endColorstr="#e7e7e7",GradientType=1);*/
}

.content-inner {
    padding: 20px 0;
    position: relative;
}

.logo-spasibo {
    position: relative;
    display: inline-block;
    margin: 33px 0 0 0;
    float: left;
}

.logo-spasibo img {
    height: 24px;
}

.top-menu {
    position: relative;
    display: inline-block;
    margin-left: 50px;
    line-height: 90px;
}

.top-menu a {
    color: #000;
    line-height: 90px;
    display: inline-block;
    position: relative;
    padding: 0 5px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.top-menu a.selected:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 7px;
    width: 100%;
    background: #c74242;
    display: none;
}

.top-menu a span {
    position: relative;
    display: inline-block;
    line-height: normal;
    padding: 3px 10px;
}

.top-menu a span:after {
    content: "";
    display: block;
    border-bottom: 2px solid #c74242;
    width: 0;
    position: absolute;
    left: 0;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
}

.top-menu a span:hover:after {
    width: 100%;
}

.top-menu a.selected span:hover:after {
    width: 0;
}

.top-menu a:hover {
    opacity: 1;
}

.top-menu a.selected span {
    position: relative;
    background: #c74242;
    color: #fff;

    border-radius: 20px;
}

.footer {
    position: relative;
    overflow: hidden;
    background: #272e3d;
    color: #ffffff;
    font-weight: 500;
    min-width: 320px;
    margin-top: 150px;
}
.footer a {
    font-weight: 500;
}

.footer-item {
    position: relative;
    overflow: hidden;
    float: left;
    width: 31%;
    min-height: 100px;
    margin: 25px 2% 25px 0;
}

.page-head {
    position: relative;
    overflow: hidden;
    padding: 5px 0;
    line-height: 50px;
}

.page-head-title {
    padding: 0 0 0 50px;
    margin: 0;
    font-weight: 300;
    line-height: 50px;
    font-size: 32px;
}

.wink-icon {
    background: url(../img/wink-head.svg) left 7px no-repeat;
}

.page-head-link {
    position: absolute;
    right: 0;
    top: 12px;
    line-height: 35px;
    border: 1px solid #bababa;
    color: #000;
    padding: 0 15px;
    border-radius: 5px;
}

.page-head-link:hover {
    text-decoration: none;
}

.footer-line {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #686d77;
    clear: both;
}

.footer-app {
    float: right;
    margin-left: 25px;
}

.bx-breadcrumb {
    margin-top: 30px;
}

.page-h1 {
    position: relative;
    overflow: hidden;
    margin: 20px 0 0 0;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.footer a {
    color: #fff;
}

select {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 10px 15px;
    font-family: "RTBasis", Arial, sans-serif;
    transition: all 0.2s linear;
    width: 180px;
}

.basket {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../img/my_orders.svg) center 25px no-repeat;
    width: 80px;
    height: 90px;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

.myorders {
    position: absolute;
    right: 80px;
    top: 0;
    background: url(../img/orders.svg) center 25px no-repeat;
    width: 80px;
    height: 90px;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

.myorders span,
.basket span {
    position: absolute;
    left: 0;
    bottom: 20px;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

.basket:before {
    content: attr(data-before);
    position: absolute;
    right: 5px;
    top: 14px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    width: 20px;
    height: 20px;
    display: block;
    z-index: 2;
    font-weight: 500;
    line-height: 22px;
    font-family: "RTBasis", Arial, sans-serif;
}

.basket:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 14px;
    width: 20px;
    height: 20px;
    display: block;
    background: #c74242;
    z-index: 1;
    border-radius: 50%;
    font-family: "Rubik", sans-serif;
}

.basket-page {
    position: relative;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    background: #ffffff;
}

.basket-page-inner {
    position: relative;
    overflow: hidden;
    padding: 30px;
}

.basket-page-item {
    position: relative;
    overflow: hidden;
    min-height: 200px;
    width: 100%;
    border-bottom: 1px solid #ededed;
}

.no-promocode {
    background: rgba(255, 0, 0, 0.05);
}

.basket-page-item:last-child {
    border-color: transparent;
}

.basket-page-item-img {
    width: 20%;
    height: 200px;
    position: relative;
    overflow: hidden;
    display: block;
    float: left;
}

.basket-page-item-img img {
    max-height: 80%;
    max-width: 80%;
    border-radius: 5px;
    display: inline-block;
}

.basket-page-item-table {
    display: table;
    width: 100%;
}
.basket-page-item-td {
    display: table-cell;
    width: 100%;
    height: 200px;
    vertical-align: middle;
}

.basket-page-item-img .basket-page-item-td {
    text-align: center;
}

.basket-page-item-text {
    position: relative;
    display: block;
    width: 60%;
    float: left;
}

.basket-page-item-price {
    position: relative;
    display: block;
    width: 20%;
    float: left;
}

.basket-page-item-text h3 {
    font-weight: 500;
    font-size: 20px;
}

.basket-page-item-text-secnav,
.basket-page-item-text-secnav a {
    font-size: 12px;
    color: #969696;
}

.basket-page-item-text-subline {
    font-size: 14px;
    color: #969696;
    margin: 15px 0;
}

.basket-page-item-price {
    font-size: 34px;
    font-weight: 300;
}

.basket-page-item-price-head {
    font-size: 22px;
}

.basket-page-bottom {
    position: relative;
    overflow: hidden;
    margin: 50px 0 0;
}

.basket-page-bottom-50proch {
    position: relative;
    overflow: hidden;
    float: left;
    width: 50%;
}

.basket-page-bottom-right {
    text-align: right;
    font-size: 28px;
    font-weight: 300;
}

.basket-page-bottom-right span {
    margin: 0 0 0 50px;
}

.basket-page-bottom-button {
    position: relative;
    width: 250px;
    background: #c74242;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    padding: 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin-top: 50px;
    text-transform: uppercase;
    font-weight: 300;
}

.basket-page-bottom-button:hover {
    opacity: 0.7;
}

.basket-page-bottom-left label {
    font-size: 18px;
    font-weight: 500;
}

#priceitogo {
    font-size: 34px;
}

.basket-page-item-del {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    right: 30px;
    top: 50%;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid #c74242;
    margin-top: -17px;
}

.basket-page-item-del:hover {
    opacity: 0.7;
}

.basket-page-item-del:before {
    content: "";
    width: 18px;
    height: 2px;
    background: #c74242;
    border-radius: 1px;
    position: absolute;
    top: 12px;
    left: 4px;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
}

.basket-page-item-del:after {
    content: "";
    width: 18px;
    height: 2px;
    background: #c74242;
    border-radius: 1px;
    position: absolute;
    top: 12px;
    left: 4px;
    -moz-transform: rotate(-45deg); /* Для Firefox */
    -ms-transform: rotate(-45deg); /* Для IE */
    -webkit-transform: rotate(-45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-45deg); /* Для Opera */
    transform: rotate(-45deg);
}

.basket-page-bottom-left .checkbox:not(checked) + label {
    position: relative;
    padding: 0;
    width: 100%;
    display: inline-block;
    padding: 0 0 0 80px;
}

.basket-page-sysauth {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}

.popup-variant {
    display: none;
}

.mfp-content {
    position: relative;
    background: #fff;
    width: 100% !important;
    padding: 50px;
    border-radius: 5px;
    max-width: 700px;
}

.popup-variant-order {
    position: relative;
    width: 220px;
    background: #c74242;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    padding: 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin-top: 10px;
}

.popup-variant-order:hover {
    opacity: 0.7;
}

.popup-variant-left {
    width: 65%;
    position: relative;
    float: left;
}

.popup-variant-right {
    width: 35%;
    position: relative;
    float: right;
}

.popup-variant h3 {
    font-size: 28px;
    margin: 0 0 50px 0;
}

.popup-variant-left-head {
    font-weight: 500;
    font-size: 22px;
    margin: 0 0 20px 0;
}

.popup-variant-left-text {
    width: 90%;
}

.popup-variant-gotobasket {
    display: none;
    position: relative;
}

.popup-variant-back {
    position: relative;
    width: 220px;
    background: #c74242;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    padding: 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin-top: 10px;
}

.popup-variant-basket {
    position: relative;
    width: 220px;
    background: #bbb;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    padding: 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin-top: 10px;
}

.popup-variant-back:hover,
.popup-variant-basket:hover {
    opacity: 0.7;
}

.payments-result {
    font-size: 22px;
    font-weight: 300;
}

.random-page-bottom-button {
    position: relative;
    width: 250px;
    background: #c74242;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    padding: 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin-top: 50px;
    text-transform: none;
    font-weight: 300;
    text-decoration: navajowhite;
}

.random-page-bottom-button:hover {
    opacity: 0.7;
    color: #fff;
}

.feedback {
    max-width: 650px;
    padding: 30px;
    background: #ffffff;
    border-radius: 5px;
    margin: 0 auto;
}

.feedback input[type="text"] {
    text-align: left;
}

.feedback textarea {
    padding-top: 20px;
    text-align: left;
}

.bx-pagination .bx-pagination-container ul li a,
.bx-pagination .bx-pagination-container ul li.bx-active span,
.bx-pagination .bx-pagination-container ul li.bx-active:hover span {
    font-weight: 500;
    padding: 5px 10px;
    width: auto;
    border-radius: 5px !important;
    display: inline-block;
    vertical-align: middle;
    background-color: #575d64;
    color: #ffffff;
    line-height: 18px;
    font-size: 14px;
    height: auto;
    min-width: 100%;
    height: 28px;
}
.bx-pagination .bx-pagination-container ul li.bx-active span {
    background-color: #3b3e42;
}

.bx-pagination .bx-pagination-container ul li span {
    background: transparent;
    padding: 0;
    display: inline-block;
    height: auto;
    min-width: 100%;
    line-height: 14px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 0;
    vertical-align: middle;
}

.bx-pagination .bx-pag-next span,
.bx-pag-prev span {
    display: none !important;
}

.bx-pagination .bx-pagination-container ul li {
    display: inline-block;
    margin: 0;
    line-height: 14px;
}

.bx-pagination .bx-pagination-container {
    text-align: left;
}

.bx-pag-next a:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/profile-page-r.svg) center center no-repeat;
    vertical-align: middle;
    background-size: 10px;
}

.bx-pag-prev a:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/profile-page-r.svg) center center no-repeat;
    vertical-align: middle;
    background-size: 10px;
    -moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);
}

.bx-pagination ul li.bx-pag-prev a,
.bx-pagination ul li.bx-pag-next a {
    padding: 5px 7px;
}

.bx-pagination .bx-pagination-container ul li a:hover span {
    background: transparent;
}

.orders-promocode span {
    font-size: 22px;
    color: #ffffff;
    display: inline-block;
    background: #c74242;
    padding: 0 15px;
    border-radius: 5px;
    margin-left: 10px;
}

.order-list-status {
    font-size: 22px;
    margin: 0 20px 20px 20px;
    position: relative;
    overflow: hidden;
}

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

.mobile-menu__checkbox {
    display: none !important;
}

.mobile-menu {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 16px;
    top: 0;
    background-color: transparent;
    left: 0;
    right: 0;
    height: 60px;
    z-index: 9999999;
}

.mobile-menu__btn {
    position: relative;
    display: flex;
    display: none;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-top: 19px;
    cursor: pointer;
    transition: 0.4s;
    z-index: 9999;
    position: absolute;
    right: 15px;
    top: -5px;
}

.mobile-menu__icon {
    display: block;
    position: relative;
    background: #c74242;
    width: 90%;
    height: 4px;
    transition: 0.4s;
    margin-top: -12px;
}

.mobile-menu__btn span {
    display: block !important;
    width: 100%;
    position: absolute;
    bottom: -6px;
    text-align: center;
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.mobile-menu__icon:after,
.mobile-menu__icon:before {
    content: "";
    display: block;
    position: absolute;
    background: #c74242;
    width: 100%;
    height: 4px;
    transition: 0.4s;
}

.mobile-menu__icon:after {
    top: 10px;
}

.mobile-menu__icon:before {
    top: -10px;
}

.mobile-menu__container {
    position: fixed;
    text-align: center;
    display: block;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 0;
    opacity: 1;
    transition: 0.5s;
    transition-delay: 0.2s;
    overflow: hidden;
    background-color: #f5f5f5;
}

.mobile-menu__list {
    transition: 0.5s;
    transition-delay: 0.5s;
    list-style: none;
    padding-left: 0;
    margin-top: -50px;
}

.mobile-menu__item {
    font-size: 26px;
    padding: 15px;
}

.mobile-menu__link {
    text-decoration: none;
    color: #fff;
}

.mobile-menu__checkbox {
    display: none;
}

.header.open .mobile-menu__nav {
    opacity: 1;
    transition-delay: 0s;
}

.header.open .mobile-menu__container {
    height: 100vh;
    transition-delay: 0s;
}

.header.open .mobile-menu__btn .mobile-menu__icon {
    background: transparent;
}

.header.open .mobile-menu__btn .mobile-menu__icon:before,
.header.open .mobile-menu__btn .mobile-menu__icon:after {
    top: 0;
}

.header.open .mobile-menu__btn .mobile-menu__icon:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    background: rgba(255, 79, 18, 1);
}

.header.open .mobile-menu__btn .mobile-menu__icon:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: rgba(255, 79, 18, 1);
}

.mobile-menu-about {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    position: fixed;
}

.mobile-menu-about .mobile-menu__btn {
    margin-top: 0;
}

.mobile-menu-about .mobile-menu__icon,
.mobile-menu-about .mobile-menu__icon:after,
.mobile-menu-about .mobile-menu__icon:before {
    background: rgba(255, 79, 18, 1);
}

.mobile-menu-about .slide-top-logo-fix {
    display: inline;
}

.mobile-menu-about .slide-top-menu a {
    color: #000;
    margin-top: 0px;
}

.mobile-menu .wrapper {
    height: auto;
    min-height: auto;
}

.overflow-hide {
    overflow: hidden;
}

.mobile-menu__container a {
    font-size: 26px;
    padding: 15px;
    display: block;
    width: 100%;
    margin: 15px 0;
}

.mobile-menu__inner {
    padding: 120px 0 50px 0;
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.slick-dots {
    bottom: 15px !important;
}

.slick-dots li {
    border: 2px solid rgba(255, 255, 255, 1) !important;
    border-radius: 50%;
    -moz-box-sizing: border-box; /* Для Firefox */
    box-sizing: border-box; /* Ширина блока с полями */
    background: transparent !important;
}

.slick-dots li button {
    display: none !important;
}

.slick-dots li.slick-active {
}

.slick-dots li.slick-active:after,
.slick-dots li:hover:after {
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    transform: translate(-50%, -50%) scale(1, 1);
    opacity: 1;
}
.slick-dots li:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0, 0);
    transform: translate(-50%, -50%) scale(0, 0);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e5e5e5;
    -webkit-transition: 300ms;
    transition: 300ms;
    opacity: 0;
    overflow: hidden;
}

.c1-main-inner li {
    list-style: none;
    position: relative;
    padding-left: 25px;
}

.c1-main-inner li:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c74242;
}

.jq-selectbox li:before {
    display: none;
}

.videoWrapper {
    position: relative;
    padding-bottom: 55%;
    padding-top: 0px;
    height: 0;
    margin-top: 60px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.catalog-list-sec140,
.detail-sec140 {
    background: url(/upload/random/wg-bg.jpg) center center no-repeat;
    background-size: cover !important;
}

.catalog-list-sec263,
.detail-sec263 {
    background: url(/upload/random/wow-card-bg.jpg) center center no-repeat;
    background-size: cover !important;
}

.catalog-list-sec263 .catalog-list-item-order {
    background: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.catalog-list-sec263:hover .catalog-list-item-order {
    background: #c74242 !important;
    color: #ffffff !important;
    border-color: #c74242 !important;
}

.catalog-list-sec140 .catalog-list-item-head,
.catalog-list-sec140 .catalog-list-item-price,
.catalog-list-sec140 .catalog-list-item-text,
.detail-sec140,
.detail-sec140 a,
.catalog-list-sec263 .catalog-list-item-head,
.catalog-list-sec263 .catalog-list-item-price,
.catalog-list-sec263 .catalog-list-item-text,
.detail-sec263,
.detail-sec263 a {
    color: #fff;
}

.catalog-list-sec140 .catalog-list-item-order,
.catalog-list-sec263 .catalog-list-item-order {
    background: #c74242;
    color: #ffffff;
    border-color: #c74242;
}

.catalog-list-item-head {
    padding: 0;
}

.footer-box {
    background: #000;
}

.footer-box-line {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* 
.sys-auth-lite .form-input input[type="text"]{
	text-align: left;
	margin: auto;
	border: 1px solid #be1f34;
	border-radius: 5px;
	margin-top: 5px;
padding: 0 10px;
}
*/

.sys-auth-lite .form-input-text {
    top: 5px;
}

.sys-auth-lite .form-input input[type="submit"] {
    width: 33.333333%;
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 40px;
}

.form-check,
.offers-list {
    padding-left: 30px;
    cursor: pointer;
}

.form-check:before,
.offers-list:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #be1f34;
    border-radius: 3px;
    cursor: pointer;
}

.form-check.active:after,
.offers-list.active:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #c74242;
    border-right: 2px solid #c74242;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}

.form-check.notcheck:before,
.offers-list.notcheck:before {
    border-color: #c74242;
}

.order-login-item:not(.popup-auth__item):hover {
    background-color: #c74242;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.popup-close:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #1f2226;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.popup-item-del:hover {
    background-color: #c74242;
    border-color: #c74242;
    color: #ffffff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.popup-close:hover img.d-nblock {
    display: inline-block;
}
.popup-close:hover img.d-iblock {
    display: none;
}

.popup-order.active:hover {
}

.popup-order.active {
    background-color: #c74242;
    border-color: #c74242;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.header.open {
    overflow: visible;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 29px;
}
.lds-ellipsis div {
    position: absolute;
    bottom: 0px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #c74242;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

/*NEW*/

.xbox-slide .slick-next,
.rand-slide .slick-next,
.card-slider .slick-next,
.card-filter-game .slick-next,
.slider-best-card .slick-next,
.card-rand-slide .slick-next,
.card-rand-slidewow .slick-next,
.card-slider-2c .slick-next,
.video-slider .slick-next,
.card-slider-rand2 .slick-next,
.card-slider-rand .slick-next {
    right: -80px;
    z-index: 98;
    width: 50px;
    height: 80px;
    /*background-color: rgba(0,0,0,0.2);*/
    border-radius: 10px;
}

.xbox-slide .slick-prev,
.rand-slide .slick-prev,
.card-slider .slick-prev,
.card-filter-game .slick-prev,
.card-rand-slide .slick-prev,
.slider-best-card .slick-prev,
.card-rand-slidewow .slick-prev,
.card-slider-2c .slick-prev,
.video-slider .slick-prev,
.card-slider-rand2 .slick-prev,
.card-slider-rand .slick-prev {
    left: -80px;
    z-index: 98;
    width: 50px;
    height: 80px;
    /*background-color: rgba(0,0,0,0.2);*/
    border-radius: 10px;
}

.card-slider .slick-next:hover,
.card-filter-game .slick-next:hover,
.card-slider-2c .slick-next:hover,
.card-slider .slick-prev:hover {
    /*background-color: rgba(0,0,0,0.1);*/
}

.video-slider .slick-list {
    max-width: 1345px;
    position: relative;
    margin: 0 -10px;
    padding: 0 !important;
}

.xbox-slide .slick-list,
.card-slider .slick-list,
.card-filter-game .slick-list,
.card-rand-slide .slick-list,
.slider-best-card .slick-list,
.card-rand-slidewow .slick-list,
.card-slider-2c .slick-list {
    max-width: 1325px;
    position: relative;
    margin: 0 auto;
    /* padding: 0 !important; */
}

.card-slider-inner .card-slider-back {
    z-index: 1;
}
.card-slider-inner .card-slider-front {
    z-index: 2;
}

.card-slider-item,
.card-slider-inner {
    overflow: hidden;
}

.card-slider-owl .card-slider-inner:hover .card-slider-back,
.card-slider-float .card-slider-inner:hover .card-slider-back,
.card-slider-2c .card-slider-inner:hover .card-slider-back,
.card-slider-rand-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-back,
.card-slider-rand2 .card-slider-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-back,
.card-count1 .card-slider-item[aria-hidden="true"]:hover .card-slider-back,
.card-count2 .card-slider-item[aria-hidden="true"]:hover .card-slider-back,
.card-count3 .card-slider-item[aria-hidden="true"]:hover .card-slider-back,
.card-slider-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-back {
    z-index: 3;
    background-color: #fff;
    display: inline-block;
}

.card-count2 .card-slider-item .card-slider-float .card-slider-inner:hover .card-slider-front,
.card-slider-2c .card-slider-inner:hover .card-slider-front,
.card-slider-rand-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-front,
.card-slider-rand2 .card-slider-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-front,
.card-slider-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-front {
    opacity: 0;
}

.catalog-detail ul {
    margin: 20px 0;
}
.catalog-detail li,
.card-slider-item li {
    list-style: none;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    padding-left: 15px;
}

.catalog-detail li:before,
.card-slider-item li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 7px;
    height: 7px;
    background: #c74242;
    border-radius: 50%;
}
.gfn2-slider {
    opacity: 0;
    transition: opacity 1s linear;
}
.gfn2-slider.slick-initialized {
    opacity: 1;
}
.gfn2-slider .slick-slide {
    opacity: 1;
    transition: opacity 0.2s linear;
}
.gfn2-slider .gfn-slide-item[aria-hidden="true"],
.gfn2-slider .slick-slide[aria-hidden="true"] {
    opacity: 0;
}
.xbox-slide .slick-list,
.rand-slide .slick-list,
.video-slider .slick-list,
.card-slider .slick-list,
.card-filter-game .slick-list,
.card-rand-slide .slick-list,
.slider-best-card .slick-list,
.card-rand-slidewow .slick-list,
.card-slider-2c .slick-list,
.card-slider-rand .slick-list,
.card-slider-rand2 .slick-list {
    overflow: visible;
}

.xbox-slide-item[aria-hidden="true"],
.slick-slider:not(.gfn-slider) .cont-back[aria-hidden="true"],
.video-slider-item[aria-hidden="true"],
.card-slider-2c[aria-hidden="true"],
.card-slider-item[aria-hidden="true"],
.card-slider-rand2 .card-slider-item[aria-hidden="true"],
.card-slider-rand-item[aria-hidden="true"] {
    opacity: 0.4 !important;
}

.slider-best-card .slick-slide[aria-hidden="true"] {
    opacity: 0.4 !important;
}

/*
.card-rand-slide .card-slider-item[aria-hidden="true"]{
	opacity: 1;
}
*/

.card-count1 .video-slider-item[aria-hidden="true"],
.card-count2 .video-slider-item[aria-hidden="true"],
.card-count3 .video-slider-item[aria-hidden="true"],
.card-count1 .card-slider-2c[aria-hidden="true"],
.card-count2 .card-slider-2c[aria-hidden="true"],
.card-count3 .card-slider-2c[aria-hidden="true"],
.card-count1 .card-slider-item[aria-hidden="true"],
.card-count2 .card-slider-item[aria-hidden="true"],
.card-count3 .card-slider-item[aria-hidden="true"],
.card-count1 .card-slider-rand2 .card-slider-item[aria-hidden="true"],
.card-count2 .card-slider-rand2 .card-slider-item[aria-hidden="true"],
.card-count3 .card-slider-rand2 .card-slider-item[aria-hidden="true"],
.card-count1 .card-slider-rand-item[aria-hidden="true"],
.card-count2 .card-slider-rand-item[aria-hidden="true"],
.card-count3 .card-slider-rand-item[aria-hidden="true"] {
    opacity: 1;
}

.video-slider-item[aria-hidden="true"]:hover {
    /*opacity: 0.3;*/
    cursor: default;
}

.video-slider-item[aria-hidden="true"]:before,
.card-slider-item[aria-hidden="true"]:before,
.card-slider-2c .card-slider-item[aria-hidden="true"]:before,
.card-slider-rand2 .card-slider-item[aria-hidden="true"]:before,
.card-slider-rand-item[aria-hidden="true"]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 98;
    position: absolute;
}

/*
.banner-slider .slick-prev{
    left: auto;
    right: 146px;
    z-index: 98;
    top: auto;
    bottom: 38px;
    width: 75px;
    height: 36px;
	background: rgba(0,0,0,0.4) url(../img/wot/b2/b2arr-left.svg) center center no-repeat !important;
}

.banner-slider .slick-next {
    left: auto;
    right: 67px;
    z-index: 98;
    top: auto;
    bottom: 38px;
    width: 75px;
    height: 36px;
	background: rgba(0,0,0,0.4) url(../img/wot/b2/b2arr-right.svg) center center no-repeat !important;
}
*/

.banner-slider .slick-prev:before,
.banner-slider .slick-next:before {
    display: none;
}

.banner-slider .slick-prev:hover,
.banner-slider .slick-next:hover {
    opacity: 0.8;
}

.xbox-slide .slick-prev,
.rand-slide .slick-prev,
.rand-slide .slick-next,
.xbox-slide .slick-next {
    opacity: 0.5;
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}

.xbox-slide .slick-prev:hover,
.xbox-slide .slick-next:hover,
.xbox-rand .slick-prev:hover,
.xbox-rand .slick-next:hover {
    opacity: 1;
}

.card-slider-item {
}

.slick-prev:before {
    content: "" !important;
    display: inline-block;
    width: 50px;
    height: 80px;
    background: url(../img/slider-main-left.svg) center center no-repeat;
}

.slick-next:before {
    content: "" !important;
    display: inline-block;
    width: 50px;
    height: 80px;
    background: url(../img/slider-main-right.svg) center center no-repeat;
}

.card-ul-nabor:before {
    background: url(../img/wot/box-open.svg) center center no-repeat;
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 8px;
}

.card-ul-nabor-rand:before {
    left: 20px;
}

.card-ul-nabor li:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 4px;
    width: 12px;
    height: 16px;
    background: #ffffff url(../img/wot/ul-li.svg) center center no-repeat;
}

.card-ul-nabor {
    margin-left: -20px;
    margin-top: 5px;
}

.card-ul-nabor h3 {
    font-size: 18px;
    line-height: 36px;
    font-weight: 500;
}

.card-ul-nabor ul {
    border-left: 1px solid #cdcdcd;
    padding: 5px 0 0 0;
}

.card-ul-nabor li {
    margin: 5px 0;
    padding-left: 20px;
    vertical-align: middle;
    position: relative;
    list-style: none;
}

.card-ul-nabor li img {
    vertical-align: middle;
    display: inline-block;
    width: auto;
}

.card-ul-nabor h3 {
    padding-left: 20px;
}

.card-ul-nabor li strong {
    font-weight: 500;
}

.banner-cart-but:hover img.icon1,
.banner-card-but:hover img.icon1,
.rand-card-but:hover img.icon1 {
    display: none;
}
.banner-cart-but:hover img.icon2,
.banner-card-but:hover img.icon2,
.rand-card-but:hover img.icon2 {
    display: inline-block;
}

.content-slider .slick-prev {
    left: 0px;
    z-index: 99;
    display: inline-block;
    height: 101%;
    width: 150px;
    padding-left: 15px;
    text-align: left !important;
    background: url(../img/card-grad-l-lg.svg) right center no-repeat !important;
}

.content-slider-game .slick-prev {
    left: -1px;
    z-index: 99;
    display: inline-block;
    height: 101%;
    width: 150px;
    padding-left: 15px;
    text-align: left !important;
    background: url(../img/card-grad-l-lg-game.svg) right center no-repeat !important;
}

.content-slider .slick-next {
    right: -1px;
    z-index: 99;
    display: inline-block;
    height: 101%;
    text-align: right !important;
    width: 150px;
    padding-right: 15px;
    background: url(../img/card-grad-r-lg.svg) right center no-repeat !important;
}

.content-slider-game .slick-next {
    right: 0px;
    z-index: 99;
    display: inline-block;
    height: 101%;
    text-align: right !important;
    width: 150px;
    padding-right: 15px;
    background: url(../img/card-grad-r-lg-game.svg) right center no-repeat !important;
}

.content-slide-gamer .slick-prev:hover,
.content-slider-game .slick-next:hover,
.content-slider .slick-prev:hover,
.content-slider .slick-next:hover {
    /* background: rgba(0,0,0,0.2) !important;
	opacity: 0.7; */
}

.content-slider-game .slick-list,
.content-slider .slick-list {
    border-radius: 10px;
}

.content-slider-bot .slick-list {
    border-radius: 0px;
}

.catalog-detail h2 {
    font-size: 28px;
    line-height: 34px;
    margin: 20px 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
}

.catalog-detail h3,
.catalog-detail h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.catalog-detail strong,
.catalog-detail b {
    color: #fff;
}

.catalog-detail-text p {
    padding: 10px 0;
}

.game-right-height-inner img {
    max-width: 90%;
    height: auto;
    border-radius: 5px;
}

.game-right-height-inner p {
    margin: 1em 0;
}

.catalog-detail-read:before {
    content: "";
    display: block;
    height: 70px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -70px;
    background: rgb(31, 34, 38);
    background: -moz-linear-gradient(180deg, rgba(31, 34, 38, 0) 0%, rgba(31, 34, 38, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(31, 34, 38, 0) 0%, rgba(31, 34, 38, 1) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0%, rgba(31, 34, 38, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2226",endColorstr="#1f2226",GradientType=1);
}

.catalog-game-read:before,
.catalog-game-read-new:before {
    content: "";
    display: block;
    height: 70px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -70px;
    background: rgb(31, 34, 38);
    background: -moz-linear-gradient(180deg, rgba(31, 34, 38, 0) 0%, rgba(31, 34, 38, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(31, 34, 38, 0) 0%, rgba(31, 34, 38, 1) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0%, rgba(31, 34, 38, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2226",endColorstr="#1f2226",GradientType=1);
}

.catalog-detail-read[data-stat="1"]:before,
.catalog-game-read[data-stat="1"]:before,
.catalog-game-read-new[data-stat="1"]:before {
    display: none;
}

.slick-opacity {
    opacity: 0.05 !important;
}

.slick-track {
    margin-left: 0 !important;
}

.card-slider-item:hover a,
.card-read-more:hover a {
    opacity: 1 !important;
}

.mfp-img,
.mfp-content {
    padding: 0 !important;
    border-radius: 10px;
}

.mfp-counter {
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
}

.mfp-close {
    padding-right: 20px !important;
    font-size: 48px !important;
    padding-top: 3px !important;
}

.catalog-detail a {
    color: #fff;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-pointer !important;
    cursor: -webkit-pointer !important;
    cursor: pointer !important;
}

.checked .item-check {
    display: inline-block;
}

/*
.slick-list:after{
	content: '';
	display: block;
	width: 670px;
	height: 650px;
	background: url(../img/card-grad-r.svg) left top no-repeat;
	position: absolute;
	right: -690px;
	top: 0;
	z-index: 3;
}

.slick-list:before{ 
	content: '';
	display: block;
	width: 670px;
	height: 650px;
	background: url(../img/card-grad-l.svg) right top no-repeat;
	position: absolute;
	left: -690px;
	top: 0;
	z-index: 3;
}
*/

.basket-link:after {
    content: attr(data-count);
    position: absolute;
    right: -1px;
    top: 8px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    height: 18px;
    width: 18px;
    line-height: 20px;
    text-align: center;
}

.menu-top-profile .basket-link:after {
    top: -3px;
}

.slick-track {
    z-index: 2;
}

/*
.order-pay-item.active img.d-iblock{
	display:none;
}

.order-pay-item.active img.d-nblock{
	display:inline-block;
}
*/

.order-pay-item.active,
.order-podarok-item.active {
    background-color: #c74242;
}

.popup-right {
    transform: translatex(100%);
}

.popup-right.active {
    transform: translatex(0%);
}

.menu-top {
    transform: translatey(-100%);
}

.menu-top.active {
    transform: translatey(0%);
    display: inline-block;
}
.qopen.active img,
.order-info.active img.order-arr-rot {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu-open {
    width: 140px;
    height: 38px;
}

.menu-open.active {
    margin-right: 10px;
    margin-top: -5px;
}

.menu-open.active img.off,
.menu-open:hover img.off {
    display: none;
}
.menu-open.active img.on,
.menu-open:hover img.on {
    display: inline-block;
    opacity: 1;
}

.menu-top-info {
    background: #ffffff url(../img/menu2/menu-img.png) -65px -74px no-repeat;
    background-size: auto 130px;
}

.section-select.active img:not(.no-rot),
.games-filter.active img:not(.no-rot),
.botm-click.active img:not(.no-rot) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.section-select-list a:hover {
    background: #e7e9ec;
    color: #000000;
    opacity: 1;
}

.content-slider .slick-disabled {
    display: none !important;
}

.wg-catalog .card-detail-img,
.card-wot-gold .card-detail-img,
.card-wot-styles .card-detail-img,
.card-wot-boosters .card-detail-img {
    max-height: 400px;
}

.card-wot-premium .card-detail-img {
    max-height: 450px;
}

.order-arr,
.feedback-arr {
    /*background: #1f2226 url(../img/form-arr-bot.svg) right 15px center no-repeat; */
}
.order-arr option[selected],
.feedback-arr option[selected] {
    color: #be1f34;
    background: #1f2226;
}

.feedback-img:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/feedback-icon.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 20px;
}
.login-img:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/login-icon.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 20px;
}
.ligal-img:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/ligal.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 20px;
}
.maps-img:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/map-icon.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 20px;
}
.contact-img:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/contact-icon.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 20px;
}
.pay-del-img:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/credit-card-pay.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 20px;
}

.slick-dots li:first-child:last-child {
    display: none;
}

.card-detail-overflow:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.games-image-shadow:before {
    content: "";
    width: 400px;
    height: 100%;
    display: block;
    background: url(../img/game-left-shad-400.svg) right top repeat-y;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.games-image-shadow:after {
    content: "";
    width: 400px;
    height: 100%;
    display: block;
    background: url(../img/game-right-shad-400.svg) left top repeat-y;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
}

.sys-left-view .col-6 {
    width: 100%;
}

.games-filter-list-item {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    border-radius: 5px;
}

.games-filter-list-item:before {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    border: 1px solid rgba(14, 24, 40, 0.2);
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 7px;
}

.games-filter-list-item.active:before {
    background: url(../img/filter-check.svg) center center no-repeat;
    background-size: 10px;
    border-color: #c74242;
}

.games-filter-list-item:hover {
    background: #f4f4f4;
}

.games-filter-list {
    overflow: hidden;
}

.filter-inner {
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
}

.games-filter-list .filter-inner.weit:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.5);
}

.games-filter.active {
    z-index: 99;
}

.games-filter-list.active {
    z-index: 98;
}

.mfp-image-holder .mfp-content {
    max-width: none !important;
    width: auto !important;
}

button.mfp-arrow:before,
button.mfp-arrow:after {
    display: none;
}

button.mfp-arrow-right {
    display: inline-block;
    width: 40px;
    height: 70px;
    background: url(../img/slider-main-right.svg) center center no-repeat !important;
    margin-right: 30px;
}
button.mfp-arrow-left {
    display: inline-block;
    width: 40px;
    height: 70px;
    background: url(../img/slider-main-left.svg) center center no-repeat !important;
    margin-left: 30px;
}

.owl-item {
    float: left;
}

.card-slider-owl .owl-nav {
    position: relative;
}

.owl-nav.disabled {
    display: none;
}

.card-slider-owl .owl-prev span {
    display: none;
}
.card-slider-owl .owl-prev {
    position: absolute;
    left: -60px;
    top: 225px;
    display: block;
    display: inline-block;
    width: 50px;
    height: 76px;
    background: url(../img/slider-main-left.svg) center center no-repeat;
}

.card-slider-owl .owl-next {
    position: absolute;
    right: -60px;
    top: 225px;
    display: inline-block;
    width: 50px;
    height: 76px;
    background: url(../img/slider-main-right.svg) center center no-repeat;
}

.card-slider-owl .owl-item:not(.active) {
    opacity: 0.4;
}

.card-slider-owl .owl-item:not(.active) .card-slider-inner:hover .card-slider-back {
    display: none;
}

.gfn-card:hover .gfn-card-back {
    display: inline-block;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.gfn-card-back {
    opacity: 0;

    transition: opacity 1.3s, visibility 0s linear 1.3s;
}

.gfn-top:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 1%;
    width: 98%;
    height: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.15);
}

.gfn-top:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 1%;
    width: 33%;
    height: 5px;
    border-radius: 5px;
    background: #76b900;

    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.gfn-top.cild2:before {
    left: 37.5%;
}
.gfn-top.cild3:before {
    left: 74%;
    width: 23%;
}

.gfn-top2 {
    padding: 0 2%;
}
.gfn-top2:after {
    left: 3%;
    width: 94%;
}

.gfn-top-item:hover:after,
.gfn-top-item.active:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 2%;
    width: 96%;
    height: 5px;
    border-radius: 5px;
    background: #76b900;
}

.green-li,
.xbox-li,
.ps-li {
    list-style: none;
}

.green-li li,
.xbox-li li,
.ps-li li {
    position: relative;
}

.slider-best-offers__text ul {
    margin: 0 0 0 15px;
}

.slider-best-offers__text li {
    list-style: none;
    position: relative;
}

.green-li li:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #76b900;
    position: absolute;
    left: -15px;
    top: 9px;
}

.xbox-li li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #519b36;
    border-right: 2px solid #519b36;
    position: absolute;
    left: 0px;
    top: 11px;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
}

.ps-li li:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #c74242;
    position: absolute;
    left: 0px;
    top: 11px;
}

.slider-best-offers__text li:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c74242;
    position: absolute;
    left: -15px;
    top: 13px;
}

.ar-a054:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 15px;
    margin-top: -2px;
    vertical-align: middle;
    border-top: 3px solid #054b16;
    border-right: 3px solid #054b16;
    position: relative;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
}

.ar-a9BF:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-top: -2px;
    margin-left: 15px;
    vertical-align: middle;
    border-top: 3px solid #9bf00b;
    border-right: 3px solid #9bf00b;
    position: relative;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
}

.gfn-slider .slick-dots {
    bottom: -33px !important;
    z-index: 1;
}

.gfn-slider .slick-list {
    overflow: hidden;
}

.gfn2-slider .slick-list {
    overflow: visible;
    z-index: 9;
}

.gfn-slider .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 70%;
    height: 5px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 3px;
    left: 15%;
}

.gfn-slider .slick-dots li:after {
    display: none;
}

.gfn-slider .slick-dots li {
    height: 5px !important;
    background: none !important;
    border-radius: 3px;
    border: 0 !important;
    margin: 0;
}

.gfn-slider .slick-dots li.slick-active {
    background: #76b900 !important;
}

.gfn-slider .slick-dots {
    display: table;
}

.gfn-slider .slick-dots li {
    display: table-cell;
}

.gfn-slider .slick-prev,
.gfn-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: auto;
    bottom: -50px;
    display: block;
    width: 56px !important;
    height: 40px !important;
    padding: 0 !important;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    z-index: 1;
}

.gfn-slider .slick-prev {
    left: 5px;
}
.gfn-slider .slick-next {
    right: 5px;
}

.gfn2-slider .slick-prev {
    left: 15px;
}
.gfn2-slider .slick-next {
    right: 15px;
}

.gfn-slider .slick-prev:before {
    width: 51px;
    height: 34px;
    background: url(../img/gfn-arr-l.svg) center center no-repeat;
    background-position: center center;
}

.gfn-slider .slick-next:before {
    width: 51px;
    height: 34px;
    background: url(../img/gfn-arr-r.svg) center center no-repeat;
    background-position: center center;
}

.cont-back {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cont-back-lite .front,
.cont-back-lite .back,
.cont-back .front,
.cont-back .back {
    background-size: cover;
    border-radius: 10px;
    background-position: center;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    min-height: 280px;
    height: auto;
    border-radius: 10px;
    font-size: 1.5rem;
}

.xbox-back .front,
.xbox-back .back {
    min-height: 440px;
}

.cont-back:hover .front,
.cont-back:hover .back {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.cont-back .back,
.cont-back-lite .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gfn2-slider .cont-back .back,
.gfn-game-all .cont-back .back {
    top: 10px;
}

.cont-back .inner,
.cont-back-lite .inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}

.cont-back .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cont-back-lite .back {
    opacity: 0;
}

.gfn-slide-flat.back-view {
    z-index: 99;
}

.gfn-slide-flat.back-view .back,
.cont-back-lite.back-view .back,
.cont-back-lite:hover .back {
    opacity: 1;
    z-index: 9;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.xbox-slide-item.back-view .back,
.gfn-slide-flat.back-view .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.xbox-slide-item.back-view .front,
.gfn-slide-flat.back-view .front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cont-back-lite .front,
.cont-back .front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.content-slider-game .slick-prev:before {
    margin-left: 20px;
}
.content-slider-game .slick-next:before {
    margin-right: 20px;
}

.overflow-popup {
    opacity: 0;
}

.overflow-view .overflow-popup {
    opacity: 1;
    display: inline-block;
}

.overflow-view .search-popup {
    display: inline-block;
}

.overflow-view {
    overflow: hidden;
}

.search-form-close {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 3px solid #ffffff;
}

.search-form-close:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 20px;
    width: 26px;
    height: 3px;
    background: #ffffff;
    display: block;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.search-form-close:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 20px;
    width: 26px;
    height: 3px;
    background: #ffffff;
    display: block;
    -moz-transform: rotate(-45deg); /* Для Firefox */
    -ms-transform: rotate(-45deg); /* Для IE */
    -webkit-transform: rotate(-45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-45deg); /* Для Opera */
    transform: rotate(-45deg);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.search-form-close:hover:before {
    background: #c74242;
    -moz-transform: rotate(-45deg); /* Для Firefox */
    -ms-transform: rotate(-45deg); /* Для IE */
    -webkit-transform: rotate(-45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-45deg); /* Для Opera */
    transform: rotate(-45deg);
}

.search-form-close:hover:after {
    background: #c74242;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
}

.order-last-buy .slick-arrow,
.order-last-buy2 .slick-arrow {
    display: none !important;
}

.order-last-buy .slick-list,
.order-last-buy .slick-track,
.order-last-buy2 .slick-list,
.order-last-buy2 .slick-track {
    overflow: visible;
}

.order-last-buy-item:hover {
    margin-top: -10px;
}

.btn-top10:hover {
    -moz-transform: translateY(-10%); /* Для Firefox */
    -ms-transform: translateY(-10%); /* Для IE */
    -webkit-transform: translateY(-10%); /* Для Safari, Chrome, iOS */
    -o-transform: translateY(-10%); /* Для Opera */
    transform: translateY(-10%);
}

.btn-cl12:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.btn-cl11:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.btn-cl09:hover {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

.xbox-bg1:before {
    content: "";
    display: block;
    width: 100%;
    height: 510px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/shop/xbox/bg-xbox6.png) center top repeat-x;
    z-index: 5;
}

.ps-bg1:before {
    content: "";
    display: block;
    width: 100%;
    height: 900px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/shop/ps/img/bg-top2.jpg) center top repeat-x;
    z-index: 5;
}

.ps-bg2:before {
    content: "";
    display: block;
    width: 100%;
    height: 540px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: url(/shop/ps/img/bg2-bot.jpg) center bottom repeat-x;
    z-index: 5;
}

.ps-bg2:after {
    content: "";
    display: block;
    width: 100%;
    height: 286px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: url(/shop/ps/img/volna2.png) center bottom repeat-x;
    z-index: 6;
}

.ps-bg3:after {
    content: "";
    display: block;
    width: 100%;
    height: 525px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/shop/ps/img/bg3-1.png) center bottom repeat-x;
    z-index: 6;
}

.ps-bg4:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/shop/ps/img/bg4-1.jpg) right top no-repeat;
    z-index: 1;
}

.ps-bg4l:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/shop/ps/img/bg4-3.jpg) left -150px top no-repeat;
    z-index: 1;
}

.gfn-slide-item .front {
    box-shadow: 0 -1px 1px rgb(0 0 0) inset;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.gfn-slide-item .front:before {
    content: "";
    display: block;
    width: 100%;
    height: 101%;
    position: absolute;
    left: 0;
    bottom: -1px;
    background: url(../img/grad-card-gfn3.svg) left bottom repeat-x;
    background-size: auto 101%;
    z-index: 1;
}

.xbox-plitka:hover {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.filter-item.active .ico1 {
    display: none;
}
.filter-item.active .ico2 {
    display: inline-block;
}

.menu-line span {
    /* border-bottom: 2px solid transparent;*/
    display: inline-block;
    position: relative;
}
.menu-line.main-tabs-item.active span {
    display: inline-block;
}
.menu-line span:after,
.menu-line.active span:after {
    display: inline-block;
    position: absolute;
    left: 0; /*изменить на right:0;, чтобы изменить направление подчёркивания */
    bottom: -5px;
    width: 0; /*задаём длинну линии до наведения курсора*/
    height: 2px; /*задаём ширину линии*/
    background-color: #519b36; /*задаём цвет линии*/
    content: "";
    transition: width 0.3s ease-out; /*задаём время анимации*/
}

.slick-dots li:only-child,
.sbc-dots li:only-child {
    display: none !important;
}

.menu-line:hover span {
    /* border-color: #C74242; */
}

.menu-line-wg span:after,
.menu-line-dot span:after {
    background-color: #c74242 !important;
}

.menu-line-dot span:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #ffffff;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
}

.menu-line-dot:hover span:before {
    background: #c74242 !important;
}

.main-tabs-item.active span {
    /* border-bottom: 2px solid #C74242; */
    display: inline;
}

.menu-line-wg {
    color: rgba(255, 255, 255, 0.6);
}

.menu-line-dot {
    color: rgba(255, 255, 255, 1);
}

.menu-line-wg.active,
.menu-line-wg:hover {
    color: rgba(255, 255, 255, 1);
}

.filter-item.active span:after,
.menu-line-wg.active span:after,
.menu-line:hover span:after,
.menu-line:hover span:focus:after {
    width: 100%; /*устанавливаем значение 100% чтобы ссылка подчёркивалась полностью*/
}

.menu-line-wg.active:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #c74242;
    position: absolute;
    left: 3px;
    top: 8px;
}

.wg-filter-popup .menu-line-wg.active:before {
    display: none;
}

.xbox-oimg:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 4;
    background: url(/shop/xbox/order/lgt.svg) left top repeat-x;
    background-size: auto 108px;
    height: 108px;
    width: 100%;
}
.xbox-oimg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 4;
    background: url(/shop/xbox/order/lgb.svg) left top repeat-x;
    background-size: auto 151px;
    height: 151px;
    width: 100%;
}

.mslider-main:before {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 4;
    background: rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background-size: auto 170px;
    height: 170px;
    width: 100%;
}
.menu-main:before {
    content: "";
    display: block;
    position: absolute;
    left: -200px;
    top: -110px;
    right: -200px;
    z-index: 4;
    /*background: -webkit-gradient(linear, left bottom, left top, from(rgba(31, 34, 38, 0)), to(#1F2226));
	background: -webkit-linear-gradient(bottom, rgba(31, 34, 38, 0) 0%, #1F2226 100%);
	background: linear-gradient(0deg, rgba(31, 34, 38, 0) 0%, #1F2226 100%);
	-webkit-filter: blur(8px);
    filter: blur(8px);*/
    height: 100px;
    /*width: 100%;*/
    box-shadow: 0 40px 100px rgb(0, 0, 0);
    pointer-events: none;
}

.bmenu .menu-main:before {
    box-shadow: 0 60px 100px rgb(250, 246, 243);
}

@media screen and (max-width: 576px) {
    .bmenu .menu-main:before {
        top: -150px;
        height: 150px;
        box-shadow: 0 60px 120px rgb(250, 246, 243);
    }
}

.fix-menu-profile.veit {
    opacity: 0.5;
}

.fix-menu-profile.veit:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.bmenu .fix-menu-profile .basket-link .icon.icon-basket {
    --color1: #000;
}

.bmenu .fix-menu-profile .profile-div .icon.icon-lk {
    --color1: #000;
    --color2: #000;
}

.profile-div .icon.icon-lk.status-n {
    --color1: #c74242 !important;
}

.lc-navi__item:hover a .lc-navi-item__icon .icon {
    --color-2: var(--bg-1);
}

.lc-navi__item a .lc-navi-item__name {
    position: relative;
}

.lc-navi__item a .lc-navi-item__name:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 0;
    background: var(--bg-1);
    transition: var(--transition03);
}

.lc-navi__item:hover a .lc-navi-item__name:after {
    width: 100%;
}

.bmenu .burger,
.bmenu .burger:before,
.bmenu .burger:after {
    background: #000 !important;
}

.bmenu .humburger.active .burger {
    background: transparent !important;
}

.mslider-main:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 9;
    background: rgba(2, 2, 2, 0);
    background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0), rgba(2, 2, 2, 1));
    background: -moz-linear-gradient(top, rgba(2, 2, 2, 0), rgba(2, 2, 2, 1));
    background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 1));
    background-size: auto 713px;
    height: 713px;
    width: 100%;
}
.wg-top-main:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 4;
    background: url(../img/gradient/wg-top-grad.svg) left top repeat-x;
    background-size: auto 355px;
    height: 355px;
    width: 100%;
}
.wg-top-main:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 4;
    background: url(../img/gradient/wg-top-grad2.svg) left top repeat-x;
    background-size: auto 275px;
    height: 275px;
    width: 100%;
}
/*
.xbox-timg:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	z-index: 4;
	background: url(/shop/xbox/order/img-lgt.svg) left top repeat-x;
	background-size: auto 325px;
	height: 325px;
	width: 100%;
	border-radius:  5px 5px 0 0;
}
*/
.bg-game-top:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 1;
    background: url(../img/bg/bg-game-top.jpg) center top repeat-x;
    background-size: auto 414px;
    height: 414px;
    width: 100%;
    border-radius: 0;
}

.xbox-timg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 5;
    background: url(/shop/xbox/order/img-lgb.svg) left top repeat-x;
    background-size: auto 100%;
    height: 100%;
    width: 100%;
    border-radius: 0 0 5px 0px;
}

.xfil-cur:after {
    content: "";
    position: absolute;
    right: 3px;
    top: 0px;
    width: 10px;
    height: 10px;
    display: block;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-bottom: 2px solid #519b36;
    border-right: 2px solid #519b36;
}

.slider-pag-item.active {
    background-color: rgba(199, 66, 66, 0.8);
}

.wg-filter .xfil-cur:after {
    border-color: #fff;
}
.gm-filter .xfil-cur:after {
    border-color: #fff;
}

.order-kupon-but.active .okb1 {
    opacity: 1;
}

.order-kupon-but.remove .okb1 {
    display: none;
}

.order-kupon-but.remove .okb2 {
    display: inline-block;
}

.order-kupon-but.remove {
    background-color: #c74242;
}

.s.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.video {
    margin-bottom: 20px;
}
.video-wrp {
    position: relative;
    padding-top: 56.25%;
}
.video-wrp iframe {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    border: none;
}

.slider-list {
    position: relative;
    overflow: hidden;
}

.slider-list-item {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.slider-list-item a {
    color: #ffffff;
}

.slider-list-left {
    position: relative;
    height: 100%;
    width: 50%;
    float: left;
    display: table;
}

.slider-list-item-head {
    font-size: 46px;
    line-height: 54px;
    font-weight: 300;
}

.slider-list-item-text {
    font-size: 22px;
    font-weight: 200;
    margin: 10px 0 0 0;
}

.slider-list-item .wrapper {
    background-size: cover !important;
}

.slider-list-item-head-img {
    max-width: 100%;
    max-height: 100px;
}

.slider-button:hover {
    opacity: 0.85;
}

.slider-button {
    position: relative;
    width: auto;
    background: #ff4f12;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    padding: 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin-top: 20px;
    min-width: 220px;
    max-width: 280px;
}

.slider-list-item a:hover {
    opacity: 1;
}

.slider-list .slick-prev {
    left: 0;
    z-index: 98;
    display: inline-block;
    height: 100%;
    width: 80px;
    opacity: 0;
    background: transparent !important;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.slider-list .slick-next {
    right: 0;
    z-index: 98;
    display: inline-block;
    height: 100%;
    width: 80px;
    opacity: 0;
    background: transparent !important;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.slider-list .slick-prev:hover,
.slider-list .slick-next:hover {
    opacity: 1;
}

.slider-list .slick-dots li {
    border: 0 !important;
    background: rgba(255, 255, 255, 0.2) !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 9px;
}

.slider-list .slick-dots li {
    border: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}

.slick-dots li.slick-active {
    background: rgba(199, 66, 66, 0.8) !important;
}

.slick-dots li:after {
    display: none;
}

.slider-list-prev {
    /*border: 3px solid transparent;*/
    /*-webkit-transition: border-color 0.3s linear;*/
    transition: border-color 0.3s linear;
    border-radius: 15px;
    position: relative;
}

.slider-list-prev.active,
.slider-list-prev:hover {
    /*border-color: #C74242;*/
    -webkit-transition: border-color 0.3s linear;
    transition: border-color 0.3s linear;
    opacity: 1 !important;
}
.slider-list-prev::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 3px solid transparent;
    border-radius: 10px;
    transition: border-color 0.3s linear;
}
.slider-list-prev.active::after,
.slider-list-prev:hover::after {
    border-color: #c74242;
}

.card-border-anim.bcol-C5Ao30:hover {
    border-color: #c5a774;
}
.card-border-anim.bcol-4F5o30:hover {
    border-color: #4f54ba;
}

.card-border-anim:hover svg {
    /* display: none; */
}

.not-available {
    line-height: 20px;
}

.card-border-back .not-available__desc {
    font-size: 12px;
    text-align: left;
}

.card-slider-float .not-available__desc,
.card-slider .not-available__desc {
    text-align: left;
}

.main-slider-div .slick-dots {
    bottom: 30px !important;
}

.main-slider-div .slider-list-item {
    transition: opacity 3s linear;
}
.main-slider-div .slider-list-inner {
    opacity: 1;
}
.main-slider-div.slick-initialized.sliderAddAnimation .slider-list-inner {
    transition: all 1s linear 1s;
}
.main-slider-div.slick-initialized .slider-list-inner {
    opacity: 0;
}
.main-slider-div.slick-initialized .slick-current .slider-list-inner {
    opacity: 1;
}

.main-tabs-gm:hover .slider-plashka-div {
    z-index: 1 !important;
}

.arrow-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.arrow-down span {
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 3px solid rgba(255, 255, 255, 0.5);
    border-right: 3px solid rgba(255, 255, 255, 0.5);
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow-down span:nth-child(2) {
    animation-delay: -0.2s;
}
.arrow-down span:nth-child(3) {
    animation-delay: -0.4s;
}
@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}

.card-border-anim:hover .card-border-back {
    display: inline-block;
    opacity: 1;
    z-index: 10;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.sbc-dots .sbc-dot li {
    min-width: 20px;
    min-height: 20px;
    margin: 0 0 0 20px;
    width: auto;
    border-radius: 5px;
    display: inline-block;
    background-color: rgba(27, 29, 33, 1);
    vertical-align: middle;
    cursor: pointer;
}

.sbc-dots .sbc-dot li.slick-active {
    background-color: rgba(199, 66, 66, 0.8);
}

.card-read-more:hover img {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: calc(1s * 1.3);
    animation-duration: calc(1s * 1.3);
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.wg-bg-main {
    opacity: 0;
}

.wg-bg-main.active {
    opacity: 1;
}

.gooey {
    position: relative;
    height: 20px;
}
.gooey .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    background: #c74242;
    border-radius: 50%;
    transform: translateX(0);
    animation: dot 2.8s infinite;
}
.gooey .dots {
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    animation: dots 2.8s infinite;
}
.gooey .dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    background: #c74242;
    border-radius: 50%;
}

.menu-top-fff a {
    position: relative;
}

.menu-top-fff a:hover:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #c74242;
    border-radius: 50%;
}

.fourgame__logo a img.ro-logo {
    width: 200px;
    margin-top: 40px;
}

.order-login-sub .order-login-item:not(.popup-auth__item) {
    background-color: #1f2226;
}

.order-login-sub .order-login-item:not(.popup-auth__item):hover {
    background-color: #c74242;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.order-login-sub .sub-input {
    background-color: #1f2226;
}

.order-login-sub .order-pay-item {
    background-color: #1f2226;
}

.order-login-sub .order-pay-item.active {
    background-color: #c74242;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.popup-sabs {
    position: relative !important;
    display: flex !important;
    transform: translate(0%, 0%) !important;
    left: auto !important;
    top: auto !important;
    height: 100%;
}

.popup-sabs .popup-block__back {
    padding: 0px;
}

.popup-sabs .popup__subscribe {
    margin-bottom: 0px;
}

.popup-sabs .lc-subscribe__block {
    margin: auto;
    padding: 30px;
}

.popup-sabs .card__popup-close {
    margin: 30px 30px 0 0 !important;
}

.subs-fake {
    position: relative;
    opacity: 0.35;
}

.subs-fake:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url(../img/weit-sub.svg) center center no-repeat;
}

body.overflow-h .fix-menu {
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
}
@media (max-width: 567px) {
    body.overflow-h .fix-menu {
        /* overflow:scroll;*/
    }
}

body.overflow-h {
    /* padding-right: 16px; */
}

.preload-accounts {
    position: absolute;
    background: rgba(44, 47, 50, 0.5);
    z-index: 9;
}

.menu-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform 1s ease-out;
    -webkit-transition: transform 1s ease-out;
    -moz-transition: transform 1s ease-out;
    -ms-transition: transform 1s ease-out;
    -o-transition: transform 1s ease-out;
}
.menu-main.out {
    transform: translateY(-120%);
    transition: all 1s ease;
}

@-moz-keyframes dot {
    50% {
        transform: translateX(76px);
    }
}
@-webkit-keyframes dot {
    50% {
        transform: translateX(76px);
    }
}
@-o-keyframes dot {
    50% {
        transform: translateX(76px);
    }
}
@keyframes dot {
    50% {
        transform: translateX(76px);
    }
}
@-moz-keyframes dots {
    50% {
        transform: translateX(-11px);
    }
}
@-webkit-keyframes dots {
    50% {
        transform: translateX(-11px);
    }
}
@-o-keyframes dots {
    50% {
        transform: translateX(-11px);
    }
}
@keyframes dots {
    50% {
        transform: translateX(-11px);
    }
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.main-slider-img-mb {
    background-position: center -10000px !important;
}
.main-slider-img-mb .scale-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.humburger {
    direction: rtl;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
}

.humburger.active .burger {
    background: rgba(0, 0, 0, 0);
}

@media (max-width: 576px) {
    .humburger.active .burger {
        margin-right: 10px;
    }
}

.humburger.active .burger::before {
    top: 0;
    transform: rotate(45deg);
    width: 28px;
}

.humburger.active .burger::after {
    top: 0;
    transform: rotate(135deg);
    width: 28px;
}

.burger {
    width: 20px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: -1px;
    transition: 0.5s;
}

.burger::before,
.burger::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background: #fff;
    transition: 0.5s;
}

.burger::before {
    top: -8px;
    left: 0;
}

.burger::after {
    top: 8px;
    left: 0;
}

.fix-menu.active .humburger {
    margin-right: -5px;
}

.fix-menu.active .mn1 {
    margin-left: 10px;
}

.loader-dots {
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: flex;
    padding: 0px;
}

.loader-dots span {
    display: block;
    width: 6px;
    height: 6px;
    background: #c74242;
    border-radius: 50%;
    margin: 0 2px;
}

.loader-dots span:nth-child(2) {
    background: #c74242;
}

.loader-dots span:nth-child(3) {
    background: #c74242;
}

.loader-dots span:nth-child(4) {
    background: #c74242;
}

.loader-dots span:not(:last-child) {
    animation: loader-dots 1.5s linear infinite;
}

@keyframes loader-dots {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(10px);
    }
}

.loader-dots span:last-child {
    animation: loader-jump 1.5s ease-in-out infinite;
}

.card-read-more:hover .loader-dots span:last-child,
.card-read-more:hover .loader-dots span:not(:last-child) {
    -webkit-animation-name: none;
}

.main-slider-tema584:after {
    display: none;
}

.main-slider-tema584 .main-slider-head {
    color: #000000;
}

.main-slider-btn.hh-50 {
    line-height: 50px;
}

.main-slider-tema584 .main-slider-btn {
    color: #ffffff;
    background: #000000;
}
.main-slider-tema584 .main-slider-btn span {
    color: #ffffff;
}

.main-slider-tema584 .main-slider-btn .icon-more {
    fill: #ffffff;
}

.ofb1.d-nblock,
.ofb2.d-nblock {
    display: none !important;
}

@keyframes motion-blur {
    0% {
        filter: url(#blur0);
        transform: scale(1, 1);
    }
    15% {
        filter: url(#blur1);
        transform: scale(1, 1.2);
    }
    30% {
        filter: url(#blur2);
        transform: scale(1, 1.17);
    }
    45% {
        filter: url(#blur3);
        transform: scale(1.1, 1.15);
    }
    60% {
        filter: url(#blur4);
        transform: scale(1.2, 1.13);
    }
    75%,
    100% {
        filter: url(#blur5);
        transform: scale(1.35, 1);
    }
}
.do-tans {
    animation: motion-blur 0.1s linear forwards, motion-blur 0.5s linear reverse forwards 0.1s;
}
@keyframes loader-jump {
    0% {
        transform: translate(0, 0);
    }
    10% {
        transform: translate(-2px, -8px);
    }
    20% {
        transform: translate(-4px, -8px);
    }
    30% {
        transform: translate(-6px, -8px);
    }
    40% {
        transform: translate(-8px, -8px);
    }
    50% {
        transform: translate(-10px, -8px);
    }
    70% {
        transform: translate(-12px, -8px);
    }
    80% {
        transform: translate(-14px, -8px);
    }
    90% {
        transform: translate(-16px, -6px);
    }
    100% {
        transform: translate(-18px, 0);
    }
}

.pgal:before {
    content: "";
    width: 10%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgb(26, 28, 32);
    background: -moz-linear-gradient(90deg, rgba(26, 28, 32, 1) 0%, rgba(26, 28, 32, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(26, 28, 32, 1) 0%, rgba(26, 28, 32, 0) 100%);
    background: linear-gradient(90deg, rgba(26, 28, 32, 1) 0%, rgba(26, 28, 32, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1c20",endColorstr="#1a1c20",GradientType=1);
}

.pgal:after {
    content: "";
    width: 10%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: rgb(26, 28, 32);
    background: -moz-linear-gradient(270deg, rgba(26, 28, 32, 1) 0%, rgba(26, 28, 32, 0) 100%);
    background: -webkit-linear-gradient(270deg, rgba(26, 28, 32, 1) 0%, rgba(26, 28, 32, 0) 100%);
    background: linear-gradient(270deg, rgba(26, 28, 32, 1) 0%, rgba(26, 28, 32, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1c20",endColorstr="#1a1c20",GradientType=1);
}

.slider-pag-bot:hover,
.slider-pag-top:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.6);
}

.mslider-main .scale-img {
    opacity: 0;
}

.mslider-main.slick-active .scale-img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.sec-root:hover {
    z-index: 3;
}

.sec-root:hover .sec-parent {
    display: inline-block;
}

.sec-root:hover {
    background-color: rgba(39, 39, 39, 0.8);
}

.sec-root:not(.sec-count) {
    border-radius: 5px !important;
}

.hidden-panel-close:hover,
.sec-root:hover > a,
.sec-root.active > a {
    color: #c74242;
}

.sec-parent > a:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -15px;
    top: 12px;
}

.sec-root-toggle.active > a span:after {
    width: 100%;
    background-color: #c74242 !important;
}

.sec-root-toggle.active .sec-parent {
    display: inline-block;
}

.sec-root-toggle .sec-parent > a:before {
    display: none;
}

.sec-root-toggle.active .sec-arr {
    -moz-transform: rotate(-90deg); /* Для Firefox */
    -ms-transform: rotate(-90deg); /* Для IE */
    -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-90deg); /* Для Opera */
    transform: rotate(-90deg);
    border-top-color: #c74242 !important;
}

.main-slider-div .slider-list-item {
    transition: opacity 1s linear;
}
.main-slider-div .slider-list-inner {
    opacity: 1;
}
.main-slider-div.slick-initialized.sliderAddAnimation .slider-list-inner {
    transition: all 1s linear 1s;
}
.main-slider-div.slick-initialized .slider-list-inner {
    opacity: 0;
}
.main-slider-div.slick-initialized .slick-current .slider-list-inner {
    opacity: 1;
}
.overflow-h .mslider-main-thumb {
    right: 4px !important;
}

.card-slider {
    opacity: 0;
    max-height: 555px;
    overflow: hidden;
}
.card-slider.slick-initialized {
    opacity: 1;
    max-height: none;
    overflow: visible;
}

.order-last-buy {
    opacity: 0;
    max-height: 240px;
    overflow: hidden;
}
.order-last-buy.slick-initialized {
    opacity: 1;
    max-height: none;
    overflow: visible;
}

.order-last-buy .slick-slide[aria-hidden="true"],
.order-last-buy .slick-slide[aria-hidden="true"] a {
    opacity: 0;
    cursor: default;
}

.card-filter-game,
.xbox-slide {
    opacity: 0;
    max-height: 460px;
    overflow: hidden;
}
.card-filter-game.slick-initialized,
.xbox-slide.slick-initialized {
    opacity: 1;
    max-height: none;
    overflow: visible;
}

.profile-akk:hover svg {
    opacity: 1;
}

.profile-akk.active svg path,
.profile-akk.active svg rect,
.profile-akk.active svg circle,
.profile-akk.active svg ellipse,
.profile-akk.active svg line,
.profile-akk.active svg polyline,
.profile-akk.active svg polygon,
.profile-akk.active svg g {
    fill: #c74242;
}

.profile-akk.active:hover {
    transform: scale(1.2);
}

.profile-akk.active:hover svg {
    opacity: 0;
}
.profile-akk.active:hover .del-ico {
    display: inline-block;
    opacity: 1;
    width: 18px;
}

.wg-error-mess {
    left: 0 !important;
    right: 0 !important;
}

.lc-accounts__alert.popup {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -150%);
    position: fixed;
}

.lc-accounts__alert.popup .lc-accounts-alert__close:hover {
    background: transparent !important;
}

.card__popup-close {
    fill: var(--white);
    height: 18px;
    margin: 0px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    vertical-align: middle;
    width: 18px;
}

.lc-order-details-alert__text ol {
    margin-left: 15px;
    list-style-type: none;
    counter-reset: num;
}

.lc-order-details-alert__text ol li {
    position: relative;
}

.lc-order-details-alert__text ol li:before {
    content: counter(num) ".";
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -26px;
    width: 20px;
    color: var(--bg-1);
    text-align: right;
}

.icon-lc-complete {
    height: 16px !important;
    width: 16px !important;
}

.maxheight .jq-selectbox__dropdown ul {
    max-height: 203px;
}

#basket_item_list.refresh:after,
.card-slider-float.refresh:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 34, 38, 0.9);
    z-index: 999;
}

.preloader-div.refresh,
.cartinfo-div.refresh {
    display: inline-block;
    position: fixed;
    height: 100vh;
    right: 0;
    left: auto;
    background: rgba(31, 34, 38, 0.9);
    max-width: 500px;
}

.card-slider-float .preloader-div.refresh {
    display: inline-block;
    position: absolute;
    height: 100%;
    top: 0;
    left: auto;
    background: rgba(28, 27, 21, 0);
    max-width: 100%;
    border-radius: 10px;
}

.card-slider-float.reload .cont-back {
    opacity: 0.5;
}

.jq-number__field {
    position: relative;
}

.jq-number__field:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.jq-number__spin {
    z-index: 2;
}

.menu-open {
    width: 30px;
    height: 30px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    cursor: pointer;
}

.number {
    display: inline-block;
    position: relative;
    width: 100px;
}
.number input[type="number"] {
    display: block;
    height: 32px;
    line-height: 32px;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}
.number input[type="number"]::-webkit-outer-spin-button,
.number input[type="number"]::-webkit-inner-spin-button {
    display: none;
}
.number-minus {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    width: 20px;
    padding: 0;
    display: block;
    text-align: center;
    border: none;
    border-right: 1px solid #ddd;
    font-size: 16px;
    font-weight: 600;
}
.number-plus {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 20px;
    padding: 0;
    display: block;
    text-align: center;
    border: none;
    border-left: 1px solid #ddd;
    font-size: 16px;
    font-weight: 600;
}

.cart-input-div input {
    width: 80px;
    border: 0;
    padding: 0px 30px;
    font-size: 10px;
    line-height: 18px;
    border-radius: 10px;
    height: 26px;
    text-align: center;
    background: #1f2226;
    color: #fff;
}

.cart-input-div .minus {
    position: absolute;
    width: 27px;
    height: 26px;
    left: 0;
    top: 0;
    background: #2c2f32;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}

.cart-input-div .minus:before {
    content: "";
    position: absolute;
    left: 9px;
    top: 12px;
    width: 9px;
    height: 2px;
    background: #fff;
}

.cart-input-div .plus {
    position: absolute;
    width: 27px;
    height: 26px;
    right: 0;
    top: 0;
    background: #2c2f32;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}

.cart-input-div .minus:hover,
.cart-input-div .plus:hover {
    background: #c74242;
}

.cart-input-div .plus:before {
    content: "";
    position: absolute;
    left: 9px;
    top: 12px;
    width: 10px;
    height: 2px;
    background: #fff;
}

.cart-input-div .plus:after {
    content: "";
    position: absolute;
    left: 9px;
    top: 12px;
    width: 10px;
    height: 2px;
    background: #fff;
    -moz-transform: rotate(90deg); /* Для Firefox */
    -ms-transform: rotate(90deg); /* Для IE */
    -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(90deg); /* Для Opera */
    transform: rotate(90deg);
}

.stick {
    width: 30px;
    height: 4px;
    border-radius: 3px;
    margin-bottom: 5px;
    background-color: #fff;
    display: inline-block;
}

.breadcrumbs.aion ul li a {
    color: var(--aion-header);
}

.breadcrumbs.aion ul li:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 3 3-3 3' stroke='%23504036' stroke-width='2'/%3E%3C/svg%3E") 50% 50% no-repeat;
}

.breadcrumbs.aion-detail ul li a {
    color: var(--white) !important;
}

.breadcrumbs.aion-detail ul li:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 3 3-3 3' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E") 50% 50% no-repeat !important;
}

.top-menu-cblock {
    margin-left: 1.5%;
}

.menu-main.active .top-menu-cblock {
    margin-top: 0px;
    padding-left: 15px;
}

.menu-main.active .menu-open.active {
    margin-right: 10px;
    margin-top: -5px;
}

.swiper-filter-item__name {
    margin: 0 !important;
}

.order-pay-item.sber-only {
    opacity: 0.35;
}

#subscribe_phone_list .jq-selectbox__trigger {
    right: 8px;
}

#subscribe_phone_item .subscribe_phone_item-desc {
    margin: 20px 0 -20px 0 !important;
}

#subscribe_phone_list .jq-selectbox li.selected:last-child,
#subscribe_phone_list .jq-selectbox li:hover:last-child,
#subscribe_phone_list .jq-select-multiple li:last-child,
#subscribe_phone_list .jq-selectbox li.selected:first-child,
#subscribe_phone_list .jq-selectbox li:hover:first-child,
#subscribe_phone_list .jq-select-multiple li:first-child,
#subscribe_phone_list .jq-selectbox li.selected:nth-child(2),
#subscribe_phone_list .jq-selectbox li:hover:nth-child(2),
#subscribe_phone_list .jq-select-multiple li:nth-child(2) {
    border-radius: 5px;
}

#subscribe_phone_item .card-popup-number__repeat {
    right: -16px;
    top: -9px;
}

.subs-iframe {
    width: 100%;
    height: calc(70vh - 50px);
    border-radius: 10px;
    margin-top: 25px;
}

.main-slider__name {
    max-width: 75%;
}

.card__popup .order-payid.off:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(44, 47, 50, 0.7);
    z-index: 10;
}

.card__popup .order-payid.off.on:before {
    opacity: 0;
    display: none;
}

.popup-subscribe__disable_alert:before {
    background: #2c2f32;
    content: "";
    height: 1px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 16px;
}

.spl1.disabled.select:hover {
    border-color: var(--bg-1);
    color: #ffffff;
    cursor: pointer;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
    -webkit-filter: grayscale(1);
}

.wow__content .product-info__content a,
.wg__content .product-info__content a {
    color: #ffffff;
}

.vtb-popup .popup__block .error-alert {
    background: transparent;
    border: 0;
    color: var(--bg-1);
    padding: 11px 0px;
}

.vtb-popup .card-popup__number.has-error input {
    border: 1px solid var(--bg-1);
}

/*
.wot-icon__picture img.icon.img-s40{
	max-width: 40px;
	max-height: 40px;
}
.wot-icon__picture img.icon.img-s35{
	max-width: 35px;
	max-height: 35px;
}
.wot-icon__picture img.icon.img-s30{
	max-width: 30px;
	max-height: 30px;
}

.wot-set__list ul li .icon-block{
	max-width: 40px !important;
	max-height: 40px !important;
	flex: 0 0 40px !important;
}

.wot-set__list ul li .icon-block.img-s40 img.icon{
	max-width: 40px;
	max-height: 40px;
}

.wot-set__list ul li .icon-block.img-s35 img.icon{
	max-width: 35px;
	max-height: 35px;
}

.wot-set__list ul li .icon-block.img-s30 img.icon{
	max-width: 30px;
	max-height: 30px;
}
*/

.wg__block.wg__block_nopad {
    padding-bottom: 20px;
}

.wg__navi ul li a > span.name-block {
    font-weight: 500;
}

.stick:last-child {
    margin-bottom: 0px;
}

.burger-btn.active .stick-1 {
    animation: stick-1-open 0.6s ease-out forwards;
}

.burger-btn.active .stick-2 {
    animation: stick-2-open 0.6s linear forwards;
}

.burger-btn.active .stick-3 {
    animation: stick-3-open 0.6s linear forwards;
}

.card-popup__number.has-error input {
    background-position: right 15px center !important;
}

.ea__slider-search .pubg-color .ea-slider-item__back {
    border: 2px solid #f2a900;
}

.lc-subscribe-item-info__hover {
    top: 0;
}

.lc-subscribe-item__back:hover .lc-subscribe-item-info__text {
    opacity: 0 !important;
}

.roblox-color .product-top__info ol {
    counter-reset: myOLCounter;
    margin: 0 0 1rem;
    padding: 0;
}

.roblox-color .product-top__info ol li {
    list-style-type: none;
    padding: 0 0 0 20px;
    position: relative;
}

.roblox-color .product-top__info ol li:before {
    color: #5134ff;
}

.roblox-color .product-top__info ol li:before {
    content: counter(myOLCounter) ".";
    counter-increment: myOLCounter;
    left: 2px;
    position: absolute;
}

.order-login-item.popup-auth__item .icon-lc-vk {
    height: 12px;
    width: 20px;
}

.order-login-item.popup-auth__item .icon-lc-ya {
    height: 18px;
    width: 12px;
}

.order-login-item.popup-auth__item .icon-lc-fb {
    height: 18px;
    width: 19px;
}

.order-login-item.popup-auth__item .icon-lc-gg {
    height: 17px;
    width: 17px;
}

.order-login-item.popup-auth__item .icon-lc-steam {
    height: 17px;
    width: 23px;
}

.order-login-item.popup-auth__item .icon-lc-email {
    height: 16px;
    width: 22px;
}

.caliber__content:after {
    display: none;
}

.order-pay-item[data-id="18031289"] {
    /*background-color: #FFD93A;*/
}

.order-pay-item[data-id="1764113"] {
    background-color: #666;
}

.beeline-bot-banner .catalog-wide-item__picture:before,
.beeline-bot-banner .catalog-wide-item__picture:after {
    background: none;
}

.beeline-best-btn {
    background-color: #ffd93a !important;
}

.beeline-best-btn:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.beeline-best-offers .slider-best-offers__picture:before,
.beeline-best-offers .slider-best-offers__picture:after {
    display: none !important;
}

.btn-default {
    border-radius: 5px;
}

@keyframes stick-1-open {
    0% {
        width: 30px;
    }
    40% {
        background-color: #fff;
        width: 4px;
        transform: translate(15px, 0px);
    }
    75%,
    80% {
        width: 4px;
        transform: translate(15px, -15px);
        animation-timing-function: cubic-bezier(0, 1, 1, 1);
    }
    100% {
        background-color: #c74242;
        width: 0px;
        transform: translate(17px, 23px);
    }
}

@keyframes stick-2-open {
    80% {
        background-color: #fff;
        transform: translate(0px, 0px) rotate(0deg);
    }
    100% {
        background-color: #c74242;
        height: 4px;
        transform: translate(0px, -1px) rotate(40deg);
    }
}

@keyframes stick-3-open {
    80% {
        background-color: #fff;
        transform: translate(0px, 0px) rotate(0deg);
    }
    100% {
        background-color: #c74242;
        height: 4px;
        transform: translate(0px, -10px) rotate(-40deg);
    }
}

.burger-btn .stick-1 {
    width: 3px;
    transform: translate(18px, 13px);
    animation: stick-1-close 0.6s ease-out forwards;
}

.burger-btn .stick-2 {
    transform: translate(0px, 0px) rotate(40deg);
    animation: stick-2-close 0.6s ease-out forwards;
}

.burger-btn .stick-3 {
    transform: translate(0px, -11px) rotate(-40deg);
    animation: stick-3-close 0.6s ease-out forwards;
}

@keyframes stick-1-close {
    0%,
    70% {
        width: 0px;
    }
    100% {
        width: 30px;
        transform: translate(0, 0);
    }
}

@keyframes stick-2-close {
    0% {
        background-color: #fff;
        width: 30px;
    }
    20% {
        background-color: #fff;
        width: 3px;
        transform: translate(0, 0px) rotate(40deg);
    }
    40% {
        background-color: #fff;
        width: 0px;
    }
    65% {
        transform: translate(0, -15px);
        animation-timing-function: cubic-bezier(0, 1, 1, 1);
    }
    80% {
        width: 0px;
    }
    100% {
        width: 30px;
        transform: translate(0, 0px);
    }
}

@keyframes stick-3-close {
    0% {
        background-color: #fff;
        width: 30px;
    }
    20% {
        background-color: #fff;
        width: 4px;
        transform: translate(0, -11px) rotate(-40deg);
    }
    40% {
        background-color: #fff;
    }
    65% {
        transform: translate(0, -32px);
        animation-timing-function: cubic-bezier(0, 1, 1, 1);
    }
    90% {
        width: 4px;
    }
    100% {
        width: 30px;
        transform: translate(0, 0px);
    }
}

@media screen and (min-width: 1140px) {
    .ea-slider__item--big .cart-in-btn {
        flex-direction: column;
    }
}
@media screen and (min-width: 992px) {
    body.overflow-h .fix-menu {
        /* padding-right: 16px; */
    }

    .cont-back:hover .back {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .cont-back:hover .front {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .gfn-slide-item:hover {
        z-index: 99;
    }
}

@media screen and (max-width: 1450px) {
    .xbox-slide .slick-prev,
    .rand-slide .slick-prev,
    .card-slider .slick-prev,
    .slider-best-card .slick-prev,
    .card-filter-game .slick-prev,
    .card-rand-slide .slick-prev,
    .card-rand-slidewow .slick-prev,
    .card-slider-2c .slick-prev,
    .video-slider .slick-prev,
    .card-slider-rand2 .slick-prev,
    .card-slider-rand .slick-prev {
        left: 25px;
    }
    .xbox-slide .slick-next,
    .rand-slide .slick-next,
    .slider-best-card .slick-next,
    .card-slider .slick-next,
    .card-filter-game .slick-next,
    .card-rand-slide .slick-next,
    .card-rand-slidewow .slick-next,
    .card-slider-2c .slick-next,
    .video-slider .slick-next,
    .card-slider-rand2 .slick-next,
    .card-slider-rand .slick-next {
        right: 25px;
    }
    .slick-list:after {
        width: 150px;
        background: url(../img/card-grad-r-lg.svg) left top no-repeat;
        right: -30px;
    }

    .slick-list:before {
        width: 150px;
        background: url(../img/card-grad-l-lg.svg) left top no-repeat;
        left: -30px;
    }
}

@media screen and (max-width: 1325px) {
    .xbox-slide-item[aria-hidden="true"],
    .slide-item-flip[aria-hidden="true"] {
        opacity: 1 !important;
    }

    .slider-best-card .slick-slide[aria-hidden="true"] {
        opacity: 1 !important;
    }
}
@media screen and (max-width: 1200px) {
    .xbox-bg3 {
        background-position: right -200px top !important;
    }
}

@media screen and (max-width: 1150px) {
    .ps-bg4:before {
        background-position: right -200px top;
    }
}
@media screen and (max-width: 1140px) {
    .slider-best-offers__text li:before {
        top: 7px;
    }
}

@media screen and (max-width: 1050px) {
    .ps-bg4l:before {
        background-position: left -250px top;
    }
}

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

@media screen and (max-width: 1024px) {
    .catalog-wide-item__picture {
        padding-bottom: 66% !important;
    }
}

@media screen and (max-width: 992px) {
    .clamp-text.lg-hide {
        display: none !important;
    }

    .video-slider-item[aria-hidden="true"]:before,
    .card-slider-item[aria-hidden="true"]:before,
    .card-slider-2c .card-slider-item[aria-hidden="true"]:before,
    .card-slider-rand2 .card-slider-item[aria-hidden="true"]:before,
    .card-slider-rand-item[aria-hidden="true"]:before {
        display: none !important;
    }

    .card-slider-float .card-slider-inner:hover .card-slider-back,
    .card-slider-2c .card-slider-inner:hover .card-slider-back,
    .card-slider-rand-item[aria-hidden="true"] .card-slider-inner:hover .card-slider-back,
    .card-slider-rand2 .card-slider-item[aria-hidden="true"] .card-slider-inner:hover .card-slider-back,
    .card-slider-item[aria-hidden="true"] .card-slider-inner:hover .card-slider-back {
        z-index: 3;
        background-color: #fff;
        display: inline-block;
    }

    .card-slider-float .card-slider-inner:hover .card-slider-front,
    .card-slider-2c .card-slider-inner:hover .card-slider-front,
    .card-slider-rand-item[aria-hidden="true"] .card-slider-inner:hover .card-slider-front,
    .card-slider-rand2 .card-slider-item[aria-hidden="true"] .card-slider-inner:hover .card-slider-front,
    .card-slider-item[aria-hidden="true"] .card-slider-inner:hover .card-slider-front {
        opacity: 0;
    }

    .card-slide-wow-vehicles.maxh-525.minh-525,
    .card-slide-wow-vehicles .maxh-525.minh-525 {
        max-height: 425px;
        min-height: 425px;
    }

    .card-rand-slidewow .card-slide-wow-vehicles.maxh-525.minh-525,
    .card-rand-slidewow .card-slide-wow-vehicles .maxh-525.minh-525,
    .card-rand-slide .card-slide-wow-vehicles.maxh-525.minh-525,
    .card-rand-slide .card-slide-wow-vehicles .maxh-525.minh-525 {
        max-height: 525px;
        min-height: 525px;
    }

    .slider-list .slick-prev,
    .slider-list .slick-next {
        display: none !important;
    }

    .video-slider-item[aria-hidden="true"],
    .card-slider-2c[aria-hidden="true"],
    .card-slider-item[aria-hidden="true"],
    .card-slider-rand2 .card-slider-item[aria-hidden="true"],
    .card-slider-rand-item[aria-hidden="true"] {
        opacity: 1;
    }

    .mouse-parallax-bg {
        background-size: 100% auto !important;
    }

    .xbox-bg3 {
        background-position: right -300px top !important;
    }

    .xbox-slide-item[aria-hidden="true"] {
        opacity: 1 !important;
    }

    .ps-bg4:before {
        background-position: right -200px top;
    }

    .up-t10:hover {
        margin-top: 10px !important;
    }
    .up-t20:hover {
        margin-top: 20px !important;
    }
    .up-t30:hover {
        margin-top: 30px !important;
    }

    .up-b10:hover {
        margin-bottom: 10px !important;
    }
    .up-b20:hover {
        margin-bottom: 20px !important;
    }
    .up-b30:hover {
        margin-bottom: 30px !important;
    }
}

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

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

@media screen and (max-width: 850px) {
    .card-detail {
        background-size: auto 600px !important;
    }
}

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

@media screen and (max-width: 768px) {
    .main-slider__name {
        max-width: 100%;
    }

    .wg-top-main {
        background-size: auto 800px !important;
    }

    .card-wg-flat1 {
        background-position: center 40px !important;
    }

    .card-detail {
        background-size: auto 700px !important;
    }

    .video-slider-item[aria-hidden="true"],
    .card-slider-2c[aria-hidden="true"],
    .card-slider-item[aria-hidden="true"],
    .card-slider-rand2 .card-slider-item[aria-hidden="true"],
    .card-slider-rand-item[aria-hidden="true"] {
        opacity: 1;
    }

    .content-slider-game .slick-next {
        right: 0;
    }
    .content-slider-game .slick-prev {
        left: 0;
    }

    .games-image-shadow:before,
    .games-image-shadow:after {
        display: none;
    }

    .game-detail-bg {
        background-size: cover !important;
    }

    .main-slider-img-pc {
        background-position: center -10000px !important;
    }
    .main-slider-img-mb {
        background-position: center bottom !important;
    }

    .playBut svg {
        width: 100px;
        height: 100px;
    }

    .xbox-bg3 {
        background-position: right -750px top !important;
    }

    .ps-bg4:before {
        background-position: right top;
        background-size: 150% auto;
    }

    .main-slider-div .slick-dots {
        bottom: 70px !important;
    }
    .slider-scroll {
        display: none;
    }
}

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

@media screen and (max-width: 650px) {
    .slider-list-left {
        width: 100% !important;
    }
}

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

@media screen and (max-width: 576px) {
    /*
	.footer-icons__item--18 {
		top: 100px !important;
	}
	*/
    .menu-open.active {
        margin-right: 10px;
        margin-top: -5px;
    }

    .menu-main.active .menu-open.active {
        margin-right: 15px;
        margin-top: 10px;
    }

    .menu-open {
        display: flex;
    }

    .card-detail {
        background-size: auto 600px !important;
    }

    .fix-menu.active .fix-menu-profile-sm {
        position: absolute;
        left: 0px;
        top: 60px;
        width: 100%;
        text-align: center;
    }
    .fix-menu.active .fix-menu-profile {
        width: 100%;
        text-align: right;
    }

    .fix-menu.active .profile-div {
        display: inline-block;
        margin-right: 30px;
        margin-left: 20px;
    }

    /*
	.card-wow-gold .card-detail-img,
	.card-wot-styles .card-detail-img,
	.card-wot-boosters .card-detail-img,
	.card-wot-gold .card-detail-img{
		margin-top: 220px;
	}
	
	
	.card-wot-premium .card-detail-img{
		margin-top: 250px;
	}

	.card-slide-wow-vehicles.maxh-525.minh-525,
	.card-slide-wow-vehicles .maxh-525.minh-525{
		max-height: 380px;
		min-height: 380px; 
		max-width: 400px;
	}
	*/
    .card-slider-float .card-slider-inner:hover .card-slider-back,
    .card-slider-2c .card-slider-inner:hover .card-slider-back,
    .card-slider-rand-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-back,
    .card-slider-rand2 .card-slider-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-back,
    .card-slider-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-back {
        display: none;
    }

    .card-slider-float .card-slider-inner:hover .card-slider-front,
    .card-slider-2c .card-slider-inner:hover .card-slider-front,
    .card-slider-rand-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-front,
    .card-slider-rand2 .card-slider-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-front,
    .card-slider-item[aria-hidden="false"] .card-slider-inner:hover .card-slider-front {
        opacity: 1;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .video-slider-item[aria-hidden="true"] .list-bg-hide,
    .card-slider-2c[aria-hidden="true"] .list-bg-hide,
    .card-slider-item[aria-hidden="true"] .list-bg-hide,
    .card-slider-rand2 .card-slider-item[aria-hidden="true"] .list-bg-hide,
    .card-slider-rand-item[aria-hidden="true"] .list-bg-hide {
        opacity: 0.3;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .video-slider-item[aria-hidden="true"] .list-head-hide,
    .card-slider-2c[aria-hidden="true"] .list-head-hide,
    .card-slider-item[aria-hidden="true"] .list-head-hide,
    .card-slider-rand2 .card-slider-item[aria-hidden="true"] .list-head-hide,
    .card-slider-rand-item[aria-hidden="true"] .list-head-hide {
        opacity: 0.3;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .xbox-slide .slick-prev,
    .xbox-rand .slick-prev,
    .card-slider .slick-prev,
    .card-filter-game .slick-prev,
    .card-rand-slide .slick-prev,
    .card-rand-slidewow .slick-prev,
    .card-slider-2c .slick-prev,
    .video-slider .slick-prev,
    .card-slider-rand2 .slick-prev,
    .card-slider-rand .slick-prev {
        display: none !important;
    }
    .xbox-slide .slick-next,
    .xbox-rand .slick-next,
    .card-slider .slick-next,
    .card-filter-game .slick-next,
    .card-rand-slide .slick-next,
    .card-rand-slidewow .slick-next,
    .card-slider-2c .slick-next,
    .video-slider .slick-next,
    .card-slider-rand2 .slick-next,
    .card-slider-rand .slick-next {
        display: none !important;
    }

    .main-slider-div .slick-dots {
        bottom: 25px !important;
    }
}

@media screen and (max-width: 550px) {
    .slick-list:after {
        display: none;
    }

    .slick-list:before {
        display: none;
    }
}

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

@media screen and (max-width: 450px) {
    /*
	.footer-icons__item--18 {
		top: 120px !important;
	}
	*/
    .menu-open.active {
        margin-right: 10px;
        margin-top: -5px;
    }

    .card-detail {
        background-size: auto 500px !important;
    }

    .card-slide-wow-vehicles.maxh-525.minh-525,
    .card-slide-wow-vehicles .maxh-525.minh-525 {
        max-width: 350px;
    }

    body .slider-list .slick-dots li {
        width: 10px !important;
        height: 10px !important;
        border-radius: 2px;
    }

    .ps-slider .front {
        background-size: 65% auto !important;
    }
}

@media screen and (max-width: 350px) {
    .ps-slider .front {
        background-size: 70% auto !important;
    }
}
@media (max-width: 330px) {
    .fix-menu-inner .minw-32 {
        min-width: 310px;
    }
}
@media (max-height: 699px) {
    .main-slider-div .minh-70 {
        min-height: 100vh;
    }
    .main-slider-div .slider-list-inner .sm-fnts-28 {
        font-size: 28px;
        line-height: 1.4;
    }
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-webkit-keyframes fadeInFromNone2 {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 0.7;
    }
}

@-moz-keyframes fadeInFromNone2 {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 0.7;
    }
}

@-o-keyframes fadeInFromNone2 {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 0.7;
    }
}

@keyframes fadeInFromNone2 {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 0.7;
    }
}

@-webkit-keyframes fadeOutFromNone {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: block;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-moz-keyframes fadeOutFromNone {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: block;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-o-keyframes fadeOutFromNone {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: block;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@keyframes fadeOutFromNone {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: block;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutFromNone2 {
    0% {
        display: block;
        opacity: 0.7;
    }

    1% {
        display: block;
        opacity: 0.7;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-moz-keyframes fadeOutFromNone2 {
    0% {
        display: block;
        opacity: 0.7;
    }

    1% {
        display: block;
        opacity: 0.7;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-o-keyframes fadeOutFromNone2 {
    0% {
        display: block;
        opacity: 0.7;
    }

    1% {
        display: block;
        opacity: 0.7;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@keyframes fadeOutFromNone2 {
    0% {
        display: block;
        opacity: 0.7;
    }

    1% {
        display: block;
        opacity: 0.7;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

.lds-grid {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-grid div {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
    top: 8px;
    left: 8px;
    animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
    top: 8px;
    left: 32px;
    animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
    top: 8px;
    left: 56px;
    animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
    top: 32px;
    left: 8px;
    animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
    top: 32px;
    left: 32px;
    animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
    top: 32px;
    left: 56px;
    animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
    top: 56px;
    left: 8px;
    animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
    top: 56px;
    left: 32px;
    animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
    top: 56px;
    left: 56px;
    animation-delay: -1.6s;
}
@keyframes lds-grid {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

figure.preloader {
    margin: 0;
    transform: translate(-50%, -50%) rotate(0deg) scale(1.4, 1.4);
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 150px;
    box-sizing: border-box;
    animation: rotation 20s infinite linear;
}

figure.preloader div:after {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: absolute;
    left: 20px;
    top: 20px;
    animation: shuffle 2s infinite;
}

figure.preloader div:nth-child(1) {
    transform: rotate(0deg);
}
figure.preloader div:nth-child(1):after {
    border-color: #c74242;
    background: #c74242;
    animation-delay: -0.5s;
}
figure.preloader div:nth-child(2) {
    transform: rotate(45deg);
}
figure.preloader div:nth-child(2):after {
    animation-delay: -1s;
}
figure.preloader div:nth-child(3) {
    transform: rotate(90deg);
}
figure.preloader div:nth-child(3):after {
    border-color: #c74242;
    animation-delay: -1.5s;
}
figure.preloader div:nth-child(4) {
    transform: rotate(135deg);
}
figure.preloader div:nth-child(4):after {
    animation-delay: -2s;
}
figure.preloader div:nth-child(5) {
    transform: rotate(180deg);
}
figure.preloader div:nth-child(5):after {
    border-color: #c74242;
    background: #c74242;
    animation-delay: -2.5s;
}
figure.preloader div:nth-child(6) {
    transform: rotate(225deg);
}
figure.preloader div:nth-child(6):after {
    animation-delay: -3s;
}
figure.preloader div:nth-child(7) {
    transform: rotate(270deg);
}
figure.preloader div:nth-child(7):after {
    border-color: #c74242;
    animation-delay: -3.5s;
}
figure.preloader div:nth-child(8) {
    transform: rotate(315deg);
}
figure.preloader div:nth-child(8):after {
    animation-delay: -4;
}

@keyframes rotation {
    100% {
        transform: translate(-50%, -50%) rotate(-360deg) scale(1.4, 1.4);
    }
}
@keyframes shuffle {
    50% {
        transform: scale(0.4, 0.4) rotate(-90deg);
        border-radius: 50%;
    }
}

.equalizer {
    display: inline-block;
    cursor: pointer;
    background: transparent;
    height: 20px;
    width: 35px;
    position: relative;
    opacity: 0.5;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.everlib-anim i {
    animation: equalize 4s 0s infinite;
    animation-timing-function: linear;
}

.equalizer.everlib-anim {
    opacity: 0.8;
}

.equalizer .equalizer-first-bar,
.equalizer .equalizer-second-bar,
.equalizer .equalizer-third-bar,
.equalizer .equalizer-fourth-bar {
    display: inline-block;
    border-radius: 2px;
    width: 4px;
    margin-right: 2px;
    transition: 0.5s;
    vertical-align: bottom;
    margin-top: -16px;
}
.equalizer .equalizer-first-bar {
    height: 14px;
    background: #c74242;
    transition: 0.5s;
    animation-delay: -1.9s;
}
.equalizer .equalizer-second-bar {
    height: 8px;
    background: #ffffff;
    animation-delay: -2.9s;
}
.equalizer .equalizer-third-bar {
    height: 18px;
    background: #c74242;
    animation-delay: -3.9s;
}
.equalizer .equalizer-fourth-bar {
    height: 11px;
    background: #ffffff;
    animation-delay: -4.9s;
}
@keyframes equalize {
    0% {
        height: 8px;
    }
    4% {
        height: 14px;
    }
    8% {
        height: 18px;
    }
    12% {
        height: 12px;
    }
    16% {
        height: 8px;
    }
    20% {
        height: 12px;
    }
    24% {
        height: 18px;
    }
    28% {
        height: 10px;
    }
    32% {
        height: 18px;
    }
    36% {
        height: 8px;
    }
    40% {
        height: 8px;
    }
    44% {
        height: 18px;
    }
    48% {
        height: 8px;
    }
    52% {
        height: 12px;
    }
    56% {
        height: 10px;
    }
    60% {
        height: 12px;
    }
    64% {
        height: 8px;
    }
    68% {
        height: 12px;
    }
    72% {
        height: 8px;
    }
    76% {
        height: 8px;
    }
    80% {
        height: 8px;
    }
    84% {
        height: 16px;
    }
    88% {
        height: 8px;
    }
    92% {
        height: 8px;
    }
    96% {
        height: 8px;
    }
    100% {
        height: 8px;
    }
}

.gft-bg__block {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}
.gft-bg__item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
}

@keyframes imageAnimation {
    0% {
        opacity: 0;
        transform: translateY(40px);
        animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/* End */

/* Start:/bitrix/templates/c4g/js/slick/slick.css?16078033271736*/
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;

    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */

/* Start:/bitrix/templates/c4g/js/slick/slick-theme.css?15070529693145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url("/bitrix/templates/c4g/js/slick/./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;

    src: url("/bitrix/templates/c4g/js/slick/./fonts/slick.eot");
    src: url("/bitrix/templates/c4g/js/slick/./fonts/slick.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/c4g/js/slick/./fonts/slick.woff") format("woff"),
        url("/bitrix/templates/c4g/js/slick/./fonts/slick.ttf") format("truetype"), url("/bitrix/templates/c4g/js/slick/./fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;

    opacity: 0.75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    content: "←";
}
[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next:before {
    content: "→";
}
[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: "•";
    text-align: center;

    opacity: 0.25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: black;
}

/* End */

/* Start:/bitrix/templates/c4g/js/owl.carousel/assets/owl.theme.default.min.css?15242305301013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
    margin-top: 10px;
}
.owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none;
}
.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
/* End */

/* Start:/bitrix/templates/c4g/js/owl.carousel/assets/owl.carousel.min.css?15242305303351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel {
    display: none;
    width: 100%;
    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(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -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 {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}
.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;
}
.owl-carousel .animated {
    animation-duration: 1s;
    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;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.owl-height {
    transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/bitrix/templates/c4g/js/owl.carousel/assets/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
/* End */

/* Start:/bitrix/templates/c4g/css/jquery.formstyler.css?16195088702343*/
.jq-checkbox,
.jq-radio {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.jq-checkbox input,
.jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0;
}
.jq-file {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em;
}
.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.jq-selectbox,
.jq-select-multiple {
    position: relative;
    display: inline-block;
}
.jq-selectbox select,
.jq-select-multiple select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
}
.jq-selectbox li,
.jq-select-multiple li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*white-space: nowrap;*/
    line-height: 20px;
    padding: 10px !important;
}
.jq-selectbox {
    z-index: 10;
}
.jq-selectbox__select {
    position: relative;
}
.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    /*text-overflow: ellipsis;*/
}
.jq-selectbox__dropdown {
    position: absolute;
}
.jq-selectbox__search input {
    -webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none;
}
.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch;
}
.jq-select-multiple ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.jq-number {
    display: inline-block;
}
.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left; /* для Opera Presto */
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
    margin: 0; /* в каких-то браузерах присутствует отступ */
    -webkit-appearance: none;
}
/* End */

/* Start:/bitrix/templates/c4g/css/jquery.formstyler.theme.css?169815675011132*/
.jq-checkbox,
.jq-radio {
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #c3c3c3;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #fff, inset 1px -1px #fff;
    cursor: pointer;
}
.jq-checkbox.focused,
.jq-radio.focused {
    border: 1px solid #08c;
}
.jq-checkbox.disabled,
.jq-radio.disabled {
    opacity: 0.55;
}
.jq-checkbox {
    border-radius: 5px;
}
.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 4px;
    margin: 3px 0 0 3px;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}
.jq-radio {
    border-radius: 50%;
}
.jq-radio.checked .jq-radio__div {
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #777;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7);
}
.jq-file {
    width: 270px;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.jq-file input {
    cursor: pointer;
}
.jq-file__name {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 80px 0 10px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 1px 1px #f1f1f1;
    font: 14px/32px "Roboto", sans-serif;
    color: #333;
}
.jq-file__browse {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0 10px;
    border-left: 1px solid #ccc;
    border-radius: 0 5px 5px 0;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
    font: 14px/32px "Roboto", sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff;
}
.jq-file:hover .jq-file__browse {
    background: linear-gradient(#f6f6f6, #e6e6e6);
}
.jq-file:active .jq-file__browse {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd;
}
.jq-file.focused .jq-file__name {
    border: 1px solid #5794bf;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888;
}
.jq-number {
    position: relative;
    vertical-align: middle;
    padding: 0 36px 0 0;
}
.jq-number__field {
    width: 100px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 5px;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
}
.jq-number__field:hover {
    border-color: #b3b3b3;
}
.jq-number__field input {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 9px;
    border: none;
    outline: none;
    background: none;
    font: 14px "Roboto", sans-serif;
    color: #333;
}
.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 14px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 5px;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: 1px 1px #fff;
    cursor: pointer;
}
.jq-number__spin.minus {
    top: auto;
    bottom: 0;
}
.jq-number__spin:hover {
    background: linear-gradient(#f6f6f6, #e6e6e6);
}
.jq-number__spin:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd;
}
.jq-number__spin:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 11px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #999;
    border-left: 5px solid transparent;
}
.jq-number__spin.minus:after {
    top: 5px;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-bottom: none;
    border-left: 5px solid transparent;
}
.jq-number__spin.minus:hover:after {
    border-top-color: #000;
}
.jq-number__spin.plus:hover:after {
    border-bottom-color: #000;
}
.jq-number.focused .jq-number__field {
    border: 1px solid #5794bf;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888;
}
.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #aaa;
}
.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #aaa;
}
.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
}

.jq-selectbox__select {
    border-radius: 5px;
    padding: 10px 15px;
    font-family: "Roboto", sans-serif;
    transition: all 0.2s linear;
    width: 100%;
}

.jq-selectbox__select:hover {
}
.jq-selectbox__select:active {
}
.jq-selectbox.focused .jq-selectbox__select {
}
.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888;
}
.jq-selectbox__select-text {
    display: block;
    width: 90% !important;
    text-overflow: ellipsis;
}

.jq-selectbox .placeholder {
    color: #888;
}
.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
}
.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 7px;
    right: 12px;
    width: 30px;
    height: 30px;
    background: url(../img/form-arr-bot.svg) center center no-repeat;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000;
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #aaa;
}
.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100% !important;
    margin: 2px 0 0;
    padding: 0;
    border-radius: 5px;
    background: #fff;
    font: 14px/18px "Roboto", sans-serif;
    min-width: 220px;
}
.jq-selectbox__search {
    margin: 5px;
}
.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==")
        no-repeat 100% 50%;
    box-shadow: inset 1px 1px #f1f1f1;
    color: #333;
}
.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #f0f0f0;
    font-size: 13px;
}
.jq-selectbox ul {
    margin: 0;
    padding: 0;
}
.jq-selectbox li {
    min-height: 18px;
    padding: 10px;
    color: #231f20;
}
.jq-selectbox li.selected {
    background-color: #c74242;
    color: #fff;
}
.jq-selectbox li:hover {
    background-color: #c74242;
    color: #fff;
}

.jq-selectbox li.disabled {
    color: #aaa;
}
.jq-selectbox li.disabled:hover {
    background: none;
}
.jq-selectbox li.optgroup {
    font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231f20;
    cursor: default;
}
.jq-selectbox li.option {
    padding-left: 25px;
}
.jq-select-multiple {
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
    font: 14px/18px "Roboto", sans-serif;
    color: #333;
    cursor: default;
}
.jq-select-multiple.focused {
    border: 1px solid #5794bf;
}
.jq-select-multiple.disabled {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888;
}
.jq-select-multiple ul {
    margin: 0;
    padding: 0;
}
.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none;
}
.jq-selectbox li.selected:first-child,
.jq-selectbox li:hover:first-child,
.jq-select-multiple li:first-child,
.jq-selectbox li.selected:nth-child(2),
.jq-selectbox li:hover:nth-child(2),
.jq-select-multiple li:nth-child(2) {
    border-radius: 5px 5px 0 0;
}
.jq-selectbox li.selected:last-child,
.jq-selectbox li:hover:last-child,
.jq-select-multiple li:last-child {
    border-radius: 0 0 5px 5px;
}
.jq-select-multiple li.selected {
    background: #08c;
    color: #fff;
}
.jq-select-multiple li.disabled {
    color: #aaa;
}
.jq-select-multiple li.optgroup {
    font-weight: bold;
}
.jq-select-multiple li.option {
    padding-left: 25px;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
    background: #ccc;
    color: #fff;
}
input[type="email"].styler,
input[type="password"].styler,
input[type="search"].styler,
input[type="tel"].styler,
input[type="text"].styler,
input[type="url"].styler,
textarea.styler {
    padding: 8px 9px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 5px;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
    font: 14px "Roboto", sans-serif;
    color: #333;
}
input[type="search"].styler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea.styler {
    overflow: auto;
}
input[type="email"].styler:hover,
input[type="password"].styler:hover,
input[type="search"].styler:hover,
input[type="tel"].styler:hover,
input[type="text"].styler:hover,
input[type="url"].styler:hover,
textarea.styler:hover {
    border-color: #b3b3b3;
}
input[type="email"].styler:hover:focus,
input[type="password"].styler:hover:focus,
input[type="search"].styler:hover:focus,
input[type="tel"].styler:hover:focus,
input[type="text"].styler:hover:focus,
input[type="url"].styler:hover:focus,
textarea.styler:hover:focus {
    border-color: #ccc;
    border-top-color: #b3b3b3;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
button.styler,
input[type="button"].styler,
input[type="submit"].styler,
input[type="reset"].styler {
    overflow: visible;
    padding: 8px 11px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 5px;
    outline: none;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
    font: 14px "Roboto", sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff;
    cursor: pointer;
}
button.styler.styler::-moz-focus-inner,
input[type="button"].styler.styler::-moz-focus-inner,
input[type="submit"].styler.styler::-moz-focus-inner,
input[type="reset"].styler.styler::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button.styler:not([disabled]):hover,
input[type="button"].styler:not([disabled]):hover,
input[type="submit"].styler:not([disabled]):hover,
input[type="reset"].styler:not([disabled]):hover,
input[type="reset"].styler:hover {
    background: linear-gradient(#f6f6f6, #e6e6e6);
}
button.styler:active,
input[type="button"].styler:active,
input[type="submit"].styler:active,
input[type="reset"].styler:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd;
}
button.styler[disabled],
input[type="button"].styler[disabled],
input[type="submit"].styler[disabled] {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888;
}
/* End */

/* Start:/bitrix/templates/c4g/css/animate.min.css?162288875596886*/
@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 *
 * Copyright (c) 2021 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-03s {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.animate__animated.animate__delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.animate__animated.animate__delay-07s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
    animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3);
}

@media (prefers-reduced-motion: reduce), print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }

    .animate__animated[class*="Out"] {
        opacity: 0;
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shakeX {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX;
}

@-webkit-keyframes shakeY {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

@keyframes shakeY {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight;
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp;
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp;
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.animate__bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.animate__bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

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

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

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animate__fadeInUpMin {
    -webkit-animation-name: fadeInUpMin;
    animation-name: fadeInUpMin;
}

@keyframes fadeInUpMin {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

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

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@-webkit-keyframes fadeOutDownMin {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
}

@keyframes fadeOutDownMin {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDownMin;
    animation-name: fadeOutDownMin;
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.animate__flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animate__flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
/* End */

/* Start:/bitrix/templates/c4g/css/grid.css?1687849812193437*/
.rubik {
    font-family: "Rubik", sans-serif;
}
.container-slide {
    max-width: 2660px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.container-xl {
    max-width: 1650px;
    position: relative;
    margin: 0 auto;
}
.container2 {
    max-width: 1355px;
    position: relative;
    margin: 0 auto;
}
.container {
    max-width: 1325px;
    position: relative;
    margin: 0 auto;
}
.container-lg {
    max-width: 992px;
    position: relative;
    margin: 0 auto;
}
.container-md {
    max-width: 768px;
    position: relative;
    margin: 0 auto;
}
.container-sm {
    max-width: 576px;
    position: relative;
    margin: 0 auto;
}
.scrollbar::-webkit-scrollbar {
    width: 0 !important;
}
.scrollbar {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}
.txt-nosel {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.no-psevdo:before,
.no-psevdo:after {
    display: none !important;
}
.curs-t0,
.curs-t1,
.curs-t4,
.curs-t5,
.curs-t6 {
    cursor: pointer;
}
.curs-t0:hover {
    opacity: 1;
}
.curs-t1:hover {
    opacity: 0.9;
}
.curs-t2:hover {
    opacity: 0.8;
}
.curs-t3:hover {
    opacity: 0.7;
}
.curs-t4:hover {
    background-color: #34373a;
}
.curs-t5:hover {
    background-color: #c5a774;
}
.curs-t6:hover {
    background-color: #c74242;
    color: #fff;
}
.curs-t6:hover span {
    color: #fff;
}
.curs-t6:hover .icon {
    fill: #fff;
}

.scale09 {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.scale1 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.scale1_2 {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.noscrbar::-webkit-scrollbar {
    display: none;
}

.box-bb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bg-att {
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
.bg-scr {
    background-attachment: scroll;
    background-position: left top;
    background-size: cover;
}

.hvisib {
    visibility: hidden;
}
.svisib {
    visibility: visible;
}

.wrd-brk {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.wrd-brk-all {
    word-break: break-all;
}
.wrd-brk-rnd {
    hyphens: auto;
    position: relative;
    word-wrap: break-word;
    word-break: break-word;
}

.opsty0 {
    opacity: 0;
}
.opsty10 {
    opacity: 0.1;
}
.opsty15 {
    opacity: 0.15;
}
.opsty20 {
    opacity: 0.2;
}
.opsty25 {
    opacity: 0.25;
}
.opsty30 {
    opacity: 0.3;
}
.opsty35 {
    opacity: 0.35;
}
.opsty40 {
    opacity: 0.4;
}
.opsty45 {
    opacity: 0.45;
}
.opsty50 {
    opacity: 0.5;
}
.opsty55 {
    opacity: 0.55;
}
.opsty60 {
    opacity: 0.6;
}
.opsty65 {
    opacity: 0.65;
}
.opsty70 {
    opacity: 0.7;
}
.opsty75 {
    opacity: 0.75;
}
.opsty80 {
    opacity: 0.8;
}
.opsty85 {
    opacity: 0.85;
}
.opsty90 {
    opacity: 0.9;
}
.opsty95 {
    opacity: 0.95;
}
.opsty100 {
    opacity: 1;
}

.nowrap {
    white-space: nowrap;
}
.ellipsis {
    text-overflow: ellipsis;
}

.bcol-grey {
    border-color: #f8f8f8;
}
.bcol-eae {
    border-color: #eaebed;
}
.bcol-green {
    border-color: #92d400;
}
.bcol-green2 {
    border-color: #a9ff00;
}
.bcol-blur {
    border-color: #5ca1e6;
}
.bcol-fff {
    border-color: #ffffff;
}
.bcol-fff60 {
    border-color: rgba(255, 255, 255, 0.6);
}
.bcol-fff20 {
    border-color: rgba(255, 255, 255, 0.2);
}
.bcol-black05 {
    border-color: rgba(0, 0, 0, 0.05);
}
.bcol-black {
    border-color: #000000;
}
.bcol-brown {
    border-color: #cf9d7b;
}
.bcol-989 {
    border-color: #989ea3;
}
.bcol-0E1 {
    border-color: #0e1828;
}
.bcol-C74 {
    border-color: #c74242;
}
.bcol-373 {
    border-color: #373737;
}
.bcol-979 {
    border-color: #979797;
}
.bcol-e8e {
    border-color: #e8e8e8;
}
.bcol-5050 {
    border-color: #505050;
}
.bcol-3B3 {
    border-color: #3b3e42;
}
.bcol-2C2 {
    border-color: #2c2f32;
}
.bcol-2C2o90 {
    border-color: rgba(44, 47, 50, 0.9);
}
.bcol-1F2 {
    border-color: #1f2226;
}
.bcol-C4C {
    border-color: #c4c4c4;
}
.bcol-76B {
    border-color: #76b900;
}
.bcol-BAB {
    border-color: #bababa;
}
.bcol-054 {
    border-color: #054b16;
}
.bcol-519 {
    border-color: #519b36;
}
.bcol-F4D {
    border-color: #f4d432;
}
.bcol-017 {
    border-color: #017f58;
}
.bcol-292 {
    border-color: #292929;
}
.bcol-833 {
    border-color: #833434;
}
.bcol-00a {
    border-color: #00aaff;
}
.bcol-1c5 {
    border-color: #1c53a2;
}
.bcol-252 {
    border-color: #25282c;
}
.bcol-cdc05 {
    border-color: rgba(205, 205, 205, 0.05);
}
.bcol-979o15 {
    border-color: rgba(151, 151, 151, 0.15);
}
.bcol-bo20 {
    border-color: rgba(0, 0, 0, 0.2);
}
.bcol-bo40 {
    border-color: rgba(0, 0, 0, 0.4);
}
.bcol-bo60 {
    border-color: rgba(0, 0, 0, 0.6);
}
.bcol-bo80 {
    border-color: rgba(0, 0, 0, 0.8);
}
.bcol-trans {
    border-color: transparent;
}

.bcol-C5Ao30 {
    border-color: rgba(197, 167, 116, 0.3);
}
.bcol-4F5o30 {
    border-color: rgba(79, 84, 186, 0.3);
}

.bcol-C74 {
    border-color: #c74242;
} /* Техника Корабли */
.bcol-B68 {
    border-color: #b68e4b;
} /* Золото Дублоны */
.bcol-4F5 {
    border-color: #4f54ba;
} /* Запас ресурсов */
.bcol-CB7 {
    border-color: #cb7131;
} /* Премиум */
.bcol-9DC {
    border-color: #9dcf44;
} /* Полезное */
.bcol-893 {
    border-color: #893cd8;
} /* Стили Обвес*/

.tcol-grey {
    color: #f8f8f8;
}
.tcol-green {
    color: #92d400;
}
.tcol-blur {
    color: #5ca1e6;
}
.tcol-fff {
    color: #ffffff;
}
.tcol-fff60 {
    color: rgba(255, 255, 255, 0.6);
}
.tcol-fff95 {
    color: rgba(255, 255, 255, 0.95);
}
.tcol-blk80 {
    color: rgba(0, 0, 0, 0.8);
}
.tcol-blk60 {
    color: rgba(0, 0, 0, 0.6);
}
.tcol-fff40 {
    color: rgba(255, 255, 255, 0.4);
}
.tcol-fff50 {
    color: rgba(255, 255, 255, 0.5);
}
.tcol-fff70 {
    color: rgba(255, 255, 255, 0.7);
}
.tcol-fff75 {
    color: rgba(255, 255, 255, 0.75);
}
.tcol-blk50 {
    color: rgba(0, 0, 0, 0.5);
}
.tcol-00040 {
    color: rgba(0, 0, 0, 0.4);
}
.tcol-black {
    color: #000000;
}
.tcol-000 {
    color: #000000;
}
.tcol-brown {
    color: #cf9d7b;
}
.tcol-green2 {
    color: #a9ff00;
}
.tcol-C5A7 {
    color: #c5a774;
}
.tcol-0E1 {
    color: #0e1828;
}
.tcol-0E1-o50 {
    color: rgba(14, 24, 40, 0.5);
}
.tcol-999 {
    color: #999999;
}
.tcol-D5D {
    color: #d5d5d5;
}
.tcol-b5b {
    color: #b5b5b5;
}
.tcol-4a4 {
    color: #4a4d4f;
}
.tcol-be1 {
    color: #be1f34;
}
.tcol-8F9 {
    color: #8f93f9;
}
.tcol-c74 {
    color: #c74242;
}
.tcol-C4C {
    color: #c4c4c4;
}
.tcol-366 {
    color: #333366;
}
.tcol-787 {
    color: #787878;
}
.tcol-1C1 {
    color: #1c1b15;
}
.tcol-76B {
    color: #76b900;
}
.tcol-054 {
    color: #054b16;
}
.tcol-9BF {
    color: #9bf00b;
}
.tcol-e3b {
    color: #e3b135;
}
.tcol-0100 {
    color: hsla(0, 0%, 100%, 0.5);
}

.sel-no-arr {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
}

.bg-clr0 {
    background-color: #000000;
}
.bg-clr0o10 {
    background-color: rgba(0, 0, 0, 0.1);
}
.bg-clr0o20 {
    background-color: rgba(0, 0, 0, 0.2);
}
.bg-clr0o30 {
    background-color: rgba(0, 0, 0, 0.3);
}
.bg-clr0o40 {
    background-color: rgba(0, 0, 0, 0.4);
}
.bg-clr0o50 {
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-clr0o60 {
    background-color: rgba(0, 0, 0, 0.6);
}
.bg-clr0o70 {
    background-color: rgba(0, 0, 0, 0.7);
}
.bg-clr0o80 {
    background-color: rgba(0, 0, 0, 0.8);
}
.bg-clr0o90 {
    background-color: rgba(0, 0, 0, 0.9);
}
.bg-clr1 {
    background-color: #bdccd4;
}
.bg-clr2 {
    background-color: #989ea3;
}
.bg-clr3 {
    background-color: #ffffff;
}
.bg-clr3o10 {
    background-color: rgba(255, 255, 255, 0.1);
}
.bg-clr3o20 {
    background-color: rgba(255, 255, 255, 0.2);
}
.bg-clr3o30 {
    background-color: rgba(255, 255, 255, 0.3);
}
.bg-clr3o40 {
    background-color: rgba(255, 255, 255, 0.4);
}
.bg-clr3o60 {
    background-color: rgba(255, 255, 255, 0.6);
}
.bg-clr3o80 {
    background-color: rgba(255, 255, 255, 0.8);
}
.bg-clr3o90 {
    background-color: rgba(255, 255, 255, 0.9);
}
.bg-clr3o96 {
    background-color: rgba(255, 255, 255, 0.96);
}
.bg-clr4 {
    background-color: #e7af89;
}
.bg-clr5 {
    background-color: #3ab153;
}
.bg-clr6 {
    background-color: #e6e1df;
}
.bg-clr7 {
    background-color: #f8f8f8;
}
.bg-clr8 {
    background-color: #a9ff00;
}
.bg-clr9 {
    background-color: #bdbfbe;
}
.bg-clr10 {
    background-color: #fed402;
}
.bg-clr11 {
    background-color: #6665b7;
}
.bg-clr12 {
    background-color: #8bd1ff;
}
.bg-clr13 {
    background-color: #979797;
}
.bg-clr14 {
    background-color: #bbcbd4;
}
.bg-clr15 {
    background-color: #6b4ed1;
}
.bg-clr16 {
    background-color: #72d3ff;
}
.bg-clr17 {
    background-color: #ffd400;
}
.bg-clr18 {
    background-color: #ff92bc;
}
.bg-clr19 {
    background-color: #00f782;
}
.bg-clr20 {
    background-color: #00d9f7;
}
.bg-clr21 {
    background-color: #efefef;
}
.bg-clr22 {
    background-color: #ff5700;
}
.bg-clr23 {
    background-color: #f0ad83;
}
.bg-clr24 {
    background-color: #fe5f49;
}
.bg-clr25 {
    background-color: #d8d8d8;
}
.bg-ffc {
    background-color: #ffcccc;
}
.bg-C74 {
    background-color: #c74242;
}
.bg-2C2 {
    background-color: #2c2f32;
}
.bg-2C2o90 {
    background-color: rgba(44, 47, 50, 0.9);
}
.bg-4F5 {
    background-color: #4f54ba;
}
.bg-0F1 {
    background-color: #0f111e;
}
.bg-0F1o90 {
    background-color: rgba(15, 17, 30, 0.9);
}
.bg-1C1 {
    background-color: #1c1b15;
}
.bg-e8e {
    background-color: #e8e8e8;
}
.bg-5050 {
    background-color: #505050;
}
.bg-3B3 {
    background-color: #3b3e42;
}
.bg-575 {
    background-color: #575d64;
}
.bg-4a4 {
    background-color: #4a4d4f;
}
.bg-EAE {
    background-color: #eaebeb;
}
.bg-1F2 {
    background-color: #1f2226;
}
.bg-C5A {
    background-color: #c5a774;
}
.bg-0F1 {
    background-color: #0f1113;
}
.bg-CED {
    background-color: #ced3d8;
}
.bg-f4f4 {
    background-color: #f4f4f4;
}
.bg-DFE {
    background-color: #dfe1e4;
}
.bg-342 {
    background-color: #342a2a;
}
.bg-76B {
    background-color: #76b900;
}
.bg-313 {
    background-color: #313528;
}
.bg-646c {
    background-color: #646c7a;
}
.bg-553 {
    background-color: #555553;
}
.bg-519 {
    background-color: #519b36;
}
.bg-9BF {
    background-color: #9bf00b;
}
.bg-2A2 {
    background-color: #2a2a29;
}
.bg-bdb {
    background-color: #bdbbba;
}
.bg-F4D {
    background-color: #f4d432;
}
.bg-3a3 {
    background-color: #3a3e45;
}
.bg-1c1o96 {
    background-color: rgba(28, 27, 21, 0.96);
}
.bg-1c1 {
    background-color: #1c1b16;
}
.bg-1b1 {
    background-color: #1b1a15;
}
.bg-1B1 {
    background-color: #1b1d21;
}
.bg-7C3 {
    background-color: #7c3030;
}
.bg-210 {
    background-color: #210c0c;
}
.bg-242 {
    background-color: #242654;
}
.bg-3D7 {
    background-color: #3d7933;
}
.bg-0F6 {
    background-color: #0f6581;
}
.bg-ccd7 {
    background-color: #ccd7db;
}
.bg-C4Co10 {
    background-color: rgba(196, 196, 196, 0.1);
}
.bg-111o80 {
    background-color: rgba(17, 17, 15, 0.8);
}
.bg-1F2o80 {
    background-color: rgba(31, 34, 38, 0.8);
}
.bg-272o80 {
    background-color: rgba(39, 39, 39, 0.8);
}
.bg-232 {
    background-color: #232a2e;
}
.bg-232o70 {
    background-color: rgba(35, 42, 46, 0.7);
}

.bg-trns {
    background-color: transparent;
}
.bg-clr8o50 {
    background-color: rgba(169, 255, 0, 0.5);
}
.bg-C74o40 {
    background-color: rgba(199, 66, 66, 0.4);
}
.bg-C74o80 {
    background-color: rgba(199, 66, 66, 0.8);
}
.bg-4F5o90 {
    background-color: rgba(79, 84, 186, 0.9);
}
.bg-5242o90 {
    background-color: rgba(52, 42, 42, 0.9);
}
.bg-090jo60 {
    background-color: rgba(9, 9, 9, 0.6);
}
.bg-no {
    background: none;
}

.col-count0 {
    -moz-column-count: auto;
    -webkit-column-count: auto;
    column-count: auto;
}
.col-count1 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}
.col-count2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
.col-count3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

.bort-type1,
.bory-type1 {
    border-top-style: solid;
}
.borb-type1,
.bory-type1 {
    border-bottom-style: solid;
}
.borl-type1,
.borx-type1 {
    border-left-style: solid;
}
.borr-type1,
.borx-type1 {
    border-right-style: solid;
}

.bort-type2,
.bory-type2 {
    border-top-style: dotted;
}
.borb-type2,
.bory-type2 {
    border-bottom-style: dotted;
}
.borl-type2,
.borx-type2 {
    border-left-style: dotted;
}
.borr-type2,
.borx-type2 {
    border-right-style: dotted;
}

.bort-type3,
.bory-type3 {
    border-top-style: dashed;
}
.borb-type3,
.bory-type3 {
    border-bottom-style: dashed;
}
.borl-type3,
.borx-type3 {
    border-left-style: dashed;
}
.borr-type3,
.borx-type3 {
    border-right-style: dashed;
}

.bor-b0,
.bor-y0 {
    border-bottom-width: 0px !important;
}
.bor-b1,
.bor-y1 {
    border-bottom-width: 1px;
}
.bor-b2,
.bor-y2 {
    border-bottom-width: 2px;
}
.bor-b3,
.bor-y3 {
    border-bottom-width: 3px;
}
.bor-b4,
.bor-y4 {
    border-bottom-width: 4px;
}
.bor-b5,
.bor-y5 {
    border-bottom-width: 5px;
}

.bor-t0,
.bor-y0 {
    border-top-width: 0px !important;
}
.bor-t1,
.bor-y1 {
    border-top-width: 1px;
}
.bor-t2,
.bor-y2 {
    border-top-width: 2px;
}
.bor-t3,
.bor-y3 {
    border-top-width: 3px;
}
.bor-t4,
.bor-y4 {
    border-top-width: 4px;
}
.bor-t5,
.bor-y5 {
    border-top-width: 5px;
}

.bor-r0,
.bor-x0 {
    border-right-width: 0px !important;
}
.bor-r1,
.bor-x1 {
    border-right-width: 1px;
}
.bor-r2,
.bor-x2 {
    border-right-width: 2px;
}
.bor-r3,
.bor-x3 {
    border-right-width: 3px;
}
.bor-r4,
.bor-x4 {
    border-right-width: 4px;
}
.bor-r5,
.bor-x5 {
    border-right-width: 5px;
}

.bor-l0,
.bor-x0 {
    border-left-width: 0px !important;
}
.bor-l1,
.bor-x1 {
    border-left-width: 1px;
}
.bor-l2,
.bor-x2 {
    border-left-width: 2px;
}
.bor-l3,
.bor-x3 {
    border-left-width: 3px;
}
.bor-l4,
.bor-x4 {
    border-left-width: 4px;
}
.bor-l5,
.bor-x5 {
    border-left-width: 5px;
}
.bor-l10,
.bor-x10 {
    border-left-width: 10px;
}

.no-bord {
    border: 0;
}

.vert-center {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
}
.hor-center {
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
}
.both-center {
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

.no-image {
    background-image: url(/bitrix/templates/c4g/css/../images/no-image.svg);
    background-size: contain;
    background-position: center;
    background-color: #bbcbd4;
}

.wh-100 {
    width: 100%;
    height: 100%;
}

.psevdo-no:before,
.psevdo-no:after {
    display: none !important;
}
.psevdo-bno:before {
    display: none !important;
}
.psevdo-ano:after {
    display: none !important;
}

.wrap-dont {
    white-space: nowrap;
}
.wrap-norm {
    white-space: normal;
}

.vt-align {
    vertical-align: top;
}
.vm-align {
    vertical-align: middle;
}
.vb-align {
    vertical-align: bottom;
}

.d-iblock {
    display: inline-block;
}
.d-inline {
    display: inline;
}
.d-table {
    display: table;
}
.d-tcell {
    display: table-cell;
}
.d-block {
    display: block;
}
.d-flex {
    display: flex;
}
.d-nblock {
    display: none;
}
.d-iblocki {
    display: inline-block !important;
}
.d-blocki {
    display: block !important;
}
.d-nblocki {
    display: none !important;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}
.float-none {
    float: none;
}

.pos-abs {
    position: absolute;
}
.pos-rel {
    position: relative;
}
.pos-fix {
    position: fixed;
}

.pin-lt {
    left: 0;
    top: 0;
}
.pin-rt {
    right: 0;
    top: 0;
}
.pin-lb {
    left: 0;
    bottom: 0;
}
.pin-rb {
    right: 0;
    bottom: 0;
}

.r-05 {
    right: 5px;
}

.overflow-x {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}
.overflow-y {
    overflow: hidden;
    overflow-y: auto;
}
.overflow-ys {
    overflow: hidden;
    overflow-y: scroll;
}
.overflow-h {
    overflow: hidden;
}
.overflow-a {
    overflow: auto;
}
.overflow-xv {
    overflow: hidden;
    overflow-x: visible;
}
.overflow-yv {
    overflow: hidden;
    overflow-y: visible;
}
.overflow-v {
    overflow: visible;
}

.line-clamp1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.line-clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.line-clamp4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.box-align-top {
    -webkit-box-align: start;
}
.box-align-bot {
    -webkit-box-align: end;
}

.box-align-lft {
    -webkit-box-pack: start;
}
.box-align-rht {
    -webkit-box-pack: end;
}
.box-align-cen {
    -webkit-boxpack: center;
}

.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}

.content-center {
    justify-content: center;
}

.text-nn {
    text-transform: lowercase;
}
.text-lo {
    text-transform: lowercase;
}
.text-ca {
    text-transform: capitalize;
}
.text-up {
    text-transform: uppercase;
}
.text-ndec {
    text-decoration: none;
}
.text-dec {
    text-decoration: underline;
}
.text-italic {
    font-style: italic;
}

.brad-a {
    border-radius: 5px !important;
}
.brad-ar {
    border-radius: 50% !important;
}
.brad-a2 {
    border-radius: 2px !important;
}
.brad-a5 {
    border-radius: 5px !important;
}
.brad-a10 {
    border-radius: 10px !important;
}
.brad-a12 {
    border-radius: 12px !important;
}
.brad-a15 {
    border-radius: 15px !important;
}
.brad-a20 {
    border-radius: 20px !important;
}
.brad-a25 {
    border-radius: 25px !important;
}
.brad-a30 {
    border-radius: 30px !important;
}
.brad-r {
    border-radius: 0 5px 5px 0 !important;
}
.brad-nr {
    border-radius: 5px 0 5px 5px !important;
}
.brad-l {
    border-radius: 5px 0 0 5px !important;
}
.brad-nl {
    border-radius: 5px 5px 5px 0 !important;
}
.brad-t {
    border-radius: 5px 5px 0 0 !important;
}
.brad-nt {
    border-radius: 0 5px 5px 5px !important;
}
.brad-b {
    border-radius: 0 0 5px 5px !important;
}
.brad-nb {
    border-radius: 5px 5px 0 5px !important;
}

.col-1 {
    width: 8.333333%;
}
.col-2 {
    width: 16.666667%;
}
.col-20 {
    width: 20%;
}
.col-3 {
    width: 25%;
}
.col-30 {
    width: 30%;
}
.col-4 {
    width: 33.333333%;
}
.col-36 {
    width: 36%;
}
.col-5 {
    width: 41.666667%;
}
.col-47 {
    width: 47%;
}
.col-6 {
    width: 50%;
}
.col-7 {
    width: 58.333333%;
}
.col-64 {
    width: 64%;
}
.col-8 {
    width: 66.666667%;
}
.col-70 {
    width: 70%;
}
.col-9 {
    width: 75%;
}
.col-10 {
    width: 83.333333%;
}
.col-11 {
    width: 91.666667%;
}
.col-12 {
    width: 100%;
}
.col-100 {
    width: 100%;
}
.col-a {
    width: auto;
}

.colm-1 {
    max-width: 8.333333%;
}
.colm-2 {
    max-width: 16.666667%;
}
.colm-3 {
    max-width: 25%;
}
.colm-4 {
    max-width: 33.333333%;
}
.colm-5 {
    max-width: 41.666667%;
}
.colm-6 {
    max-width: 50%;
}
.colm-7 {
    max-width: 58.333333%;
}
.colm-8 {
    max-width: 66.666667%;
}
.colm-9 {
    max-width: 75%;
}
.colm-10 {
    max-width: 83.333333%;
}
.colm-11 {
    max-width: 91.666667%;
}
.colm-12 {
    max-width: 100%;
}

.colmi-1 {
    min-width: 8.333333%;
}
.colmi-2 {
    min-width: 16.666667%;
}
.colmi-3 {
    min-width: 25%;
}
.colmi-4 {
    min-width: 33.333333%;
}
.colmi-5 {
    min-width: 41.666667%;
}
.colmi-6 {
    min-width: 50%;
}
.colmi-7 {
    min-width: 58.333333%;
}
.colmi-8 {
    min-width: 66.666667%;
}
.colmi-9 {
    min-width: 75%;
}
.colmi-10 {
    min-width: 83.333333%;
}
.colmi-11 {
    min-width: 91.666667%;
}
.colmi-12 {
    min-width: 100%;
}

.colh-1 {
    height: 8.333333%;
}
.colh-2 {
    height: 16.666667%;
}
.colh-3 {
    height: 25%;
}
.colh-4 {
    height: 33.333333%;
}
.colh-5 {
    height: 41.666667%;
}
.colh-6 {
    height: 50%;
}
.colh-7 {
    height: 58.333333%;
}
.colh-8 {
    height: 66.666667%;
}
.colh-9 {
    height: 75%;
}
.colh-10 {
    height: 83.333333%;
}
.colh-11 {
    height: 91.666667%;
}
.colh-12 {
    height: 100%;
}
.colh-v12 {
    height: 100vh;
}
.colh-a {
    height: auto;
    max-height: 100%;
}

.colh-vh50 {
    height: 50vh;
}
.colh-vh60 {
    height: 60vh;
}
.colh-vh70 {
    height: 70vh;
}
.colh-vh80 {
    height: 80vh;
}
.colh-vh90 {
    height: 90vh;
}
.colh-vh95 {
    height: 95vh;
}
.colh-vh100 {
    height: 100vh;
}

.mb-o1,
.my-o1 {
    margin-bottom: -1px;
}
.mb-o2,
.my-o2 {
    margin-bottom: -2px;
}
.mb-o3,
.my-o3 {
    margin-bottom: -3px;
}
.mb-o5,
.my-o5 {
    margin-bottom: -5px;
}
.mb-o7,
.my-o7 {
    margin-bottom: -7px;
}
.mb-o8,
.my-o8 {
    margin-bottom: -8px;
}
.mb-o10,
.my-o10 {
    margin-bottom: -10px;
}
.mb-o15,
.my-o15 {
    margin-bottom: -15px;
}
.mb-o20,
.my-o20 {
    margin-bottom: -20px;
}
.mb-o30,
.my-o30 {
    margin-bottom: -30px;
}
.mb-o40,
.my-o40 {
    margin-bottom: -40px;
}
.mb-o50,
.my-o50 {
    margin-bottom: -50px;
}
.mb-o100,
.my-o100 {
    margin-bottom: -100px;
}

.mt-o1,
.my-o1 {
    margin-top: -1px;
}
.mt-o2,
.my-o2 {
    margin-top: -2px;
}
.mt-o3,
.my-o3 {
    margin-top: -3px;
}
.mt-o5,
.my-o5 {
    margin-top: -5px;
}
.mt-o7,
.my-o7 {
    margin-top: -7px;
}
.mt-o8,
.my-o8 {
    margin-top: -8px;
}
.mt-o10,
.my-o10 {
    margin-top: -10px;
}
.mt-o15,
.my-o15 {
    margin-top: -15px;
}
.mt-o20,
.my-o20 {
    margin-top: -20px;
}
.mt-o30,
.my-o30 {
    margin-top: -30px;
}
.mt-o40,
.my-o40 {
    margin-top: -40px;
}
.mt-o50,
.my-o50 {
    margin-top: -50px;
}
.mt-o100,
.my-o100 {
    margin-top: -100px;
}
.mt-o100p,
.my-o100p {
    margin-top: -100%;
}

.ml-o3,
.mx-o3 {
    margin-left: -3px;
}
.ml-o5,
.mx-o5 {
    margin-left: -5px;
}
.ml-o7,
.mx-o7 {
    margin-left: -7px;
}
.ml-o8,
.mx-o8 {
    margin-left: -8px;
}
.ml-o10,
.mx-o10 {
    margin-left: -10px;
}
.ml-o15,
.mx-o15 {
    margin-left: -15px;
}
.ml-o20,
.mx-o20 {
    margin-left: -20px;
}
.ml-o30,
.mx-o30 {
    margin-left: -30px;
}
.ml-o35,
.mx-o35 {
    margin-left: -35px;
}
.ml-o40,
.mx-o40 {
    margin-left: -40px;
}
.ml-o50,
.mx-o50 {
    margin-left: -50px;
}
.ml-o100,
.mx-o100 {
    margin-left: -100px;
}

.mr-o5,
.mx-o5 {
    margin-right: -5px;
}
.mr-o7,
.mx-o7 {
    margin-right: -7px;
}
.mr-o8,
.mx-o8 {
    margin-right: -8px;
}
.mr-o10,
.mx-o10 {
    margin-right: -10px;
}
.mr-o15,
.mx-o15 {
    margin-right: -15px;
}
.mr-o20,
.mx-o20 {
    margin-right: -20px;
}
.mr-o30,
.mx-o30 {
    margin-right: -30px;
}
.mr-o35,
.mx-o35 {
    margin-right: -35px;
}
.mr-o40,
.mx-o40 {
    margin-right: -40px;
}
.mr-o50,
.mx-o50 {
    margin-right: -50px;
}
.mr-o100,
.mx-o100 {
    margin-right: -100px;
}

.mt-0,
.my-0 {
    margin-top: 0px;
}
.mti-0,
.myi-0 {
    margin-top: 0px !important;
}
.mt-2,
.my-2 {
    margin-top: 2px;
}
.mt-3,
.my-3 {
    margin-top: 3px;
}
.mt-4,
.my-4 {
    margin-top: 4px;
}
.mt-5,
.my-5 {
    margin-top: 5px;
}
.mt-7,
.my-7 {
    margin-top: 7px;
}
.mt-8,
.my-8 {
    margin-top: 8px;
}
.mt-10,
.my-10 {
    margin-top: 10px;
}
.mt-15,
.my-15 {
    margin-top: 15px;
}
.mt-20,
.my-20 {
    margin-top: 20px;
}
.mt-23,
.my-23 {
    margin-top: 23px;
}
.mt-25,
.my-25 {
    margin-top: 25px;
}
.mt-27,
.my-27 {
    margin-top: 27px;
}
.mt-30,
.my-30 {
    margin-top: 30px;
}
.mt-35,
.my-35 {
    margin-top: 35px;
}
.mt-40,
.my-40 {
    margin-top: 40px;
}
.mt-48,
.my-48 {
    margin-top: 48px;
}
.mt-50,
.my-50 {
    margin-top: 50px;
}
.mt-60,
.my-60 {
    margin-top: 60px;
}
.mt-70,
.my-70 {
    margin-top: 70px;
}
.mt-80,
.my-80 {
    margin-top: 80px;
}
.mt-85,
.my-85 {
    margin-top: 85px;
}
.mt-90,
.my-90 {
    margin-top: 90px;
}
.mt-100,
.my-100 {
    margin-top: 100px;
}
.mt-200,
.my-200 {
    margin-top: 200px;
}

.mb-0,
.my-0 {
    margin-bottom: 0px;
}
.mbi-0,
.myi-0 {
    margin-bottom: 0px !important;
}
.mb-1,
.my-1 {
    margin-bottom: 1px;
}
.mb-2,
.my-2 {
    margin-bottom: 2px;
}
.mb-3,
.my-3 {
    margin-bottom: 3px;
}
.mb-4,
.my-4 {
    margin-bottom: 4px;
}
.mb-5,
.my-5 {
    margin-bottom: 5px;
}
.mb-10,
.my-10 {
    margin-bottom: 10px;
}
.mb-15,
.my-15 {
    margin-bottom: 15px;
}
.mb-20,
.my-20 {
    margin-bottom: 20px;
}
.mb-30,
.my-30 {
    margin-bottom: 30px;
}
.mb-35,
.my-35 {
    margin-bottom: 35px;
}
.mb-40,
.my-40 {
    margin-bottom: 40px;
}
.mb-50,
.my-50 {
    margin-bottom: 50px;
}
.mb-60,
.my-60 {
    margin-bottom: 60px;
}
.mb-70,
.my-70 {
    margin-bottom: 70px;
}
.mb-80,
.my-80 {
    margin-bottom: 80px;
}
.mb-85,
.my-85 {
    margin-bottom: 85px;
}
.mb-90,
.my-90 {
    margin-bottom: 90px;
}
.mb-100,
.my-100 {
    margin-bottom: 100px;
}
.mb-150,
.my-150 {
    margin-bottom: 150px;
}

.mr-0,
.mx-0 {
    margin-right: 0px;
}
.mri-0,
.mxi-0 {
    margin-right: 0px !important;
}
.mr-3,
.mx-3 {
    margin-right: 3px;
}
.mr-5,
.mx-5 {
    margin-right: 5px;
}
.mr-10,
.mx-10 {
    margin-right: 10px;
}
.mri-15,
.mxi-15 {
    margin-right: 15px !important;
}
.mr-15,
.mx-15 {
    margin-right: 15px;
}
.mr-17,
.mx-17 {
    margin-right: 17px;
}
.mr-20,
.mx-20 {
    margin-right: 20px;
}
.mr-30,
.mx-30 {
    margin-right: 30px;
}
.mr-40,
.mx-40 {
    margin-right: 40px;
}
.mr-50,
.mx-50 {
    margin-right: 50px;
}
.mr-60,
.mx-60 {
    margin-right: 60px;
}
.mr-70,
.mx-70 {
    margin-right: 70px;
}
.mr-80,
.mx-80 {
    margin-right: 80px;
}
.mr-85,
.mx-85 {
    margin-right: 85px;
}
.mr-90,
.mx-90 {
    margin-right: 90px;
}
.mr-100,
.mx-100 {
    margin-right: 100px;
}

.ml-0,
.mx-0 {
    margin-left: 0px;
}
.mli-0,
.mxi-0 {
    margin-left: 0px !important;
}
.ml-3,
.mx-3 {
    margin-left: 3px;
}
.ml-5,
.mx-5 {
    margin-left: 5px;
}
.ml-10,
.mx-10 {
    margin-left: 10px;
}
.mli-15,
.mxi-15 {
    margin-left: 15px !important;
}
.ml-15,
.mx-15 {
    margin-left: 15px;
}
.ml-17,
.mx-17 {
    margin-left: 17px;
}
.ml-20,
.mx-20 {
    margin-left: 20px;
}
.ml-30,
.mx-30 {
    margin-left: 30px;
}
.ml-40,
.mx-40 {
    margin-left: 40px;
}
.ml-50,
.mx-50 {
    margin-left: 50px;
}
.ml-60,
.mx-60 {
    margin-left: 60px;
}
.ml-70,
.mx-70 {
    margin-left: 70px;
}
.ml-80,
.mx-80 {
    margin-left: 80px;
}
.ml-85,
.mx-85 {
    margin-left: 85px;
}
.ml-90,
.mx-90 {
    margin-left: 90px;
}
.ml-100,
.mx-100 {
    margin-left: 100px;
}

.pt-0,
.py-0 {
    padding-top: 0px;
}
.pti-0,
.pyi-0 {
    padding-top: 0px !important;
}
.pt-2,
.py-2 {
    padding-top: 2px;
}
.pt-3,
.py-3 {
    padding-top: 3px;
}
.pt-5,
.py-5 {
    padding-top: 5px;
}
.pt-7,
.py-7 {
    padding-top: 7px;
}
.pt-10,
.py-10 {
    padding-top: 10px;
}
.pt-15,
.py-15 {
    padding-top: 15px;
}
.pt-20,
.py-20 {
    padding-top: 20px;
}
.pt-25,
.py-25 {
    padding-top: 25px;
}
.pt-30,
.py-30 {
    padding-top: 30px;
}
.pt-35,
.py-35 {
    padding-top: 35px;
}
.pt-40,
.py-40 {
    padding-top: 40px;
}
.pt-50,
.py-50 {
    padding-top: 50px;
}
.pt-60,
.py-60 {
    padding-top: 60px;
}
.pt-70,
.py-70 {
    padding-top: 70px;
}
.pt-80,
.py-80 {
    padding-top: 80px;
}
.pt-90,
.py-90 {
    padding-top: 90px;
}
.pt-100,
.py-100 {
    padding-top: 100px;
}
.pt-150,
.py-150 {
    padding-top: 150px;
}
.pt-200,
.py-200 {
    padding-top: 200px;
}

.pb-0,
.py-0 {
    padding-bottom: 0px;
}
.pbi-0,
.pyi-0 {
    padding-bottom: 0px !important;
}
.pb-2,
.py-2 {
    padding-bottom: 2px;
}
.pb-3,
.py-3 {
    padding-bottom: 3px;
}
.pb-5,
.py-5 {
    padding-bottom: 5px;
}
.pb-7,
.py-7 {
    padding-bottom: 7px;
}
.pb-10,
.py-10 {
    padding-bottom: 10px;
}
.pb-15,
.py-15 {
    padding-bottom: 15px;
}
.pb-20,
.py-20 {
    padding-bottom: 20px;
}
.pb-25,
.py-25 {
    padding-bottom: 25px;
}
.pb-30,
.py-30 {
    padding-bottom: 30px;
}
.pb-40,
.py-40 {
    padding-bottom: 40px;
}
.pb-50,
.py-50 {
    padding-bottom: 50px;
}
.pb-60,
.py-60 {
    padding-bottom: 60px;
}
.pb-70,
.py-70 {
    padding-bottom: 70px;
}
.pb-80,
.py-80 {
    padding-bottom: 80px;
}
.pb-90,
.py-90 {
    padding-bottom: 90px;
}
.pb-100,
.py-100 {
    padding-bottom: 100px;
}
.pb-150,
.py-150 {
    padding-bottom: 150px;
}
.pb-200,
.py-200 {
    padding-bottom: 200px;
}

.pl-0,
.px-0 {
    padding-left: 0px;
}
.pli-0,
.pxi-0 {
    padding-left: 0px !important;
}
.pl-2,
.px-2 {
    padding-left: 2px;
}
.pl-3,
.px-3 {
    padding-left: 3px;
}
.pl-5,
.px-5 {
    padding-left: 5px;
}
.pl-7,
.px-7 {
    padding-left: 7px;
}
.pl-10,
.px-10 {
    padding-left: 10px;
}
.pl-15,
.px-15 {
    padding-left: 15px;
}
.pl-20,
.px-20 {
    padding-left: 20px;
}
.pl-25,
.px-25 {
    padding-left: 25px;
}
.pl-30,
.px-30 {
    padding-left: 30px;
}
.pl-35,
.px-35 {
    padding-left: 35px;
}
.pl-40,
.px-40 {
    padding-left: 40px;
}
.pl-45,
.px-45 {
    padding-left: 45px;
}
.pl-50,
.px-50 {
    padding-left: 50px;
}
.pl-60,
.px-60 {
    padding-left: 60px;
}
.pl-70,
.px-70 {
    padding-left: 70px;
}
.pl-80,
.px-80 {
    padding-left: 80px;
}
.pl-90,
.px-90 {
    padding-left: 90px;
}
.pl-100,
.px-100 {
    padding-left: 100px;
}

.pr-0,
.px-0 {
    padding-right: 0px;
}
.pri-0,
.pxi-0 {
    padding-right: 0px !important;
}
.pr-2,
.px-2 {
    padding-right: 2px;
}
.pr-3,
.px-3 {
    padding-right: 3px;
}
.pr-5,
.px-5 {
    padding-right: 5px;
}
.pr-7,
.px-7 {
    padding-right: 7px;
}
.pr-10,
.px-10 {
    padding-right: 10px;
}
.pr-15,
.px-15 {
    padding-right: 15px;
}
.pr-20,
.px-20 {
    padding-right: 20px;
}
.pr-25,
.px-25 {
    padding-right: 25px;
}
.pr-30,
.px-30 {
    padding-right: 30px;
}
.pr-40,
.px-40 {
    padding-right: 40px;
}
.pr-45,
.px-45 {
    padding-right: 45px;
}
.pr-50,
.px-50 {
    padding-right: 50px;
}
.pr-60,
.px-60 {
    padding-right: 60px;
}
.pr-70,
.px-70 {
    padding-right: 70px;
}
.pr-80,
.px-80 {
    padding-right: 80px;
}
.pr-90,
.px-90 {
    padding-right: 90px;
}
.pr-100,
.px-100 {
    padding-right: 100px;
}

.pt-o0,
.py-o0 {
    padding-top: -0px;
}
.pti-o0,
.pyi-o0 {
    padding-top: -0px !important;
}
.pt-o5,
.py-o5 {
    padding-top: -5px;
}
.pt-o10,
.py-o10 {
    padding-top: -10px;
}
.pt-o15,
.py-o15 {
    padding-top: -15px;
}
.pt-o20,
.py-o20 {
    padding-top: -20px;
}
.pt-o25,
.py-o25 {
    padding-top: -25px;
}
.pt-o30,
.py-o30 {
    padding-top: -30px;
}
.pt-o35,
.py-o35 {
    padding-top: -35px;
}
.pt-o40,
.py-o40 {
    padding-top: -40px;
}
.pt-o50,
.py-o50 {
    padding-top: -50px;
}
.pt-o60,
.py-o60 {
    padding-top: -60px;
}
.pt-o70,
.py-o70 {
    padding-top: -70px;
}
.pt-o80,
.py-o80 {
    padding-top: -80px;
}
.pt-o100,
.py-o100 {
    padding-top: -100px;
}

.pb-o0,
.py-o0 {
    padding-bottom: -0px;
}
.pbi-o0,
.pyi-o0 {
    padding-bottom: -0px !important;
}
.pb-o5,
.py-o5 {
    padding-bottom: -5px;
}
.pb-o10,
.py-o10 {
    padding-bottom: -10px;
}
.pb-o15,
.py-o15 {
    padding-bottom: -15px;
}
.pb-o20,
.py-o20 {
    padding-bottom: -20px;
}
.pb-o25,
.py-o25 {
    padding-bottom: -25px;
}
.pb-o30,
.py-o30 {
    padding-bottom: -30px;
}
.pb-o40,
.py-o40 {
    padding-bottom: -40px;
}
.pb-o50,
.py-o50 {
    padding-bottom: -50px;
}
.pb-o60,
.py-o60 {
    padding-bottom: -60px;
}
.pb-o70,
.py-o70 {
    padding-bottom: -70px;
}
.pb-o80,
.py-o80 {
    padding-bottom: -80px;
}
.pb-o100,
.py-o100 {
    padding-bottom: -100px;
}
.pb-o150,
.py-o150 {
    padding-bottom: -150px;
}
.pb-o200,
.py-o200 {
    padding-bottom: -200px;
}

.pl-o0,
.px-o0 {
    padding-left: -0px;
}
.pli-o0,
.pxi-o0 {
    padding-left: -0px !important;
}
.pl-o5,
.px-o5 {
    padding-left: -5px;
}
.pl-o10,
.px-o10 {
    padding-left: -10px;
}
.pl-o15,
.px-o15 {
    padding-left: -15px;
}
.pl-o20,
.px-o20 {
    padding-left: -20px;
}
.pl-o25,
.px-o25 {
    padding-left: -25px;
}
.pl-o30,
.px-o30 {
    padding-left: -30px;
}
.pl-o40,
.px-o40 {
    padding-left: -40px;
}
.pl-o50,
.px-o50 {
    padding-left: -50px;
}
.pl-o60,
.px-o60 {
    padding-left: -60px;
}
.pl-o70,
.px-o70 {
    padding-left: -70px;
}
.pl-o80,
.px-o80 {
    padding-left: -80px;
}
.pl-o90,
.px-o90 {
    padding-left: -90px;
}
.pl-o100,
.px-o100 {
    padding-left: -100px;
}

.pr-o0,
.px-o0 {
    padding-right: -0px;
}
.pri-o0,
.pxi-o0 {
    padding-right: -0px !important;
}
.pr-o5,
.px-o5 {
    padding-right: -5px;
}
.pr-o10,
.px-o10 {
    padding-right: -10px;
}
.pr-o15,
.px-o15 {
    padding-right: -15px;
}
.pr-o20,
.px-o20 {
    padding-right: -20px;
}
.pr-o25,
.px-o25 {
    padding-right: -25px;
}
.pr-o30,
.px-o30 {
    padding-right: -30px;
}
.pr-o40,
.px-o40 {
    padding-right: -40px;
}
.pr-o50,
.px-o50 {
    padding-right: -50px;
}
.pr-o60,
.px-o60 {
    padding-right: -60px;
}
.pr-o70,
.px-o70 {
    padding-right: -70px;
}
.pr-o80,
.px-o80 {
    padding-right: -80px;
}
.pr-o90,
.px-o90 {
    padding-right: -90px;
}
.pr-o100,
.px-o100 {
    padding-right: -100px;
}

.mt-o0,
.my-o0 {
    margin-top: -0px;
}
.mti-o0,
.myi-o0 {
    margin-top: -0px !important;
}
.mt-o1,
.my-o1 {
    margin-top: -1px;
}
.mt-o5,
.my-o5 {
    margin-top: -5px;
}
.mt-o10,
.my-o10 {
    margin-top: -10px;
}
.mt-o15,
.my-o15 {
    margin-top: -15px;
}
.mt-o20,
.my-o20 {
    margin-top: -20px;
}
.mt-o25,
.my-o25 {
    margin-top: -25px;
}
.mt-o30,
.my-o30 {
    margin-top: -30px;
}
.mt-o35,
.my-o35 {
    margin-top: -35px;
}
.mt-o40,
.my-o40 {
    margin-top: -40px;
}
.mt-o50,
.my-o50 {
    margin-top: -50px;
}
.mt-o60,
.my-o60 {
    margin-top: -60px;
}
.mt-o70,
.my-o70 {
    margin-top: -70px;
}
.mt-o80,
.my-o80 {
    margin-top: -80px;
}
.mt-o100,
.my-o100 {
    margin-top: -100px;
}

.mb-o0,
.my-o0 {
    margin-bottom: -0px;
}
.mb-o1,
.my-o1 {
    margin-bottom: -1px;
}
.mbi-o0,
.myi-o0 {
    margin-bottom: -0px !important;
}
.mb-o5,
.my-o5 {
    margin-bottom: -5px;
}
.mb-o10,
.my-o10 {
    margin-bottom: -10px;
}
.mb-o15,
.my-o15 {
    margin-bottom: -15px;
}
.mb-o20,
.my-o20 {
    margin-bottom: -20px;
}
.mb-o25,
.my-o25 {
    margin-bottom: -25px;
}
.mb-o30,
.my-o30 {
    margin-bottom: -30px;
}
.mb-o40,
.my-o40 {
    margin-bottom: -40px;
}
.mb-o50,
.my-o50 {
    margin-bottom: -50px;
}
.mb-o60,
.my-o60 {
    margin-bottom: -60px;
}
.mb-o70,
.my-o70 {
    margin-bottom: -70px;
}
.mb-o80,
.my-o80 {
    margin-bottom: -80px;
}
.mb-o100,
.my-o100 {
    margin-bottom: -100px;
}
.mb-o150,
.my-o150 {
    margin-bottom: -150px;
}
.mb-o200,
.my-o200 {
    margin-bottom: -200px;
}

.ml-o0,
.mx-o0 {
    margin-left: -0px;
}
.mli-o0,
.pxi-o0 {
    margin-left: -0px !important;
}
.ml-o5,
.mx-o5 {
    margin-left: -5px;
}
.ml-o10,
.mx-o10 {
    margin-left: -10px;
}
.ml-o15,
.mx-o15 {
    margin-left: -15px;
}
.ml-o20,
.mx-o20 {
    margin-left: -20px;
}
.ml-o25,
.mx-o25 {
    margin-left: -25px;
}
.ml-o30,
.mx-o30 {
    margin-left: -30px;
}
.ml-o40,
.mx-o40 {
    margin-left: -40px;
}
.ml-o50,
.mx-o50 {
    margin-left: -50px;
}
.ml-o60,
.mx-o60 {
    margin-left: -60px;
}
.ml-o70,
.mx-o70 {
    margin-left: -70px;
}
.ml-o75,
.mx-o75 {
    margin-left: -75px;
}
.ml-o80,
.mx-o80 {
    margin-left: -80px;
}
.ml-o90,
.mx-o90 {
    margin-left: -90px;
}
.ml-o100,
.mx-o100 {
    margin-left: -100px;
}

.mr-o0,
.mx-o0 {
    margin-right: -0px;
}
.mri-o0,
.pxi-o0 {
    margin-right: -0px !important;
}
.mr-o5,
.mx-o5 {
    margin-right: -5px;
}
.mr-o10,
.mx-o10 {
    margin-right: -10px;
}
.mr-o15,
.mx-o15 {
    margin-right: -15px;
}
.mr-o20,
.mx-o20 {
    margin-right: -20px;
}
.mr-o25,
.mx-o25 {
    margin-right: -25px;
}
.mr-o30,
.mx-o30 {
    margin-right: -30px;
}
.mr-o40,
.mx-o40 {
    margin-right: -40px;
}
.mr-o50,
.mx-o50 {
    margin-right: -50px;
}
.mr-o60,
.mx-o60 {
    margin-right: -60px;
}
.mr-o70,
.mx-o70 {
    margin-right: -70px;
}
.mr-o75,
.mx-o75 {
    margin-right: -75px;
}
.mr-o80,
.mx-o80 {
    margin-right: -80px;
}
.mr-o90,
.mx-o90 {
    margin-right: -90px;
}
.mr-o100,
.mx-o100 {
    margin-right: -100px;
}

.offl-0,
.offx-0 {
    margin-left: 0%;
}
.offl-l,
.offx-l {
    margin-left: 8.333333%;
}
.offl-2,
.offx-2 {
    margin-left: 16.666667%;
}
.offl-3,
.offx-3 {
    margin-left: 25%;
}
.offl-4,
.offx-4 {
    margin-left: 33.333333%;
}
.offl-5,
.offx-5 {
    margin-left: 41.666667%;
}
.offl-6,
.offx-6 {
    margin-left: 50%;
}

.offr-0,
.offx-0 {
    margin-right: 0%;
}
.offr-01,
.offx-01 {
    margin-right: 1%;
}
.offr-02,
.offx-02 {
    margin-right: 2%;
}
.offr-03,
.offx-03 {
    margin-right: 3%;
}
.offr-04,
.offx-04 {
    margin-right: 4%;
}
.offr-05,
.offx-05 {
    margin-right: 5%;
}
.offr-l,
.offx-1 {
    margin-right: 8.333333%;
}
.offr-2,
.offx-2 {
    margin-right: 16.666667%;
}
.offr-3,
.offx-3 {
    margin-right: 25%;
}
.offr-4,
.offx-4 {
    margin-right: 33.333333%;
}
.offr-5,
.offx-5 {
    margin-right: 41.666667%;
}
.offr-6,
.offx-6 {
    margin-right: 50%;
}

.oppl-06,
.oppx-06 {
    padding-left: 6%;
}
.oppl-l,
.oppx-l {
    padding-left: 8.333333%;
}
.oppl-2,
.oppx-2 {
    padding-left: 16.666667%;
}
.oppl-3,
.oppx-3 {
    padding-left: 25%;
}
.oppl-4,
.oppx-4 {
    padding-left: 33.333333%;
}
.oppl-5,
.oppx-5 {
    padding-left: 41.666667%;
}
.oppl-6,
.oppx-6 {
    padding-left: 50%;
}

.oppr-06,
.oppx-06 {
    padding-right: 6%;
}
.oppr-l,
.oppx-1 {
    padding-right: 8.333333%;
}
.oppr-2,
.oppx-2 {
    padding-right: 16.666667%;
}
.oppr-3,
.oppx-3 {
    padding-right: 25%;
}
.oppr-4,
.oppx-4 {
    padding-right: 33.333333%;
}
.oppr-5,
.oppx-5 {
    padding-right: 41.666667%;
}
.oppr-6,
.oppx-6 {
    padding-right: 50%;
}

.lsp-1 {
    letter-spacing: 1px;
}
.lsp-o01 {
    letter-spacing: -0.1px;
}
.lsp-o018 {
    letter-spacing: -0.18px;
}
.lsp-o02 {
    letter-spacing: -0.2px;
}
.lsp-o027 {
    letter-spacing: -0.27px;
}
.lsp-o032 {
    letter-spacing: -3.2px;
}
.lsp-o0 {
    letter-spacing: 0px;
}

.fnts-0 {
    font-size: 0px;
}
.fnts-10 {
    font-size: 10px;
}
.fnts-11 {
    font-size: 11px;
}
.fnts-12 {
    font-size: 12px;
}
.fnts-13 {
    font-size: 13px;
}
.fnts-14 {
    font-size: 14px;
}
.fnts-15 {
    font-size: 15px;
}
.fnts-16 {
    font-size: 16px;
}
.fnts-17 {
    font-size: 17px;
}
.fnts-18 {
    font-size: 18px;
}
.fnts-20 {
    font-size: 20px;
}
.fnts-22 {
    font-size: 22px;
}
.fnts-24 {
    font-size: 24px;
}
.fnts-25 {
    font-size: 25px;
}
.fnts-26 {
    font-size: 26px;
}
.fnts-28 {
    font-size: 28px;
}
.fnts-30 {
    font-size: 30px;
}
.fnts-32 {
    font-size: 32px;
}
.fnts-34 {
    font-size: 34px;
}
.fnts-36 {
    font-size: 36px;
}
.fnts-38 {
    font-size: 38px;
}
.fnts-40 {
    font-size: 40px;
}
.fnts-42 {
    font-size: 42px;
}
.fnts-45 {
    font-size: 45px;
}
.fnts-44 {
    font-size: 44px;
}
.fnts-46 {
    font-size: 46px;
}
.fnts-48 {
    font-size: 48px;
}
.fnts-50 {
    font-size: 50px;
}
.fnts-52 {
    font-size: 52px;
}
.fnts-54 {
    font-size: 54px;
}
.fnts-56 {
    font-size: 56px;
}
.fnts-60 {
    font-size: 60px;
}
.fnts-70 {
    font-size: 70px;
}
.fnts-72 {
    font-size: 72px;
}
.fnts-76 {
    font-size: 76px;
}
.fnts-80 {
    font-size: 80px;
}
.fnts-100 {
    font-size: 100px;
}
.fnts-120 {
    font-size: 120px;
}
.fnts-130 {
    font-size: 130px;
}
.fnts-150 {
    font-size: 150px;
}

.fntlh-0 {
    line-height: 0px;
}
.fntlh-1 {
    line-height: 1px;
}
.fntlh-5 {
    line-height: 5px;
}
.fntlh-12 {
    line-height: 12px;
}
.fntlh-14 {
    line-height: 14px;
}
.fntlh-15 {
    line-height: 15px;
}
.fntlh-16 {
    line-height: 16px;
}
.fntlh-17 {
    line-height: 17px;
}
.fntlh-18 {
    line-height: 18px;
}
.fntlh-20 {
    line-height: 20px;
}
.fntlh-22 {
    line-height: 22px;
}
.fntlh-24 {
    line-height: 24px;
}
.fntlh-25 {
    line-height: 25px;
}
.fntlh-26 {
    line-height: 26px;
}
.fntlh-27 {
    line-height: 27px;
}
.fntlh-28 {
    line-height: 28px;
}
.fntlh-29 {
    line-height: 29px;
}
.fntlh-30 {
    line-height: 30px;
}
.fntlh-32 {
    line-height: 32px;
}
.fntlh-34 {
    line-height: 34px;
}
.fntlh-36 {
    line-height: 36px;
}
.fntlh-38 {
    line-height: 38px;
}
.fntlh-40 {
    line-height: 40px;
}
.fntlh-44 {
    line-height: 44px;
}
.fntlh-45 {
    line-height: 45px;
}
.fntlh-46 {
    line-height: 46px;
}
.fntlh-47 {
    line-height: 47px;
}
.fntlh-48 {
    line-height: 48px;
}
.fntlh-50 {
    line-height: 50px;
}
.fntlh-52 {
    line-height: 52px;
}
.fntlh-55 {
    line-height: 55px;
}
.fntlh-60 {
    line-height: 60px;
}
.fntlh-65 {
    line-height: 65px;
}
.fntlh-70 {
    line-height: 70px;
}
.fntlh-80 {
    line-height: 80px;
}
.fntlh-100 {
    line-height: 100px;
}
.fntlh-120 {
    line-height: 120px;
}
.fntlh-130 {
    line-height: 130px;
}
.fntlh-150 {
    line-height: 150px;
}

.fntw-1 {
    font-weight: 100;
}
.fntw-2 {
    font-weight: 200;
}
.fntw-3 {
    font-weight: 300;
}
.fntw-4 {
    font-weight: 400;
}
.fntw-5 {
    font-weight: 500;
}
.fntw-6 {
    font-weight: 600;
}
.fntw-7 {
    font-weight: 700;
}
.fntw-8 {
    font-weight: 800;
}

.minh-05 {
    min-height: 5px;
}
.minh-2o0 {
    min-height: 20px;
}
.minh-2o6 {
    min-height: 26px;
}
.minh-3 {
    min-height: 30px;
}
.minh-4 {
    min-height: 40px;
}
.minh-5 {
    min-height: 50px;
}
.minh-5_1 {
    min-height: 51px;
}
.minh-6 {
    min-height: 60px;
}
.minh-6o5 {
    min-height: 65px;
}
.minh-7 {
    min-height: 70px;
}
.minh-8 {
    min-height: 80px;
}
.minh-10 {
    min-height: 100px;
}
.minh-11 {
    min-height: 110px;
}
.minh-12 {
    min-height: 120px;
}
.minh-15 {
    min-height: 150px;
}
.minh-20 {
    min-height: 200px;
}
.minh-25 {
    min-height: 250px;
}
.minh-30 {
    min-height: 300px;
}
.minh-304 {
    min-height: 304px;
}
.minh-33 {
    min-height: 330px;
}
.minh-35 {
    min-height: 350px;
}
.minh-40 {
    min-height: 400px;
}
.minh-41 {
    min-height: 410px;
}
.minh-43 {
    min-height: 430px;
}
.minh-44 {
    min-height: 440px;
}
.minh-45 {
    min-height: 450px;
}
.minh-454 {
    min-height: 454px;
}
.minh-464 {
    min-height: 464px;
}
.minh-475 {
    min-height: 475px;
}
.minh-50 {
    min-height: 500px;
}
.minh-525 {
    min-height: 525px;
}
.minh-539 {
    min-height: 539px;
}
.minh-55 {
    min-height: 550px;
}
.minh-60 {
    min-height: 600px;
}
.minh-63 {
    min-height: 630px;
}
.minh-65 {
    min-height: 650px;
}
.minh-68 {
    min-height: 680px;
}
.minh-70 {
    min-height: 700px;
}
.minh-75 {
    min-height: 750px;
}
.minh-80 {
    min-height: 800px;
}
.minh-83 {
    min-height: 830px;
}
.minh-85 {
    min-height: 850px;
}
.minh-90 {
    min-height: 900px;
}
.minh-95 {
    min-height: 950px;
}
.minh-1k {
    min-height: 1000px;
}
.minh-1k25 {
    min-height: 1250px;
}
.minh-100 {
    min-height: auto;
}

.maxh-2 {
    max-height: 20px;
}
.maxh-3 {
    max-height: 30px;
}
.maxh-4 {
    max-height: 46px;
}
.maxh-5 {
    max-height: 50px;
}
.maxh-5_2 {
    max-height: 52px;
}
.maxh-8 {
    max-height: 80px;
}
.maxh-10 {
    max-height: 100px;
}
.maxh-13 {
    max-height: 130px;
}
.maxh-15 {
    max-height: 150px;
}
.maxh-16 {
    max-height: 160px;
}
.maxh-20 {
    max-height: 200px;
}
.maxh-25 {
    max-height: 250px;
}
.maxh-26 {
    max-height: 260px;
}
.maxh-30 {
    max-height: 300px;
}
.maxh-304 {
    max-height: 304px;
}
.maxh-32 {
    max-height: 320px;
}
.maxh-33 {
    max-height: 330px;
}
.maxh-35 {
    max-height: 350px;
}
.maxh-40 {
    max-height: 400px;
}
.maxh-41 {
    max-height: 410px;
}
.maxh-43 {
    max-height: 430px;
}
.maxh-44 {
    max-height: 440px;
}
.maxh-45 {
    max-height: 450px;
}
.maxh-454 {
    max-height: 454px;
}
.maxh-464 {
    max-height: 464px;
}
.maxh-475 {
    max-height: 475px;
}
.maxh-50 {
    max-height: 500px;
}
.maxh-525 {
    max-height: 525px;
}
.maxh-539 {
    max-height: 539px;
}
.maxh-55 {
    max-height: 550px;
}
.maxh-60 {
    max-height: 600px;
}
.maxh-63 {
    max-height: 630px;
}
.maxh-65 {
    max-height: 650px;
}
.maxh-66 {
    max-height: 660px;
}
.maxh-68 {
    max-height: 680px;
}
.maxh-70 {
    max-height: 700px;
}
.maxh-75 {
    max-height: 750px;
}
.maxh-80 {
    max-height: 800px;
}
.maxh-83 {
    max-height: 830px;
}
.maxh-85 {
    max-height: 850px;
}
.maxh-90 {
    max-height: 900px;
}
.maxh-1k {
    max-height: 1000px;
}
.maxh-100 {
    max-height: auto;
}

.minw-2o0 {
    min-width: 20px;
}
.minw-2o4 {
    min-width: 24px;
}
.minw-2o6 {
    min-width: 26px;
}
.minw-3o4 {
    min-width: 34px;
}
.minw-3o5 {
    min-width: 35px;
}
.minw-3 {
    min-width: 30px;
}
.minw-4 {
    min-width: 40px;
}
.minw-5 {
    min-width: 50px;
}
.minw-6 {
    min-width: 60px;
}
.minw-7 {
    min-width: 70px;
}
.minw-8 {
    min-width: 80px;
}
.minw-8-2 {
    min-width: 82px;
}
.minw-9 {
    min-width: 90px;
}
.minw-10 {
    min-width: 100px;
}
.minw-13 {
    min-width: 130px;
}
.minw-16 {
    min-width: 160px;
}
.minw-17 {
    min-width: 170px;
}
.minw-18 {
    min-width: 180px;
}
.minw-20 {
    min-width: 200px;
}
.minw-22 {
    min-width: 220px;
}
.minw-24 {
    min-width: 240px;
}
.minw-25 {
    min-width: 250px;
}
.minw-28 {
    min-width: 280px;
}
.minw-29 {
    min-width: 290px;
}
.minw-30 {
    min-width: 300px;
}
.minw-31 {
    min-width: 310px;
}
.minw-32 {
    min-width: 320px;
}
.minw-35 {
    min-width: 350px;
}
.minw-40 {
    min-width: 400px;
}
.minw-43 {
    min-width: 430px;
}
.minw-45 {
    min-width: 450px;
}
.minw-50 {
    min-width: 500px;
}
.minw-55 {
    min-width: 550px;
}
.minw-574 {
    min-width: 574px;
}
.minw-60 {
    min-width: 600px;
}
.minw-65 {
    min-width: 650px;
}
.minw-70 {
    min-width: 700px;
}
.minw-75 {
    min-width: 750px;
}
.minw-80 {
    min-width: 800px;
}
.minw-85 {
    min-width: 850px;
}
.minw-90 {
    min-width: 900px;
}
.minw-10p {
    min-width: 100%;
}
.minw-100 {
    min-width: auto;
}

.maxw-2 {
    max-width: 20px;
}
.maxw-3 {
    max-width: 30px;
}
.maxw-3-5 {
    max-width: 35px;
}
.maxw-4 {
    max-width: 40px;
}
.maxw-5 {
    max-width: 50px;
}
.maxw-6 {
    max-width: 60px;
}
.maxw-7 {
    max-width: 70px;
}
.maxw-8 {
    max-width: 80px;
}
.maxw-10 {
    max-width: 100px;
}
.maxw-13 {
    max-width: 130px;
}
.maxw-15 {
    max-width: 150px;
}
.maxw-16 {
    max-width: 160px;
}
.maxw-17 {
    max-width: 170px;
}
.maxw-20 {
    max-width: 200px;
}
.maxw-235 {
    max-width: 235px;
}
.maxw-25 {
    max-width: 250px;
}
.maxw-28 {
    max-width: 280px;
}
.maxw-30 {
    max-width: 300px;
}
.maxw-32 {
    max-width: 320px;
}
.maxw-322 {
    max-width: 322px;
}
.maxw-332 {
    max-width: 332px;
}
.maxw-35 {
    max-width: 350px;
}
.maxw-40 {
    max-width: 400px;
}
.maxw-45 {
    max-width: 450px;
}
.maxw-46 {
    max-width: 460px;
}
.maxw-50 {
    max-width: 500px;
}
.maxw-55 {
    max-width: 550px;
}
.maxw-60 {
    max-width: 600px;
}
.maxw-64 {
    max-width: 640px;
}
.maxw-65 {
    max-width: 650px;
}
.maxw-665 {
    max-width: 665px;
}
.maxw-70 {
    max-width: 700px;
}
.maxw-72 {
    max-width: 720px;
}
.maxw-75 {
    max-width: 750px;
}
.maxw-80 {
    max-width: 800px;
}
.maxw-90 {
    max-width: 900px;
}
.maxw-100 {
    max-width: auto;
}
.maxw-100p {
    max-width: 100%;
}

.hh-2 {
    height: 2px;
}
.hh-3 {
    height: 3px;
}
.hh-4 {
    height: 4px;
}
.hh-21 {
    height: 21px;
}
.hh-22 {
    height: 22px;
}
.hh-25 {
    height: 25px;
}
.hh-30 {
    height: 30px;
}
.hh-40 {
    height: 40px;
}
.hh-45 {
    height: 45px;
}
.hh-50 {
    height: 50px;
}
.hh-70 {
    height: 70px;
}
.hh-80 {
    height: 80px;
}
.hh-90 {
    height: 90px;
}
.hh-100 {
    height: 100px;
}
.hh-110 {
    height: 110px;
}
.hh-115 {
    height: 115px;
}
.hh-120 {
    height: 120px;
}
.hh-150 {
    height: 150px;
}
.hh-210 {
    height: 210px;
}
.hh-240 {
    height: 240px;
}
.ww-2 {
    width: 2px;
}
.ww-3 {
    width: 3px;
}
.ww-25 {
    width: 25px;
}
.ww-30 {
    width: 30px;
}
.ww-40 {
    width: 40px;
}
.ww-70 {
    width: 70px;
}
.ww-120 {
    width: 120px;
}
.ww-150 {
    width: 150px;
}

.z-ind01 {
    z-index: -1;
}
.z-ind1 {
    z-index: 1;
}
.z-ind2 {
    z-index: 2;
}
.z-ind3 {
    z-index: 3;
}
.z-ind4 {
    z-index: 4;
}
.z-ind5 {
    z-index: 5;
}
.z-ind6 {
    z-index: 6;
}
.z-ind7 {
    z-index: 7;
}
.z-ind8 {
    z-index: 8;
}
.z-ind9 {
    z-index: 9;
}
.z-ind10 {
    z-index: 10;
}
.z-ind98 {
    z-index: 98;
}
.z-ind99 {
    z-index: 99;
}
.z-ind100 {
    z-index: 100;
}
.z-ind101 {
    z-index: 101;
}
.z-ind1000 {
    z-index: 1000;
}
.z-ind1001 {
    z-index: 1001;
}
.z-ind1002 {
    z-index: 1002;
}
.z-ind9999 {
    z-index: 9999;
}
.z-ind99999 {
    z-index: 99999;
}

.crop6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
}
.crop5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
}
.crop4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
}
.crop3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
}
.crop2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
}
.crop1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
}

.line-clamp {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;

    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important;
}
.line-clamp:after {
    content: "...";
    text-align: right;
    bottom: 0;
    right: 0;
    width: 25%;
    display: block;
    position: absolute;
    height: calc(1em * 1.8);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
}
@supports (-webkit-line-clamp: 1) {
    .line-clamp:after {
        display: none !important;
    }
}
.line-clamp-1 {
    -webkit-line-clamp: 1;
    height: calc(1em * 1.8 * 1);
}
.line-clamp-2 {
    -webkit-line-clamp: 2;
    height: calc(1em * 1.8 * 2);
}
.line-clamp-3 {
    -webkit-line-clamp: 3;
    height: calc(1em * 1.8 * 3);
}
.line-clamp-4 {
    -webkit-line-clamp: 4;
    height: calc(1em * 1.8 * 4);
}
.line-clamp-5 {
    -webkit-line-clamp: 5;
    height: calc(1em * 1.8 * 5);
}

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

@media (min-width: 992px) {
    .lg-show {
        display: none;
    }
}

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

@media (min-width: 576px) {
    .sm-show {
        display: none;
    }
}

@media (max-width: 1325px) {
    .xxl-col-100 {
        width: 100%;
        height: auto !important;
    }

    .xxl-px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .xxl-hide {
        display: none;
    }

    .xxl-float-left {
        float: left;
    }
    .xxl-float-right {
        float: right;
    }
    .xxl-float-none {
        float: none;
    }

    .xxl-align-left {
        text-align: left;
    }
    .xxl-align-right {
        text-align: right;
    }

    .xxl-pos-abs {
        position: absolute;
    }
    .xxl-pos-rel {
        position: relative;
    }
    .xxl-pos-fix {
        position: fixed;
    }

    .xxl-pin-lt {
        left: 0;
        top: 0;
    }
    .xxl-pin-rt {
        right: 0;
        top: 0;
    }
    .xxl-pin-lb {
        left: 0;
        bottom: 0;
    }
    .xxl-pin-rb {
        right: 0;
        bottom: 0;
    }

    .xxl-pos-abs {
        position: absolute;
    }
    .xxl-pos-rel {
        position: relative;
    }
    .xxl-pos-fix {
        position: fixed;
    }

    .xxl-bg-no {
        background: none;
    }

    .xxl-overflow-x {
        overflow: hidden;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .xxl-hvisib {
        visibility: hidden;
    }
    .xxl-svisib {
        visibility: visible;
    }

    .xxl-col-count0 {
        -moz-column-count: auto;
        -webkit-column-count: auto;
        column-count: auto;
    }
    .xxl-col-count1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .xxl-col-count2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .xxl-col-count3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    .xxl-col-1 {
        width: 8.333333%;
    }
    .xxl-col-2 {
        width: 16.666667%;
    }
    .xxl-col-3 {
        width: 25%;
    }
    .xxl-col-4 {
        width: 33.333333%;
    }
    .xxl-col-5 {
        width: 41.666667%;
    }
    .xxl-col-6 {
        width: 50%;
    }
    .xxl-col-7 {
        width: 58.333333%;
    }
    .xxl-col-8 {
        width: 66.666667%;
    }
    .xxl-col-9 {
        width: 75%;
    }
    .xxl-col-10 {
        width: 83.333333%;
    }
    .xxl-col-11 {
        width: 91.666667%;
    }
    .xxl-col-12 {
        width: 100%;
    }
    .xxl-col-100 {
        width: 100%;
    }
    .xxl-col-a {
        width: auto;
    }

    .xxl-colm-1 {
        max-width: 8.333333%;
    }
    .xxl-colm-2 {
        max-width: 16.666667%;
    }
    .xxl-colm-3 {
        max-width: 25%;
    }
    .xxl-colm-4 {
        max-width: 33.333333%;
    }
    .xxl-colm-5 {
        max-width: 41.666667%;
    }
    .xxl-colm-6 {
        max-width: 50%;
    }
    .xxl-colm-7 {
        max-width: 58.333333%;
    }
    .xxl-colm-8 {
        max-width: 66.666667%;
    }
    .xxl-colm-9 {
        max-width: 75%;
    }
    .xxl-colm-10 {
        max-width: 83.333333%;
    }
    .xxl-colm-11 {
        max-width: 91.666667%;
    }
    .xxl-colm-12 {
        max-width: 100%;
    }

    .xxl-colh-1 {
        height: 8.333333%;
    }
    .xxl-colh-2 {
        height: 16.666667%;
    }
    .xxl-colh-3 {
        height: 25%;
    }
    .xxl-colh-4 {
        height: 33.333333%;
    }
    .xxl-colh-5 {
        height: 41.666667%;
    }
    .xxl-colh-6 {
        height: 50%;
    }
    .xxl-colh-7 {
        height: 58.333333%;
    }
    .xxl-colh-8 {
        height: 66.666667%;
    }
    .xxl-colh-9 {
        height: 75%;
    }
    .xxl-colh-10 {
        height: 83.333333%;
    }
    .xxl-colh-11 {
        height: 91.666667%;
    }
    .xxl-colh-12 {
        height: 100%;
    }

    .xxl-mb-o5,
    .xxl-my-o5 {
        margin-bottom: -5px;
    }
    .xxl-mb-o10,
    .xxl-my-o10 {
        margin-bottom: -10px;
    }
    .xxl-mb-o15,
    .xxl-my-o15 {
        margin-bottom: -15px;
    }
    .xxl-mb-o20,
    .xxl-my-o20 {
        margin-bottom: -20px;
    }
    .xxl-mb-o30,
    .xxl-my-o30 {
        margin-bottom: -30px;
    }
    .xxl-mb-o40,
    .xxl-my-o40 {
        margin-bottom: -40px;
    }
    .xxl-mb-o50,
    .xxl-my-o50 {
        margin-bottom: -50px;
    }
    .xxl-mb-o100,
    .xxl-my-o100 {
        margin-bottom: -100px;
    }

    .xxl-mt-o5,
    .xxl-my-o5 {
        margin-top: -5px;
    }
    .xxl-mt-o10,
    .xxl-my-o10 {
        margin-top: -10px;
    }
    .xxl-mt-o15,
    .xxl-my-o15 {
        margin-top: -15px;
    }
    .xxl-mt-o20,
    .xxl-my-o20 {
        margin-top: -20px;
    }
    .xxl-mt-o30,
    .xxl-my-o30 {
        margin-top: -30px;
    }
    .xxl-mt-o40,
    .xxl-my-o40 {
        margin-top: -40px;
    }
    .xxl-mt-o50,
    .xxl-my-o50 {
        margin-top: -50px;
    }
    .xxl-mt-o100,
    .xxl-my-o100 {
        margin-top: -100px;
    }

    .xxl-ml-o5,
    .xxl-mx-o5 {
        margin-left: -5px;
    }
    .xxl-ml-o10,
    .xxl-mx-o10 {
        margin-left: -10px;
    }
    .xxl-ml-o15,
    .xxl-mx-o15 {
        margin-left: -15px;
    }
    .xxl-ml-o20,
    .xxl-mx-o20 {
        margin-left: -20px;
    }
    .xxl-ml-o30,
    .xxl-mx-o30 {
        margin-left: -30px;
    }
    .xxl-ml-o35,
    .xxl-mx-o35 {
        margin-left: -35px;
    }
    .xxl-ml-o40,
    .xxl-mx-o40 {
        margin-left: -40px;
    }
    .xxl-ml-o50,
    .xxl-mx-o50 {
        margin-left: -50px;
    }
    .xxl-ml-o100,
    .xxl-mx-o100 {
        margin-left: -100px;
    }

    .xxl-mr-o5,
    .xxl-mx-o5 {
        margin-right: -5px;
    }
    .xxl-mr-o10,
    .xxl-mx-o10 {
        margin-right: -10px;
    }
    .xxl-mr-o15,
    .xxl-mx-o15 {
        margin-right: -15px;
    }
    .xxl-mr-o20,
    .xxl-mx-o20 {
        margin-right: -20px;
    }
    .xxl-mr-o30,
    .xxl-mx-o30 {
        margin-right: -30px;
    }
    .xxl-mr-o35,
    .xxl-mx-o35 {
        margin-right: -35px;
    }
    .xxl-mr-o40,
    .xxl-mx-o40 {
        margin-right: -40px;
    }
    .xxl-mr-o50,
    .xxl-mx-o50 {
        margin-right: -50px;
    }
    .xxl-mr-o100,
    .xxl-mx-o100 {
        margin-right: -100px;
    }

    .xxl-mt-0,
    .xxl-my-0 {
        margin-top: 0px;
    }
    .xxl-mt-5,
    .xxl-my-5 {
        margin-top: 5px;
    }
    .xxl-mt-10,
    .xxl-my-10 {
        margin-top: 10px;
    }
    .xxl-mt-15,
    .xxl-my-15 {
        margin-top: 15px;
    }
    .xxl-mt-20,
    .xxl-my-20 {
        margin-top: 20px;
    }
    .xxl-mt-30,
    .xxl-my-30 {
        margin-top: 30px;
    }
    .xxl-mt-40,
    .xxl-my-40 {
        margin-top: 40px;
    }
    .xxl-mt-50,
    .xxl-my-50 {
        margin-top: 50px;
    }
    .xxl-mt-60,
    .xxl-my-60 {
        margin-top: 60px;
    }
    .xxl-mt-70,
    .xxl-my-70 {
        margin-top: 70px;
    }
    .xxl-mt-80,
    .xxl-my-80 {
        margin-top: 80px;
    }
    .xxl-mt-85,
    .xxl-my-85 {
        margin-top: 85px;
    }
    .xxl-mt-90,
    .xxl-my-90 {
        margin-top: 90px;
    }
    .xxl-mt-100,
    .xxl-my-100 {
        margin-top: 100px;
    }

    .xxl-mb-0,
    .xxl-my-0 {
        margin-bottom: 0px;
    }
    .xxl-mb-5,
    .xxl-my-5 {
        margin-bottom: 5px;
    }
    .xxl-mb-10,
    .xxl-my-10 {
        margin-bottom: 10px;
    }
    .xxl-mb-15,
    .xxl-my-15 {
        margin-bottom: 15px;
    }
    .xxl-mb-20,
    .xxl-my-20 {
        margin-bottom: 20px;
    }
    .xxl-mb-30,
    .xxl-my-30 {
        margin-bottom: 30px;
    }
    .xxl-mb-40,
    .xxl-my-40 {
        margin-bottom: 40px;
    }
    .xxl-mb-50,
    .xxl-my-50 {
        margin-bottom: 50px;
    }
    .xxl-mb-60,
    .xxl-my-60 {
        margin-bottom: 60px;
    }
    .xxl-mb-70,
    .xxl-my-70 {
        margin-bottom: 70px;
    }
    .xxl-mb-80,
    .xxl-my-80 {
        margin-bottom: 80px;
    }
    .xxl-mb-85,
    .xxl-my-85 {
        margin-bottom: 85px;
    }
    .xxl-mb-90,
    .xxl-my-90 {
        margin-bottom: 90px;
    }
    .xxl-mb-100,
    .xxl-my-100 {
        margin-bottom: 100px;
    }

    .xxl-mr-0,
    .xxl-mx-0 {
        margin-right: 0px;
    }
    .xxl-mr-5,
    .xxl-mx-5 {
        margin-right: 5px;
    }
    .xxl-mr-10,
    .xxl-mx-10 {
        margin-right: 10px;
    }
    .xxl-mr-15,
    .xxl-mx-15 {
        margin-right: 15px;
    }
    .xxl-mr-20,
    .xxl-mx-20 {
        margin-right: 20px;
    }
    .xxl-mr-30,
    .xxl-mx-30 {
        margin-right: 30px;
    }
    .xxl-mr-40,
    .xxl-mx-40 {
        margin-right: 40px;
    }
    .xxl-mr-50,
    .xxl-mx-50 {
        margin-right: 50px;
    }
    .xxl-mr-60,
    .xxl-mx-60 {
        margin-right: 60px;
    }
    .xxl-mr-70,
    .xxl-mx-70 {
        margin-right: 70px;
    }
    .xxl-mr-80,
    .xxl-mx-80 {
        margin-right: 80px;
    }
    .xxl-mr-85,
    .xxl-mx-85 {
        margin-right: 85px;
    }
    .xxl-mr-90,
    .xxl-mx-90 {
        margin-right: 90px;
    }
    .xxl-mr-100,
    .xxl-mx-100 {
        margin-right: 100px;
    }

    .xxl-ml-0,
    .xxl-mx-0 {
        margin-left: 0px;
    }
    .xxl-ml-5,
    .xxl-mx-5 {
        margin-left: 5px;
    }
    .xxl-ml-10,
    .xxl-mx-10 {
        margin-left: 10px;
    }
    .xxl-ml-15,
    .xxl-mx-15 {
        margin-left: 15px;
    }
    .xxl-ml-20,
    .xxl-mx-20 {
        margin-left: 20px;
    }
    .xxl-ml-30,
    .xxl-mx-30 {
        margin-left: 30px;
    }
    .xxl-ml-40,
    .xxl-mx-40 {
        margin-left: 40px;
    }
    .xxl-ml-50,
    .xxl-mx-50 {
        margin-left: 50px;
    }
    .xxl-ml-60,
    .xxl-mx-60 {
        margin-left: 60px;
    }
    .xxl-ml-70,
    .xxl-mx-70 {
        margin-left: 70px;
    }
    .xxl-ml-80,
    .xxl-mx-80 {
        margin-left: 80px;
    }
    .xxl-ml-85,
    .xxl-mx-85 {
        margin-left: 85px;
    }
    .xxl-ml-90,
    .xxl-mx-90 {
        margin-left: 90px;
    }
    .xxl-ml-100,
    .xxl-mx-100 {
        margin-left: 100px;
    }

    .xxl-pt-0,
    .xxl-py-0 {
        padding-top: 0px;
    }
    .xxl-pt-5,
    .xxl-py-5 {
        padding-top: 5px;
    }
    .xxl-pt-10,
    .xxl-py-10 {
        padding-top: 10px;
    }
    .xxl-pt-15,
    .xxl-py-15 {
        padding-top: 15px;
    }
    .xxl-pt-20,
    .xxl-py-20 {
        padding-top: 20px;
    }
    .xxl-pt-25,
    .xxl-py-25 {
        padding-top: 25px;
    }
    .xxl-pt-30,
    .xxl-py-30 {
        padding-top: 30px;
    }
    .xxl-pt-35,
    .xxl-py-35 {
        padding-top: 35px;
    }
    .xxl-pt-40,
    .xxl-py-40 {
        padding-top: 40px;
    }
    .xxl-pt-50,
    .xxl-py-50 {
        padding-top: 50px;
    }
    .xxl-pt-60,
    .xxl-py-60 {
        padding-top: 60px;
    }
    .xxl-pt-70,
    .xxl-py-70 {
        padding-top: 70px;
    }
    .xxl-pt-80,
    .xxl-py-80 {
        padding-top: 80px;
    }
    .xxl-pt-100,
    .xxl-py-100 {
        padding-top: 100px;
    }
    .xxl-pt-150,
    .xxl-py-150 {
        padding-top: 150px;
    }

    .xxl-pb-0,
    .xxl-py-0 {
        padding-bottom: 0px;
    }
    .xxl-pb-5,
    .xxl-py-5 {
        padding-bottom: 5px;
    }
    .xxl-pb-10,
    .xxl-py-10 {
        padding-bottom: 10px;
    }
    .xxl-pb-15,
    .xxl-py-15 {
        padding-bottom: 15px;
    }
    .xxl-pb-20,
    .xxl-py-20 {
        padding-bottom: 20px;
    }
    .xxl-pb-25,
    .xxl-py-25 {
        padding-bottom: 25px;
    }
    .xxl-pb-30,
    .xxl-py-30 {
        padding-bottom: 30px;
    }
    .xxl-pb-40,
    .xxl-py-40 {
        padding-bottom: 40px;
    }
    .xxl-pb-50,
    .xxl-py-50 {
        padding-bottom: 50px;
    }
    .xxl-pb-60,
    .xxl-py-60 {
        padding-bottom: 60px;
    }
    .xxl-pb-70,
    .xxl-py-70 {
        padding-bottom: 70px;
    }
    .xxl-pb-80,
    .xxl-py-80 {
        padding-bottom: 80px;
    }
    .xxl-pb-100,
    .xxl-py-100 {
        padding-bottom: 100px;
    }
    .xxl-pb-150,
    .xxl-py-150 {
        padding-bottom: 150px;
    }

    .xxl-pl-0,
    .xxl-px-0 {
        padding-left: 0px;
    }
    .xxl-pl-5,
    .xxl-px-5 {
        padding-left: 5px;
    }
    .xxl-pl-10,
    .xxl-px-10 {
        padding-left: 10px;
    }
    .xxl-pl-15,
    .xxl-px-15 {
        padding-left: 15px;
    }
    .xxl-pl-20,
    .xxl-px-20 {
        padding-left: 20px;
    }
    .xxl-pl-25,
    .xxl-px-25 {
        padding-left: 25px;
    }
    .xxl-pl-30,
    .xxl-px-30 {
        padding-left: 30px;
    }
    .xxl-pl-40,
    .xxl-px-40 {
        padding-left: 40px;
    }
    .xxl-pl-50,
    .xxl-px-50 {
        padding-left: 50px;
    }
    .xxl-pl-60,
    .xxl-px-60 {
        padding-left: 60px;
    }
    .xxl-pl-70,
    .xxl-px-70 {
        padding-left: 70px;
    }
    .xxl-pl-80,
    .xxl-px-80 {
        padding-left: 80px;
    }
    .xxl-pl-90,
    .xxl-px-90 {
        padding-left: 90px;
    }
    .xxl-pl-100,
    .xxl-px-100 {
        padding-left: 100px;
    }
    .xxl-pl-150,
    .xxl-px-150 {
        padding-left: 150px;
    }

    .xxl-pr-0,
    .xxl-px-0 {
        padding-right: 0px;
    }
    .xxl-pr-5,
    .xxl-px-5 {
        padding-right: 5px;
    }
    .xxl-pr-10,
    .xxl-px-10 {
        padding-right: 10px;
    }
    .xxl-pr-15,
    .xxl-px-15 {
        padding-right: 15px;
    }
    .xxl-pr-20,
    .xxl-px-20 {
        padding-right: 20px;
    }
    .xxl-pr-25,
    .xxl-px-25 {
        padding-right: 25px;
    }
    .xxl-pr-30,
    .xxl-px-30 {
        padding-right: 30px;
    }
    .xxl-pr-40,
    .xxl-px-40 {
        padding-right: 40px;
    }
    .xxl-pr-50,
    .xxl-px-50 {
        padding-right: 50px;
    }
    .xxl-pr-60,
    .xxl-px-60 {
        padding-right: 60px;
    }
    .xxl-pr-70,
    .xxl-px-70 {
        padding-right: 70px;
    }
    .xxl-pr-80,
    .xxl-px-80 {
        padding-right: 80px;
    }
    .xxl-pr-90,
    .xxl-px-90 {
        padding-right: 90px;
    }
    .xxl-pr-100,
    .xxl-px-100 {
        padding-right: 100px;
    }
    .xxl-pr-150,
    .xxl-px-150 {
        padding-right: 150px;
    }

    .xxl-offl-0,
    .xxl-offx-0 {
        margin-left: 0;
    }
    .xxl-offl-l,
    .xxl-offx-l {
        margin-left: 8.333333%;
    }
    .xxl-offl-2,
    .xxl-offx-2 {
        margin-left: 16.666667%;
    }
    .xxl-offl-3,
    .xxl-offx-3 {
        margin-left: 25%;
    }
    .xxl-offl-4,
    .xxl-offx-4 {
        margin-left: 33.333333%;
    }
    .xxl-offl-5,
    .xxl-offx-5 {
        margin-left: 41.666667%;
    }
    .xxl-offl-6,
    .xxl-offx-6 {
        margin-left: 50%;
    }

    .xxl-offr-0,
    .xxl-offx-0 {
        margin-right: 0%;
    }
    .xxl-offr-l,
    .xxl-offx-1 {
        margin-right: 8.333333%;
    }
    .xxl-offr-2,
    .xxl-offx-2 {
        margin-right: 16.666667%;
    }
    .xxl-offr-3,
    .xxl-offx-3 {
        margin-right: 25%;
    }
    .xxl-offr-4,
    .xxl-offx-4 {
        margin-right: 33.333333%;
    }
    .xxl-offr-5,
    .xxl-offx-5 {
        margin-right: 41.666667%;
    }
    .xxl-offr-6,
    .xxl-offx-6 {
        margin-right: 50%;
    }

    .xxl-fnts-0 {
        font-size: 0px;
    }
    .xxl-fnts-10 {
        font-size: 10px;
    }
    .xxl-fnts-12 {
        font-size: 12px;
    }
    .xxl-fnts-13 {
        font-size: 13px;
    }
    .xxl-fnts-14 {
        font-size: 14px;
    }
    .xxl-fnts-15 {
        font-size: 15px;
    }
    .xxl-fnts-16 {
        font-size: 16px;
    }
    .xxl-fnts-18 {
        font-size: 17px;
    }
    .xxl-fnts-20 {
        font-size: 20px;
    }
    .xxl-fnts-22 {
        font-size: 22px;
    }
    .xxl-fnts-24 {
        font-size: 24px;
    }
    .xxl-fnts-26 {
        font-size: 26px;
    }
    .xxl-fnts-28 {
        font-size: 28px;
    }
    .xxl-fnts-30 {
        font-size: 30px;
    }
    .xxl-fnts-32 {
        font-size: 32px;
    }
    .xxl-fnts-34 {
        font-size: 34px;
    }
    .xxl-fnts-36 {
        font-size: 36px;
    }
    .xxl-fnts-40 {
        font-size: 40px;
    }
    .xxl-fnts-42 {
        font-size: 42px;
    }
    .xxl-fnts-45 {
        font-size: 45px;
    }
    .xxl-fnts-48 {
        font-size: 48px;
    }
    .xxl-fnts-52 {
        font-size: 52px;
    }
    .xxl-fnts-54 {
        font-size: 54px;
    }
    .xxl-fnts-56 {
        font-size: 56px;
    }
    .xxl-fnts-60 {
        font-size: 60px;
    }
    .xxl-fnts-72 {
        font-size: 72px;
    }
    .xxl-fnts-80 {
        font-size: 80px;
    }
    .xxl-fnts-120 {
        font-size: 120px;
    }
    .xxl-fnts-150 {
        font-size: 150px;
    }

    .xxl-fntlh-0 {
        line-height: 12px;
    }
    .xxl-fntlh-12 {
        line-height: 12px;
    }
    .xxl-fntlh-14 {
        line-height: 14px;
    }
    .xxl-fntlh-16 {
        line-height: 16px;
    }
    .xxl-fntlh-18 {
        line-height: 18px;
    }
    .xxl-fntlh-20 {
        line-height: 20px;
    }
    .xxl-fntlh-22 {
        line-height: 22px;
    }
    .xxl-fntlh-24 {
        line-height: 24px;
    }
    .xxl-fntlh-26 {
        line-height: 26px;
    }
    .xxl-fntlh-28 {
        line-height: 28px;
    }
    .xxl-fntlh-30 {
        line-height: 30px;
    }
    .xxl-fntlh-32 {
        line-height: 32px;
    }
    .xxl-fntlh-34 {
        line-height: 34px;
    }
    .xxl-fntlh-38 {
        line-height: 38px;
    }
    .xxl-fntlh-40 {
        line-height: 40px;
    }
    .xxl-fntlh-44 {
        line-height: 44px;
    }
    .xxl-fntlh-45 {
        line-height: 45px;
    }
    .xxl-fntlh-50 {
        line-height: 50px;
    }
    .xxl-fntlh-52 {
        line-height: 52px;
    }
    .xxl-fntlh-55 {
        line-height: 55px;
    }
    .xxl-fntlh-60 {
        line-height: 60px;
    }
    .xxl-fntlh-70 {
        line-height: 70px;
    }
    .xxl-fntlh-80 {
        line-height: 80px;
    }
    .xxl-fntlh-120 {
        line-height: 120px;
    }
    .xxl-fntlh-150 {
        line-height: 150px;
    }

    .xxl-minh-10 {
        min-height: 100px;
    }
    .xxl-minh-15 {
        min-height: 150px;
    }
    .xxl-minh-20 {
        min-height: 200px;
    }
    .xxl-minh-25 {
        min-height: 250px;
    }
    .xxl-minh-30 {
        min-height: 300px;
    }
    .xxl-minh-35 {
        min-height: 350px;
    }
    .xxl-minh-40 {
        min-height: 400px;
    }
    .xxl-minh-45 {
        min-height: 450px;
    }
    .xxl-minh-50 {
        min-height: 500px;
    }
    .xxl-minh-55 {
        min-height: 550px;
    }
    .xxl-minh-60 {
        min-height: 600px;
    }
    .xxl-minh-65 {
        min-height: 650px;
    }
    .xxl-minh-70 {
        min-height: 700px;
    }
    .xxl-minh-75 {
        min-height: 750px;
    }
    .xxl-minh-80 {
        min-height: 800px;
    }
    .xxl-minh-90 {
        min-height: 900px;
    }
    .xxl-minh-100 {
        min-height: auto;
    }
}

@media screen and (max-width: 1200px) {
    .xl-hh-20 {
        height: 20px;
    }
    .xl-hh-25 {
        height: 25px;
    }
    .xl-hh-30 {
        height: 30px;
    }
    .xl-hh-35 {
        height: 35px;
    }
    .xl-hh-40 {
        height: 40px;
    }
    .xl-hh-70 {
        height: 70px;
    }
    .xl-hh-120 {
        height: 120px;
    }
    .xl-hh-150 {
        height: 150px;
    }
    .xl-ww-25 {
        width: 25px;
    }
    .xl-ww-30 {
        width: 30px;
    }
    .xl-ww-40 {
        width: 40px;
    }
    .xl-ww-70 {
        width: 70px;
    }
    .xl-ww-120 {
        width: 120px;
    }
    .xl-ww-150 {
        width: 150px;
    }

    .xl-colh-vh50 {
        height: 50vh;
    }
    .xl-colh-vh60 {
        height: 60vh;
    }
    .xl-colh-vh70 {
        height: 70vh;
    }
    .xl-colh-vh80 {
        height: 80vh;
    }
    .xl-colh-vh90 {
        height: 90vh;
    }
    .xl-colh-vh95 {
        height: 95vh;
    }
    .xl-colh-vh100 {
        height: 100vh;
    }

    .xl-col-100 {
        width: 100%;
        height: auto !important;
    }

    .xl-px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .xl-hide {
        display: none;
    }

    .xl-maxw-100p {
        max-width: 100%;
    }

    .xl-float-left {
        float: left;
    }
    .xl-float-right {
        float: right;
    }
    .xl-float-none {
        float: none;
    }

    .xl-align-left {
        text-align: left;
    }
    .xl-align-right {
        text-align: right;
    }

    .xl-pos-abs {
        position: absolute;
    }
    .xl-pos-rel {
        position: relative;
    }
    .xl-pos-fix {
        position: fixed;
    }

    .xl-pin-lt {
        left: 0;
        top: 0;
    }
    .xl-pin-rt {
        right: 0;
        top: 0;
    }
    .xl-pin-lb {
        left: 0;
        bottom: 0;
    }
    .xl-pin-rb {
        right: 0;
        bottom: 0;
    }

    .xl-pos-abs {
        position: absolute;
    }
    .xl-pos-rel {
        position: relative;
    }
    .xl-pos-fix {
        position: fixed;
    }

    .xl-bg-no {
        background: none;
    }

    .xl-overflow-x {
        overflow: hidden;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .xl-pl-0,
    .xl-px-0 {
        padding-left: 0px;
    }
    .xl-pr-0,
    .xl-px-0 {
        padding-right: 0px;
    }

    .xl-hvisib {
        visibility: hidden;
    }
    .xl-svisib {
        visibility: visible;
    }

    .xl-col-count0 {
        -moz-column-count: auto;
        -webkit-column-count: auto;
        column-count: auto;
    }
    .xl-col-count1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .xl-col-count2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .xl-col-count3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    .xl-col-1 {
        width: 8.333333%;
    }
    .xl-col-2 {
        width: 16.666667%;
    }
    .xl-col-3 {
        width: 25%;
    }
    .xl-col-4 {
        width: 33.333333%;
    }
    .xl-col-5 {
        width: 41.666667%;
    }
    .xl-col-6 {
        width: 50%;
    }
    .xl-col-7 {
        width: 58.333333%;
    }
    .xl-col-8 {
        width: 66.666667%;
    }
    .xl-col-9 {
        width: 75%;
    }
    .xl-col-10 {
        width: 83.333333%;
    }
    .xl-col-11 {
        width: 91.666667%;
    }
    .xl-col-12 {
        width: 100%;
    }
    .xl-col-100 {
        width: 100%;
    }
    .xl-col-a {
        width: auto;
    }

    .xl-colm-1 {
        max-width: 8.333333%;
    }
    .xl-colm-2 {
        max-width: 16.666667%;
    }
    .xl-colm-3 {
        max-width: 25%;
    }
    .xl-colm-4 {
        max-width: 33.333333%;
    }
    .xl-colm-5 {
        max-width: 41.666667%;
    }
    .xl-colm-6 {
        max-width: 50%;
    }
    .xl-colm-7 {
        max-width: 58.333333%;
    }
    .xl-colm-8 {
        max-width: 66.666667%;
    }
    .xl-colm-9 {
        max-width: 75%;
    }
    .xl-colm-10 {
        max-width: 83.333333%;
    }
    .xl-colm-11 {
        max-width: 91.666667%;
    }
    .xl-colm-12 {
        max-width: 100%;
    }

    .xl-colh-1 {
        height: 8.333333%;
    }
    .xl-colh-2 {
        height: 16.666667%;
    }
    .xl-colh-3 {
        height: 25%;
    }
    .xl-colh-4 {
        height: 33.333333%;
    }
    .xl-colh-5 {
        height: 41.666667%;
    }
    .xl-colh-6 {
        height: 50%;
    }
    .xl-colh-7 {
        height: 58.333333%;
    }
    .xl-colh-8 {
        height: 66.666667%;
    }
    .xl-colh-9 {
        height: 75%;
    }
    .xl-colh-10 {
        height: 83.333333%;
    }
    .xl-colh-11 {
        height: 91.666667%;
    }
    .xl-colh-12 {
        height: 100%;
    }

    .xl-minh-5 {
        min-height: 50px;
    }
    .xl-minh-10 {
        min-height: 100px;
    }
    .xl-minh-20 {
        min-height: 200px;
    }
    .xl-minh-25 {
        min-height: 250px;
    }
    .xl-minh-30 {
        min-height: 300px;
    }
    .xl-minh-35 {
        min-height: 350px;
    }
    .xl-minh-40 {
        min-height: 400px;
    }
    .xl-minh-45 {
        min-height: 450px;
    }
    .xl-minh-50 {
        min-height: 500px;
    }
    .xl-minh-55 {
        min-height: 550px;
    }
    .xl-minh-60 {
        min-height: 600px;
    }
    .xl-minh-65 {
        min-height: 650px;
    }
    .xl-minh-70 {
        min-height: 700px;
    }
    .xl-minh-75 {
        min-height: 750px;
    }
    .xl-minh-80 {
        min-height: 800px;
    }
    .xl-minh-90 {
        min-height: 900px;
    }
    .xl-minh-100 {
        min-height: auto;
    }

    .xl-maxh-5 {
        max-height: 50px;
    }
    .xl-maxh-10 {
        max-height: 100px;
    }
    .xl-maxh-20 {
        max-height: 200px;
    }
    .xl-maxh-25 {
        max-height: 250px;
    }
    .xl-maxh-30 {
        max-height: 300px;
    }
    .xl-maxh-35 {
        max-height: 350px;
    }
    .xl-maxh-40 {
        max-height: 400px;
    }
    .xl-maxh-45 {
        max-height: 450px;
    }
    .xl-maxh-50 {
        max-height: 500px;
    }
    .xl-maxh-55 {
        max-height: 550px;
    }
    .xl-maxh-60 {
        max-height: 600px;
    }
    .xl-maxh-65 {
        max-height: 650px;
    }
    .xl-maxh-70 {
        max-height: 700px;
    }
    .xl-maxh-75 {
        max-height: 750px;
    }
    .xl-maxh-80 {
        max-height: 800px;
    }
    .xl-maxh-90 {
        max-height: 900px;
    }
    .xl-maxh-100 {
        max-height: auto;
    }

    .xl-maxw-5 {
        max-width: 50px;
    }
    .xl-maxw-10 {
        max-width: 100px;
    }
    .xl-maxw-20 {
        max-width: 200px;
    }
    .xl-maxw-25 {
        max-width: 250px;
    }
    .xl-maxw-30 {
        max-width: 300px;
    }
    .xl-maxw-35 {
        max-width: 350px;
    }
    .xl-maxw-40 {
        max-width: 400px;
    }
    .xl-maxw-45 {
        max-width: 450px;
    }
    .xl-maxw-50 {
        max-width: 500px;
    }
    .xl-maxw-55 {
        max-width: 550px;
    }
    .xl-maxw-60 {
        max-width: 600px;
    }
    .xl-maxw-65 {
        max-width: 650px;
    }
    .xl-maxw-70 {
        max-width: 700px;
    }
    .xl-maxw-75 {
        max-width: 750px;
    }
    .xl-maxw-80 {
        max-width: 800px;
    }
    .xl-maxw-90 {
        max-width: 900px;
    }
    .xl-maxw-100 {
        max-width: auto;
    }

    .xl-minw-5 {
        min-width: 50px;
    }
    .xl-minw-10 {
        min-width: 100px;
    }
    .xl-minw-20 {
        min-width: 200px;
    }
    .xl-minw-25 {
        min-width: 250px;
    }
    .xl-minw-30 {
        min-width: 300px;
    }
    .xl-minw-35 {
        min-width: 350px;
    }
    .xl-minw-40 {
        min-width: 400px;
    }
    .xl-minw-45 {
        min-width: 450px;
    }
    .xl-minw-50 {
        min-width: 500px;
    }
    .xl-minw-55 {
        min-width: 550px;
    }
    .xl-minw-60 {
        min-width: 600px;
    }
    .xl-minw-65 {
        min-width: 650px;
    }
    .xl-minw-70 {
        min-width: 700px;
    }
    .xl-minw-75 {
        min-width: 750px;
    }
    .xl-minw-80 {
        min-width: 800px;
    }
    .xl-minw-90 {
        min-width: 900px;
    }
    .xl-minw-100 {
        min-width: auto;
    }

    .xl-h-5 {
        height: 50px;
    }
    .xl-h-10 {
        height: 100px;
    }
    .xl-h-20 {
        height: 200px;
    }
    .xl-h-25 {
        height: 250px;
    }
    .xl-h-30 {
        height: 300px;
    }
    .xl-h-35 {
        height: 350px;
    }
    .xl-h-40 {
        height: 400px;
    }
    .xl-h-45 {
        height: 450px;
    }
    .xl-h-50 {
        height: 500px;
    }
    .xl-h-55 {
        height: 550px;
    }
    .xl-h-60 {
        height: 600px;
    }
    .xl-h-65 {
        height: 650px;
    }
    .xl-h-70 {
        height: 700px;
    }
    .xl-h-75 {
        height: 750px;
    }
    .xl-h-80 {
        height: 800px;
    }
    .xl-h-90 {
        height: 900px;
    }
    .xl-h-100 {
        height: auto;
    }

    .xl-maxh-3 {
        max-height: 30px;
    }
    .xl-maxh-10 {
        max-height: 100px;
    }
    .xl-maxh-15 {
        max-height: 150px;
    }
    .xl-maxh-20 {
        max-height: 200px;
    }
    .xl-maxh-25 {
        max-height: 250px;
    }
    .xl-maxh-30 {
        max-height: 300px;
    }
    .xl-maxh-35 {
        max-height: 350px;
    }
    .xl-maxh-40 {
        max-height: 400px;
    }
    .xl-maxh-45 {
        max-height: 450px;
    }
    .xl-maxh-50 {
        max-height: 500px;
    }
    .xl-maxh-55 {
        max-height: 550px;
    }
    .xl-maxh-60 {
        max-height: 600px;
    }
    .xl-maxh-63 {
        max-height: 630px;
    }
    .xl-maxh-65 {
        max-height: 650px;
    }
    .xl-maxh-70 {
        max-height: 700px;
    }
    .xl-maxh-75 {
        max-height: 750px;
    }
    .xl-maxh-80 {
        max-height: 800px;
    }
    .xl-maxh-90 {
        max-height: 900px;
    }
    .xl-maxh-100 {
        max-height: auto;
    }

    .xl-w-5 {
        width: 50px;
    }
    .xl-w-10 {
        width: 100px;
    }
    .xl-w-20 {
        width: 200px;
    }
    .xl-w-25 {
        width: 250px;
    }
    .xl-w-30 {
        width: 300px;
    }
    .xl-w-35 {
        width: 350px;
    }
    .xl-w-40 {
        width: 400px;
    }
    .xl-w-45 {
        width: 450px;
    }
    .xl-w-50 {
        width: 500px;
    }
    .xl-w-55 {
        width: 550px;
    }
    .xl-w-60 {
        width: 600px;
    }
    .xl-w-65 {
        width: 650px;
    }
    .xl-w-70 {
        width: 700px;
    }
    .xl-w-75 {
        width: 750px;
    }
    .xl-w-80 {
        width: 800px;
    }
    .xl-w-90 {
        width: 900px;
    }
    .xl-w-100 {
        width: auto;
    }

    .xl-mb-o5,
    .xl-my-o5 {
        margin-bottom: -5px;
    }
    .xl-mb-o10,
    .xl-my-o10 {
        margin-bottom: -10px;
    }
    .xl-mb-o15,
    .xl-my-o15 {
        margin-bottom: -15px;
    }
    .xl-mb-o20,
    .xl-my-o20 {
        margin-bottom: -20px;
    }
    .xl-mb-o30,
    .xl-my-o30 {
        margin-bottom: -30px;
    }
    .xl-mb-o40,
    .xl-my-o40 {
        margin-bottom: -40px;
    }
    .xl-mb-o50,
    .xl-my-o50 {
        margin-bottom: -50px;
    }
    .xl-mb-o100,
    .xl-my-o100 {
        margin-bottom: -100px;
    }

    .xl-mt-o5,
    .xl-my-o5 {
        margin-top: -5px;
    }
    .xl-mt-o10,
    .xl-my-o10 {
        margin-top: -10px;
    }
    .xl-mt-o15,
    .xl-my-o15 {
        margin-top: -15px;
    }
    .xl-mt-o20,
    .xl-my-o20 {
        margin-top: -20px;
    }
    .xl-mt-o30,
    .xl-my-o30 {
        margin-top: -30px;
    }
    .xl-mt-o40,
    .xl-my-o40 {
        margin-top: -40px;
    }
    .xl-mt-o50,
    .xl-my-o50 {
        margin-top: -50px;
    }
    .xl-mt-o100,
    .xl-my-o100 {
        margin-top: -100px;
    }

    .xl-ml-o5,
    .xl-mx-o5 {
        margin-left: -5px;
    }
    .xl-ml-o10,
    .xl-mx-o10 {
        margin-left: -10px;
    }
    .xl-ml-o15,
    .xl-mx-o15 {
        margin-left: -15px;
    }
    .xl-ml-o20,
    .xl-mx-o20 {
        margin-left: -20px;
    }
    .xl-ml-o30,
    .xl-mx-o30 {
        margin-left: -30px;
    }
    .xl-ml-o35,
    .xl-mx-o35 {
        margin-left: -35px;
    }
    .xl-ml-o40,
    .xl-mx-o40 {
        margin-left: -40px;
    }
    .xl-ml-o50,
    .xl-mx-o50 {
        margin-left: -50px;
    }
    .xl-ml-o100,
    .xl-mx-o100 {
        margin-left: -100px;
    }

    .xl-mr-o5,
    .xl-mx-o5 {
        margin-right: -5px;
    }
    .xl-mr-o10,
    .xl-mx-o10 {
        margin-right: -10px;
    }
    .xl-mr-o15,
    .xl-mx-o15 {
        margin-right: -15px;
    }
    .xl-mr-o20,
    .xl-mx-o20 {
        margin-right: -20px;
    }
    .xl-mr-o30,
    .xl-mx-o30 {
        margin-right: -30px;
    }
    .xl-mr-o35,
    .xl-mx-o35 {
        margin-right: -35px;
    }
    .xl-mr-o40,
    .xl-mx-o40 {
        margin-right: -40px;
    }
    .xl-mr-o50,
    .xl-mx-o50 {
        margin-right: -50px;
    }
    .xl-mr-o100,
    .xl-mx-o100 {
        margin-right: -100px;
    }

    .xl-mt-0,
    .xl-my-0 {
        margin-top: 0px;
    }
    .xl-mt-5,
    .xl-my-5 {
        margin-top: 5px;
    }
    .xl-mt-10,
    .xl-my-10 {
        margin-top: 10px;
    }
    .xl-mt-15,
    .xl-my-15 {
        margin-top: 15px;
    }
    .xl-mt-20,
    .xl-my-20 {
        margin-top: 20px;
    }
    .xl-mt-30,
    .xl-my-30 {
        margin-top: 30px;
    }
    .xl-mt-40,
    .xl-my-40 {
        margin-top: 40px;
    }
    .xl-mt-50,
    .xl-my-50 {
        margin-top: 50px;
    }
    .xl-mt-60,
    .xl-my-60 {
        margin-top: 60px;
    }
    .xl-mt-70,
    .xl-my-70 {
        margin-top: 70px;
    }
    .xl-mt-80,
    .xl-my-80 {
        margin-top: 80px;
    }
    .xl-mt-85,
    .xl-my-85 {
        margin-top: 85px;
    }
    .xl-mt-90,
    .xl-my-90 {
        margin-top: 90px;
    }
    .xl-mt-100,
    .xl-my-100 {
        margin-top: 100px;
    }

    .xl-mb-0,
    .xl-my-0 {
        margin-bottom: 0px;
    }
    .xl-mb-5,
    .xl-my-5 {
        margin-bottom: 5px;
    }
    .xl-mb-10,
    .xl-my-10 {
        margin-bottom: 10px;
    }
    .xl-mb-15,
    .xl-my-15 {
        margin-bottom: 15px;
    }
    .xl-mb-20,
    .xl-my-20 {
        margin-bottom: 20px;
    }
    .xl-mb-30,
    .xl-my-30 {
        margin-bottom: 30px;
    }
    .xl-mb-40,
    .xl-my-40 {
        margin-bottom: 40px;
    }
    .xl-mb-50,
    .xl-my-50 {
        margin-bottom: 50px;
    }
    .xl-mb-60,
    .xl-my-60 {
        margin-bottom: 60px;
    }
    .xl-mb-70,
    .xl-my-70 {
        margin-bottom: 70px;
    }
    .xl-mb-80,
    .xl-my-80 {
        margin-bottom: 80px;
    }
    .xl-mb-85,
    .xl-my-85 {
        margin-bottom: 85px;
    }
    .xl-mb-90,
    .xl-my-90 {
        margin-bottom: 90px;
    }
    .xl-mb-100,
    .xl-my-100 {
        margin-bottom: 100px;
    }

    .xl-mr-0,
    .xl-mx-0 {
        margin-right: 0px;
    }
    .xl-mr-5,
    .xl-mx-5 {
        margin-right: 5px;
    }
    .xl-mr-7,
    .xl-mx-7 {
        margin-right: 7px;
    }
    .xl-mr-10,
    .xl-mx-10 {
        margin-right: 10px;
    }
    .xl-mr-15,
    .xl-mx-15 {
        margin-right: 15px;
    }
    .xl-mr-20,
    .xl-mx-20 {
        margin-right: 20px;
    }
    .xl-mr-30,
    .xl-mx-30 {
        margin-right: 30px;
    }
    .xl-mr-40,
    .xl-mx-40 {
        margin-right: 40px;
    }
    .xl-mr-50,
    .xl-mx-50 {
        margin-right: 50px;
    }
    .xl-mr-60,
    .xl-mx-60 {
        margin-right: 60px;
    }
    .xl-mr-70,
    .xl-mx-70 {
        margin-right: 70px;
    }
    .xl-mr-80,
    .xl-mx-80 {
        margin-right: 80px;
    }
    .xl-mr-85,
    .xl-mx-85 {
        margin-right: 85px;
    }
    .xl-mr-90,
    .xl-mx-90 {
        margin-right: 90px;
    }
    .xl-mr-100,
    .xl-mx-100 {
        margin-right: 100px;
    }

    .xl-ml-0,
    .xl-mx-0 {
        margin-left: 0px;
    }
    .xl-ml-5,
    .xl-mx-5 {
        margin-left: 5px;
    }
    .xl-ml-7,
    .xl-mx-7 {
        margin-left: 7px;
    }
    .xl-ml-10,
    .xl-mx-10 {
        margin-left: 10px;
    }
    .xl-ml-15,
    .xl-mx-15 {
        margin-left: 15px;
    }
    .xl-ml-20,
    .xl-mx-20 {
        margin-left: 20px;
    }
    .xl-ml-30,
    .xl-mx-30 {
        margin-left: 30px;
    }
    .xl-ml-40,
    .xl-mx-40 {
        margin-left: 40px;
    }
    .xl-ml-50,
    .xl-mx-50 {
        margin-left: 50px;
    }
    .xl-ml-60,
    .xl-mx-60 {
        margin-left: 60px;
    }
    .xl-ml-70,
    .xl-mx-70 {
        margin-left: 70px;
    }
    .xl-ml-80,
    .xl-mx-80 {
        margin-left: 80px;
    }
    .xl-ml-85,
    .xl-mx-85 {
        margin-left: 85px;
    }
    .xl-ml-90,
    .xl-mx-90 {
        margin-left: 90px;
    }
    .xl-ml-100,
    .xl-mx-100 {
        margin-left: 100px;
    }

    .xl-pt-0,
    .xl-py-0 {
        padding-top: 0px;
    }
    .xl-pt-5,
    .xl-py-5 {
        padding-top: 5px;
    }
    .xl-pt-10,
    .xl-py-10 {
        padding-top: 10px;
    }
    .xl-pt-15,
    .xl-py-15 {
        padding-top: 15px;
    }
    .xl-pt-20,
    .xl-py-20 {
        padding-top: 20px;
    }
    .xl-pt-25,
    .xl-py-25 {
        padding-top: 25px;
    }
    .xl-pt-30,
    .xl-py-30 {
        padding-top: 30px;
    }
    .xl-pt-35,
    .xl-py-35 {
        padding-top: 35px;
    }
    .xl-pt-40,
    .xl-py-40 {
        padding-top: 40px;
    }
    .xl-pt-50,
    .xl-py-50 {
        padding-top: 50px;
    }
    .xl-pt-60,
    .xl-py-60 {
        padding-top: 60px;
    }
    .xl-pt-70,
    .xl-py-70 {
        padding-top: 70px;
    }
    .xl-pt-80,
    .xl-py-80 {
        padding-top: 80px;
    }
    .xl-pt-100,
    .xl-py-100 {
        padding-top: 100px;
    }
    .xl-pt-150,
    .xl-py-150 {
        padding-top: 150px;
    }

    .xl-pb-0,
    .xl-py-0 {
        padding-bottom: 0px;
    }
    .xl-pb-5,
    .xl-py-5 {
        padding-bottom: 5px;
    }
    .xl-pb-10,
    .xl-py-10 {
        padding-bottom: 10px;
    }
    .xl-pb-15,
    .xl-py-15 {
        padding-bottom: 15px;
    }
    .xl-pb-20,
    .xl-py-20 {
        padding-bottom: 20px;
    }
    .xl-pb-25,
    .xl-py-25 {
        padding-bottom: 25px;
    }
    .xl-pb-30,
    .xl-py-30 {
        padding-bottom: 30px;
    }
    .xl-pb-40,
    .xl-py-40 {
        padding-bottom: 40px;
    }
    .xl-pb-50,
    .xl-py-50 {
        padding-bottom: 50px;
    }
    .xl-pb-60,
    .xl-py-60 {
        padding-bottom: 60px;
    }
    .xl-pb-70,
    .xl-py-70 {
        padding-bottom: 70px;
    }
    .xl-pb-80,
    .xl-py-80 {
        padding-bottom: 80px;
    }
    .xl-pb-100,
    .xl-py-100 {
        padding-bottom: 100px;
    }
    .xl-pb-150,
    .xl-py-150 {
        padding-bottom: 150px;
    }

    .xl-pl-0,
    .xl-px-0 {
        padding-left: 0px;
    }
    .xl-pl-5,
    .xl-px-5 {
        padding-left: 5px;
    }
    .xl-pl-8,
    .xl-px-8 {
        padding-left: 8px;
    }
    .xl-pl-10,
    .xl-px-10 {
        padding-left: 10px;
    }
    .xl-pl-15,
    .xl-px-15 {
        padding-left: 15px;
    }
    .xl-pl-20,
    .xl-px-20 {
        padding-left: 20px;
    }
    .xl-pl-25,
    .xl-px-25 {
        padding-left: 25px;
    }
    .xl-pl-30,
    .xl-px-30 {
        padding-left: 30px;
    }
    .xl-pl-40,
    .xl-px-40 {
        padding-left: 40px;
    }
    .xl-pl-50,
    .xl-px-50 {
        padding-left: 50px;
    }
    .xl-pl-60,
    .xl-px-60 {
        padding-left: 60px;
    }
    .xl-pl-70,
    .xl-px-70 {
        padding-left: 70px;
    }
    .xl-pl-80,
    .xl-px-80 {
        padding-left: 80px;
    }
    .xl-pl-90,
    .xl-px-90 {
        padding-left: 90px;
    }
    .xl-pl-100,
    .xl-px-100 {
        padding-left: 100px;
    }
    .xl-pl-150,
    .xl-px-150 {
        padding-left: 150px;
    }

    .xl-pr-0,
    .xl-px-0 {
        padding-right: 0px;
    }
    .xl-pr-5,
    .xl-px-5 {
        padding-right: 5px;
    }
    .xl-pr-8,
    .xl-px-8 {
        padding-right: 8px;
    }
    .xl-pr-10,
    .xl-px-10 {
        padding-right: 10px;
    }
    .xl-pr-15,
    .xl-px-15 {
        padding-right: 15px;
    }
    .xl-pr-20,
    .xl-px-20 {
        padding-right: 20px;
    }
    .xl-pr-25,
    .xl-px-25 {
        padding-right: 25px;
    }
    .xl-pr-30,
    .xl-px-30 {
        padding-right: 30px;
    }
    .xl-pr-40,
    .xl-px-40 {
        padding-right: 40px;
    }
    .xl-pr-50,
    .xl-px-50 {
        padding-right: 50px;
    }
    .xl-pr-60,
    .xl-px-60 {
        padding-right: 60px;
    }
    .xl-pr-70,
    .xl-px-70 {
        padding-right: 70px;
    }
    .xl-pr-80,
    .xl-px-80 {
        padding-right: 80px;
    }
    .xl-pr-90,
    .xl-px-90 {
        padding-right: 90px;
    }
    .xl-pr-100,
    .xl-px-100 {
        padding-right: 100px;
    }
    .xl-pr-150,
    .xl-px-150 {
        padding-right: 150px;
    }

    .xl-offl-0,
    .xl-offx-0 {
        margin-left: 0;
    }
    .xl-offl-l,
    .xl-offx-l {
        margin-left: 8.333333%;
    }
    .xl-offl-2,
    .xl-offx-2 {
        margin-left: 16.666667%;
    }
    .xl-offl-3,
    .xl-offx-3 {
        margin-left: 25%;
    }
    .xl-offl-4,
    .xl-offx-4 {
        margin-left: 33.333333%;
    }
    .xl-offl-5,
    .xl-offx-5 {
        margin-left: 41.666667%;
    }
    .xl-offl-6,
    .xl-offx-6 {
        margin-left: 50%;
    }

    .xl-offr-0,
    .xl-offx-0 {
        margin-right: 0%;
    }
    .xl-offr-l,
    .xl-offx-1 {
        margin-right: 8.333333%;
    }
    .xl-offr-2,
    .xl-offx-2 {
        margin-right: 16.666667%;
    }
    .xl-offr-3,
    .xl-offx-3 {
        margin-right: 25%;
    }
    .xl-offr-4,
    .xl-offx-4 {
        margin-right: 33.333333%;
    }
    .xl-offr-5,
    .xl-offx-5 {
        margin-right: 41.666667%;
    }
    .xl-offr-6,
    .xl-offx-6 {
        margin-right: 50%;
    }

    .xl-offr-05,
    .xl-offx-05 {
        margin-right: 5%;
    }
    .xl-oppl-05,
    .xl-oppx-05 {
        padding-left: 5%;
    }

    .xl-fnts-0 {
        font-size: 0px;
    }
    .xl-fnts-10 {
        font-size: 10px;
    }
    .xl-fnts-12 {
        font-size: 12px;
    }
    .xl-fnts-13 {
        font-size: 13px;
    }
    .xl-fnts-14 {
        font-size: 14px;
    }
    .xl-fnts-15 {
        font-size: 15px;
    }
    .xl-fnts-16 {
        font-size: 16px;
    }
    .xl-fnts-18 {
        font-size: 17px;
    }
    .xl-fnts-20 {
        font-size: 20px;
    }
    .xl-fnts-22 {
        font-size: 22px;
    }
    .xl-fnts-24 {
        font-size: 24px;
    }
    .xl-fnts-26 {
        font-size: 26px;
    }
    .xl-fnts-28 {
        font-size: 28px;
    }
    .xl-fnts-30 {
        font-size: 30px;
    }
    .xl-fnts-32 {
        font-size: 32px;
    }
    .xl-fnts-34 {
        font-size: 34px;
    }
    .xl-fnts-36 {
        font-size: 36px;
    }
    .xl-fnts-40 {
        font-size: 40px;
    }
    .xl-fnts-42 {
        font-size: 42px;
    }
    .xl-fnts-45 {
        font-size: 45px;
    }
    .xl-fnts-48 {
        font-size: 48px;
    }
    .xl-fnts-52 {
        font-size: 52px;
    }
    .xl-fnts-54 {
        font-size: 54px;
    }
    .xl-fnts-56 {
        font-size: 56px;
    }
    .xl-fnts-60 {
        font-size: 60px;
    }
    .xl-fnts-72 {
        font-size: 72px;
    }
    .xl-fnts-80 {
        font-size: 80px;
    }
    .xl-fnts-120 {
        font-size: 120px;
    }
    .xl-fnts-150 {
        font-size: 150px;
    }

    .xl-fntlh-0 {
        line-height: 12px;
    }
    .xl-fntlh-12 {
        line-height: 12px;
    }
    .xl-fntlh-14 {
        line-height: 14px;
    }
    .xl-fntlh-16 {
        line-height: 16px;
    }
    .xl-fntlh-18 {
        line-height: 18px;
    }
    .xl-fntlh-20 {
        line-height: 20px;
    }
    .xl-fntlh-22 {
        line-height: 22px;
    }
    .xl-fntlh-24 {
        line-height: 24px;
    }
    .xl-fntlh-26 {
        line-height: 26px;
    }
    .xl-fntlh-28 {
        line-height: 28px;
    }
    .xl-fntlh-30 {
        line-height: 30px;
    }
    .xl-fntlh-32 {
        line-height: 32px;
    }
    .xl-fntlh-34 {
        line-height: 34px;
    }
    .xl-fntlh-38 {
        line-height: 38px;
    }
    .xl-fntlh-40 {
        line-height: 40px;
    }
    .xl-fntlh-44 {
        line-height: 44px;
    }
    .xl-fntlh-45 {
        line-height: 45px;
    }
    .xl-fntlh-50 {
        line-height: 50px;
    }
    .xl-fntlh-52 {
        line-height: 52px;
    }
    .xl-fntlh-55 {
        line-height: 55px;
    }
    .xl-fntlh-60 {
        line-height: 60px;
    }
    .xl-fntlh-70 {
        line-height: 70px;
    }
    .xl-fntlh-80 {
        line-height: 80px;
    }
    .xl-fntlh-120 {
        line-height: 120px;
    }
    .xl-fntlh-150 {
        line-height: 150px;
    }

    .xl-minh-10 {
        min-height: 100px;
    }
    .xl-minh-20 {
        min-height: 200px;
    }
    .xl-minh-25 {
        min-height: 250px;
    }
    .xl-minh-30 {
        min-height: 300px;
    }
    .xl-minh-35 {
        min-height: 350px;
    }
    .xl-minh-40 {
        min-height: 400px;
    }
    .xl-minh-45 {
        min-height: 450px;
    }
    .xl-minh-50 {
        min-height: 500px;
    }
    .xl-minh-55 {
        min-height: 550px;
    }
    .xl-minh-60 {
        min-height: 600px;
    }
    .xl-minh-65 {
        min-height: 650px;
    }
    .xl-minh-70 {
        min-height: 700px;
    }
    .xl-minh-75 {
        min-height: 750px;
    }
    .xl-minh-80 {
        min-height: 800px;
    }
    .xl-minh-90 {
        min-height: 900px;
    }
    .xl-minh-100 {
        min-height: auto;
    }

    .xl-crop6 {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .xl-crop5 {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .xl-crop4 {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .xl-crop3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .xl-crop2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .xl-crop1 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .xl-scale09 {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    .xl-scale1 {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .xl-scale1_2 {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@media screen and (max-width: 1024px) {
    .sxl-hide {
        display: none;
    }
    .sxl-show {
        display: inline-block;
    }

    .sxl-col-1 {
        width: 8.333333%;
    }
    .sxl-col-2 {
        width: 16.666667%;
    }
    .sxl-col-3 {
        width: 25%;
    }
    .sxl-col-4 {
        width: 33.333333%;
    }
    .sxl-col-5 {
        width: 41.666667%;
    }
    .sxl-col-6 {
        width: 50%;
    }
    .sxl-col-7 {
        width: 58.333333%;
    }
    .sxl-col-8 {
        width: 66.666667%;
    }
    .sxl-col-9 {
        width: 75%;
    }
    .sxl-col-10 {
        width: 83.333333%;
    }
    .sxl-col-11 {
        width: 91.666667%;
    }
    .sxl-col-12 {
        width: 100%;
    }
    .sxl-col-100 {
        width: 100%;
    }
    .sxl-col-a {
        width: auto;
    }

    .sxl-pin-lt {
        left: 0;
        top: 0;
    }
    .sxl-pin-rt {
        right: 0;
        top: 0;
    }
    .sxl-pin-lb {
        left: 0;
        bottom: 0;
    }
    .sxl-pin-rb {
        right: 0;
        bottom: 0;
    }

    .sxl-pos-abs {
        position: absolute;
    }
    .sxl-pos-rel {
        position: relative;
    }
    .sxl-pos-fix {
        position: fixed;
    }

    .sxl-crop6 {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow-y: hidden;
    }
    .sxl-crop5 {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow-y: hidden;
    }
    .sxl-crop4 {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow-y: hidden;
    }
    .sxl-crop3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow-y: hidden;
    }
    .sxl-crop2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-y: hidden;
    }
    .sxl-crop1 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow-y: hidden;
    }

    .sxl-minh-10 {
        min-height: 100px;
    }
    .sxl-minh-20 {
        min-height: 200px;
    }
    .sxl-minh-25 {
        min-height: 250px;
    }
    .sxl-minh-30 {
        min-height: 300px;
    }
    .sxl-minh-35 {
        min-height: 350px;
    }
    .sxl-minh-40 {
        min-height: 400px;
    }
    .sxl-minh-45 {
        min-height: 450px;
    }
    .sxl-minh-50 {
        min-height: 500px;
    }
    .sxl-minh-55 {
        min-height: 550px;
    }
    .sxl-minh-60 {
        min-height: 600px;
    }
    .sxl-minh-65 {
        min-height: 650px;
    }
    .sxl-minh-70 {
        min-height: 700px;
    }
    .sxl-minh-75 {
        min-height: 750px;
    }
    .sxl-minh-80 {
        min-height: 800px;
    }
    .sxl-minh-90 {
        min-height: 900px;
    }
    .sxl-minh-100 {
        min-height: auto;
    }

    .sxl-maxh-3 {
        max-height: 30px;
    }
    .sxl-maxh-10 {
        max-height: 100px;
    }
    .sxl-maxh-15 {
        max-height: 150px;
    }
    .sxl-maxh-20 {
        max-height: 200px;
    }
    .sxl-maxh-25 {
        max-height: 250px;
    }
    .sxl-maxh-30 {
        max-height: 300px;
    }
    .sxl-maxh-35 {
        max-height: 350px;
    }
    .sxl-maxh-40 {
        max-height: 400px;
    }
    .sxl-maxh-45 {
        max-height: 450px;
    }
    .sxl-maxh-50 {
        max-height: 500px;
    }
    .sxl-maxh-55 {
        max-height: 550px;
    }
    .sxl-maxh-60 {
        max-height: 600px;
    }
    .sxl-maxh-63 {
        max-height: 630px;
    }
    .sxl-maxh-65 {
        max-height: 650px;
    }
    .sxl-maxh-70 {
        max-height: 700px;
    }
    .sxl-maxh-75 {
        max-height: 750px;
    }
    .sxl-maxh-80 {
        max-height: 800px;
    }
    .sxl-maxh-90 {
        max-height: 900px;
    }
    .sxl-maxh-100 {
        max-height: auto;
    }

    .sxl-mt-0,
    .sxl-my-0 {
        margin-top: 0px;
    }
    .sxl-mt-5,
    .sxl-my-5 {
        margin-top: 5px;
    }
    .sxl-mt-10,
    .sxl-my-10 {
        margin-top: 10px;
    }
    .sxl-mt-15,
    .sxl-my-15 {
        margin-top: 15px;
    }
    .sxl-mt-20,
    .sxl-my-20 {
        margin-top: 20px;
    }
    .sxl-mt-30,
    .sxl-my-30 {
        margin-top: 30px;
    }
    .sxl-mt-40,
    .sxl-my-40 {
        margin-top: 40px;
    }
    .sxl-mt-50,
    .sxl-my-50 {
        margin-top: 50px;
    }
    .sxl-mt-60,
    .sxl-my-60 {
        margin-top: 60px;
    }
    .sxl-mt-70,
    .sxl-my-70 {
        margin-top: 70px;
    }
    .sxl-mt-80,
    .sxl-my-80 {
        margin-top: 80px;
    }
    .sxl-mt-85,
    .sxl-my-85 {
        margin-top: 85px;
    }
    .sxl-mt-90,
    .sxl-my-90 {
        margin-top: 90px;
    }
    .sxl-mt-100,
    .sxl-my-100 {
        margin-top: 100px;
    }

    .sxl-mb-0,
    .sxl-my-0 {
        margin-bottom: 0px;
    }
    .sxl-mb-5,
    .sxl-my-5 {
        margin-bottom: 5px;
    }
    .sxl-mb-10,
    .sxl-my-10 {
        margin-bottom: 10px;
    }
    .sxl-mb-15,
    .sxl-my-15 {
        margin-bottom: 15px;
    }
    .sxl-mb-20,
    .sxl-my-20 {
        margin-bottom: 20px;
    }
    .sxl-mb-30,
    .sxl-my-30 {
        margin-bottom: 30px;
    }
    .sxl-mb-40,
    .sxl-my-40 {
        margin-bottom: 40px;
    }
    .sxl-mb-50,
    .sxl-my-50 {
        margin-bottom: 50px;
    }
    .sxl-mb-60,
    .sxl-my-60 {
        margin-bottom: 60px;
    }
    .sxl-mb-70,
    .sxl-my-70 {
        margin-bottom: 70px;
    }
    .sxl-mb-80,
    .sxl-my-80 {
        margin-bottom: 80px;
    }
    .sxl-mb-85,
    .sxl-my-85 {
        margin-bottom: 85px;
    }
    .sxl-mb-90,
    .sxl-my-90 {
        margin-bottom: 90px;
    }
    .sxl-mb-100,
    .sxl-my-100 {
        margin-bottom: 100px;
    }

    .ssxl-mr-0,
    .ssxl-mx-0 {
        margin-right: 0px;
    }
    .ssxl-mr-5,
    .ssxl-mx-5 {
        margin-right: 5px;
    }
    .ssxl-mr-10,
    .ssxl-mx-10 {
        margin-right: 10px;
    }
    .ssxl-mr-15,
    .ssxl-mx-15 {
        margin-right: 15px;
    }
    .ssxl-mr-20,
    .ssxl-mx-20 {
        margin-right: 20px;
    }
    .ssxl-mr-30,
    .ssxl-mx-30 {
        margin-right: 30px;
    }
    .ssxl-mr-40,
    .ssxl-mx-40 {
        margin-right: 40px;
    }
    .ssxl-mr-50,
    .ssxl-mx-50 {
        margin-right: 50px;
    }
    .ssxl-mr-60,
    .ssxl-mx-60 {
        margin-right: 60px;
    }
    .ssxl-mr-70,
    .ssxl-mx-70 {
        margin-right: 70px;
    }
    .ssxl-mr-80,
    .ssxl-mx-80 {
        margin-right: 80px;
    }
    .ssxl-mr-85,
    .ssxl-mx-85 {
        margin-right: 85px;
    }
    .ssxl-mr-90,
    .ssxl-mx-90 {
        margin-right: 90px;
    }
    .ssxl-mr-100,
    .ssxl-mx-100 {
        margin-right: 100px;
    }

    .ssxl-ml-0,
    .ssxl-mx-0 {
        margin-left: 0px;
    }
    .ssxl-ml-5,
    .ssxl-mx-5 {
        margin-left: 5px;
    }
    .ssxl-ml-10,
    .ssxl-mx-10 {
        margin-left: 10px;
    }
    .ssxl-ml-15,
    .ssxl-mx-15 {
        margin-left: 15px;
    }
    .ssxl-ml-20,
    .ssxl-mx-20 {
        margin-left: 20px;
    }
    .ssxl-ml-30,
    .ssxl-mx-30 {
        margin-left: 30px;
    }
    .ssxl-ml-40,
    .ssxl-mx-40 {
        margin-left: 40px;
    }
    .ssxl-ml-50,
    .ssxl-mx-50 {
        margin-left: 50px;
    }
    .ssxl-ml-60,
    .ssxl-mx-60 {
        margin-left: 60px;
    }
    .ssxl-ml-70,
    .ssxl-mx-70 {
        margin-left: 70px;
    }
    .ssxl-ml-80,
    .ssxl-mx-80 {
        margin-left: 80px;
    }
    .ssxl-ml-85,
    .ssxl-mx-85 {
        margin-left: 85px;
    }
    .ssxl-ml-90,
    .ssxl-mx-90 {
        margin-left: 90px;
    }
    .ssxl-ml-100,
    .ssxl-mx-100 {
        margin-left: 100px;
    }

    .sxl-mb-o5,
    .sxl-my-o5 {
        margin-bottom: -5px;
    }
    .sxl-mb-o10,
    .sxl-my-o10 {
        margin-bottom: -10px;
    }
    .sxl-mb-o15,
    .sxl-my-o15 {
        margin-bottom: -15px;
    }
    .sxl-mb-o20,
    .sxl-my-o20 {
        margin-bottom: -20px;
    }
    .sxl-mb-o30,
    .sxl-my-o30 {
        margin-bottom: -30px;
    }
    .sxl-mb-o40,
    .sxl-my-o40 {
        margin-bottom: -40px;
    }
    .sxl-mb-o50,
    .sxl-my-o50 {
        margin-bottom: -50px;
    }
    .sxl-mb-o100,
    .sxl-my-o100 {
        margin-bottom: -100px;
    }

    .sxl-mt-o5,
    .sxl-my-o5 {
        margin-top: -5px;
    }
    .sxl-mt-o10,
    .sxl-my-o10 {
        margin-top: -10px;
    }
    .sxl-mt-o15,
    .sxl-my-o15 {
        margin-top: -15px;
    }
    .sxl-mt-o20,
    .sxl-my-o20 {
        margin-top: -20px;
    }
    .sxl-mt-o30,
    .sxl-my-o30 {
        margin-top: -30px;
    }
    .sxl-mt-o40,
    .sxl-my-o40 {
        margin-top: -40px;
    }
    .sxl-mt-o50,
    .sxl-my-o50 {
        margin-top: -50px;
    }
    .sxl-mt-o100,
    .sxl-my-o100 {
        margin-top: -100px;
    }

    .sxl-ml-o5,
    .sxl-mx-o5 {
        margin-left: -5px;
    }
    .sxl-ml-o10,
    .sxl-mx-o10 {
        margin-left: -10px;
    }
    .sxl-ml-o15,
    .sxl-mx-o15 {
        margin-left: -15px;
    }
    .sxl-ml-o20,
    .sxl-mx-o20 {
        margin-left: -20px;
    }
    .sxl-ml-o30,
    .sxl-mx-o30 {
        margin-left: -30px;
    }
    .sxl-ml-o35,
    .sxl-mx-o35 {
        margin-left: -35px;
    }
    .sxl-ml-o40,
    .sxl-mx-o40 {
        margin-left: -40px;
    }
    .sxl-ml-o50,
    .sxl-mx-o50 {
        margin-left: -50px;
    }
    .sxl-ml-o100,
    .sxl-mx-o100 {
        margin-left: -100px;
    }
    .sxl-ml-o150,
    .sxl-mx-o150 {
        margin-left: -150px;
    }
    .sxl-ml-o200,
    .sxl-mx-o200 {
        margin-left: -200px;
    }

    .sxl-mr-o5,
    .sxl-mx-o5 {
        margin-right: -5px;
    }
    .sxl-mr-o10,
    .sxl-mx-o10 {
        margin-right: -10px;
    }
    .sxl-mr-o15,
    .sxl-mx-o15 {
        margin-right: -15px;
    }
    .sxl-mr-o20,
    .sxl-mx-o20 {
        margin-right: -20px;
    }
    .sxl-mr-o30,
    .sxl-mx-o30 {
        margin-right: -30px;
    }
    .sxl-mr-o35,
    .sxl-mx-o35 {
        margin-right: -35px;
    }
    .sxl-mr-o40,
    .sxl-mx-o40 {
        margin-right: -40px;
    }
    .sxl-mr-o50,
    .sxl-mx-o50 {
        margin-right: -50px;
    }
    .sxl-mr-o100,
    .sxl-mx-o100 {
        margin-right: -100px;
    }

    .sxl-pt-0,
    .sxl-py-0 {
        padding-top: 0px;
    }
    .sxl-pt-5,
    .sxl-py-5 {
        padding-top: 5px;
    }
    .sxl-pt-10,
    .sxl-py-10 {
        padding-top: 10px;
    }
    .sxl-pt-15,
    .sxl-py-15 {
        padding-top: 15px;
    }
    .sxl-pt-20,
    .sxl-py-20 {
        padding-top: 20px;
    }
    .sxl-pt-25,
    .sxl-py-25 {
        padding-top: 25px;
    }
    .sxl-pt-30,
    .sxl-py-30 {
        padding-top: 30px;
    }
    .sxl-pt-35,
    .sxl-py-35 {
        padding-top: 35px;
    }
    .sxl-pt-40,
    .sxl-py-40 {
        padding-top: 40px;
    }
    .sxl-pt-50,
    .sxl-py-50 {
        padding-top: 50px;
    }
    .sxl-pt-60,
    .sxl-py-60 {
        padding-top: 60px;
    }
    .sxl-pt-70,
    .sxl-py-70 {
        padding-top: 70px;
    }
    .sxl-pt-80,
    .sxl-py-80 {
        padding-top: 80px;
    }
    .sxl-pt-100,
    .sxl-py-100 {
        padding-top: 100px;
    }
    .sxl-pt-150,
    .sxl-py-150 {
        padding-top: 150px;
    }

    .sxl-pb-0,
    .sxl-py-0 {
        padding-bottom: 0px;
    }
    .sxl-pb-5,
    .sxl-py-5 {
        padding-bottom: 5px;
    }
    .sxl-pb-10,
    .sxl-py-10 {
        padding-bottom: 10px;
    }
    .sxl-pb-15,
    .sxl-py-15 {
        padding-bottom: 15px;
    }
    .sxl-pb-20,
    .sxl-py-20 {
        padding-bottom: 20px;
    }
    .sxl-pb-25,
    .sxl-py-25 {
        padding-bottom: 25px;
    }
    .sxl-pb-30,
    .sxl-py-30 {
        padding-bottom: 30px;
    }
    .sxl-pb-40,
    .sxl-py-40 {
        padding-bottom: 40px;
    }
    .sxl-pb-50,
    .sxl-py-50 {
        padding-bottom: 50px;
    }
    .sxl-pb-60,
    .sxl-py-60 {
        padding-bottom: 60px;
    }
    .sxl-pb-70,
    .sxl-py-70 {
        padding-bottom: 70px;
    }
    .sxl-pb-80,
    .sxl-py-80 {
        padding-bottom: 80px;
    }
    .sxl-pb-100,
    .sxl-py-100 {
        padding-bottom: 100px;
    }
    .sxl-pb-150,
    .sxl-py-150 {
        padding-bottom: 150px;
    }

    .sxl-pl-0,
    .sxl-px-0 {
        padding-left: 0px;
    }
    .sxl-pl-5,
    .sxl-px-5 {
        padding-left: 5px;
    }
    .sxl-pl-10,
    .sxl-px-10 {
        padding-left: 10px;
    }
    .sxl-pl-15,
    .sxl-px-15 {
        padding-left: 15px;
    }
    .sxl-pl-20,
    .sxl-px-20 {
        padding-left: 20px;
    }
    .sxl-pl-25,
    .sxl-px-25 {
        padding-left: 25px;
    }
    .sxl-pl-30,
    .sxl-px-30 {
        padding-left: 30px;
    }
    .sxl-pl-40,
    .sxl-px-40 {
        padding-left: 40px;
    }
    .sxl-pl-50,
    .sxl-px-50 {
        padding-left: 50px;
    }
    .sxl-pl-60,
    .sxl-px-60 {
        padding-left: 60px;
    }
    .sxl-pl-70,
    .sxl-px-70 {
        padding-left: 70px;
    }
    .sxl-pl-80,
    .sxl-px-80 {
        padding-left: 80px;
    }
    .sxl-pl-90,
    .sxl-px-90 {
        padding-left: 90px;
    }
    .sxl-pl-100,
    .sxl-px-100 {
        padding-left: 100px;
    }
    .sxl-pl-150,
    .sxl-px-150 {
        padding-left: 150px;
    }

    .sxl-pr-0,
    .sxl-px-0 {
        padding-right: 0px;
    }
    .sxl-pr-5,
    .sxl-px-5 {
        padding-right: 5px;
    }
    .sxl-pr-10,
    .sxl-px-10 {
        padding-right: 10px;
    }
    .sxl-pr-15,
    .sxl-px-15 {
        padding-right: 15px;
    }
    .sxl-pr-20,
    .sxl-px-20 {
        padding-right: 20px;
    }
    .sxl-pr-25,
    .sxl-px-25 {
        padding-right: 25px;
    }
    .sxl-pr-30,
    .sxl-px-30 {
        padding-right: 30px;
    }
    .sxl-pr-40,
    .sxl-px-40 {
        padding-right: 40px;
    }
    .sxl-pr-50,
    .sxl-px-50 {
        padding-right: 50px;
    }
    .sxl-pr-60,
    .sxl-px-60 {
        padding-right: 60px;
    }
    .sxl-pr-70,
    .sxl-px-70 {
        padding-right: 70px;
    }
    .sxl-pr-80,
    .sxl-px-80 {
        padding-right: 80px;
    }
    .sxl-pr-90,
    .sxl-px-90 {
        padding-right: 90px;
    }
    .sxl-pr-100,
    .sxl-px-100 {
        padding-right: 100px;
    }
    .sxl-pr-150,
    .sxl-px-150 {
        padding-right: 150px;
    }
}
@media screen and (max-width: 992px) {
    .lg-hh-25 {
        height: 25px;
    }
    .lg-hh-30 {
        height: 30px;
    }
    .lg-hh-35 {
        height: 35px;
    }
    .lg-hh-40 {
        height: 40px;
    }
    .lg-hh-70 {
        height: 70px;
    }
    .lg-hh-120 {
        height: 120px;
    }
    .lg-hh-150 {
        height: 150px;
    }
    .lg-ww-25 {
        width: 25px;
    }
    .lg-ww-30 {
        width: 30px;
    }
    .lg-ww-40 {
        width: 40px;
    }
    .lg-ww-70 {
        width: 70px;
    }
    .lg-ww-120 {
        width: 120px;
    }
    .lg-ww-150 {
        width: 150px;
    }

    .lg-hide {
        display: none;
    }
    .lg-show,
    .lg-oshow {
        display: inline-block;
    }

    .lg-float-right {
        float: right;
    }
    .lg-col-100 {
        width: 100%;
        height: auto !important;
    }
    .lg-col-8 {
        width: 66.666667%;
    }

    .lg-overflow-x {
        overflow: hidden;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .lg-bg-no {
        background: none;
    }

    .lg-hvisib {
        visibility: hidden;
    }
    .lg-svisib {
        visibility: visible;
    }

    .lg-col-count0 {
        -moz-column-count: auto;
        -webkit-column-count: auto;
        column-count: auto;
    }
    .lg-col-count1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .lg-col-count2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .lg-col-count3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    .lg-float-left {
        float: left;
    }
    .lg-float-right {
        float: right;
    }
    .lg-float-none {
        float: none;
    }

    .lg-align-left {
        text-align: left;
    }
    .lg-align-right {
        text-align: right;
    }
    .lg-align-center {
        text-align: center;
    }

    .lg-pos-abs {
        position: absolute;
    }
    .lg-pos-rel {
        position: relative;
    }
    .lg-pos-fix {
        position: fixed;
    }

    .lg-pin-lt {
        left: 0;
        top: 0;
        bottom: auto;
        right: auto;
    }
    .lg-pin-rt {
        right: 0;
        top: 0;
        bottom: auto;
        left: auto;
    }
    .lg-pin-rti {
        right: 0 !important;
        top: 0 !important;
        bottom: auto !important;
        left: auto !important;
    }
    .lg-pin-lb {
        left: 0;
        bottom: 0;
        top: auto;
        right: auto;
    }
    .lg-pin-rb {
        right: 0;
        bottom: 0;
        top: auto;
        left: auto;
    }
    .lg-pin-au {
        right: auto;
        bottom: auto;
        top: auto;
        left: auto;
    }

    .lg-vt-align {
        vertical-align: top !important;
    }
    .lg-vm-align {
        vertical-align: middle !important;
    }
    .lg-vb-align {
        vertical-align: bottom !important;
    }

    .lg-pos-abs {
        position: absolute;
    }
    .lg-pos-rel {
        position: relative;
    }
    .lg-pos-fix {
        position: fixed;
    }

    .lg-col-1 {
        width: 8.333333%;
    }
    .lg-col-2 {
        width: 16.666667%;
    }
    .lg-col-3 {
        width: 25%;
    }
    .lg-col-4 {
        width: 33.333333%;
    }
    .lg-col-5 {
        width: 41.666667%;
    }
    .lg-col-45 {
        width: 45%;
    }
    .lg-col-55 {
        width: 55%;
    }
    .lg-col-6 {
        width: 50%;
    }
    .lg-col-7 {
        width: 58.333333%;
    }
    .lg-col-8 {
        width: 66.666667%;
    }
    .lg-col-9 {
        width: 75%;
    }
    .lg-col-10 {
        width: 83.333333%;
    }
    .lg-col-11 {
        width: 91.666667%;
    }
    .lg-col-12 {
        width: 100%;
    }
    .lg-col-100 {
        width: 100%;
    }
    .lg-col-a {
        width: auto;
    }

    .lg-colm-1 {
        max-width: 8.333333%;
    }
    .lg-colm-2 {
        max-width: 16.666667%;
    }
    .lg-colm-3 {
        max-width: 25%;
    }
    .lg-colm-4 {
        max-width: 33.333333%;
    }
    .lg-colm-5 {
        max-width: 41.666667%;
    }
    .lg-colm-6 {
        max-width: 50%;
    }
    .lg-colm-7 {
        max-width: 58.333333%;
    }
    .lg-colm-8 {
        max-width: 66.666667%;
    }
    .lg-colm-9 {
        max-width: 75%;
    }
    .lg-colm-10 {
        max-width: 83.333333%;
    }
    .lg-colm-11 {
        max-width: 91.666667%;
    }
    .lg-colm-12 {
        max-width: 100%;
    }

    .lg-minw-5 {
        min-width: 50px;
    }
    .lg-minw-10 {
        min-width: 100px;
    }
    .lg-minw-20 {
        min-width: 200px;
    }
    .lg-minw-25 {
        min-width: 250px;
    }
    .lg-minw-30 {
        min-width: 300px;
    }
    .lg-minw-35 {
        min-width: 350px;
    }
    .lg-minw-40 {
        min-width: 400px;
    }
    .lg-minw-45 {
        min-width: 450px;
    }
    .lg-minw-50 {
        min-width: 500px;
    }
    .lg-minw-55 {
        min-width: 550px;
    }
    .lg-minw-60 {
        min-width: 600px;
    }
    .lg-minw-65 {
        min-width: 650px;
    }
    .lg-minw-70 {
        min-width: 700px;
    }
    .lg-minw-75 {
        min-width: 750px;
    }
    .lg-minw-80 {
        min-width: 800px;
    }
    .lg-minw-90 {
        min-width: 900px;
    }
    .lg-minw-100 {
        min-width: auto;
    }

    .lg-maxw-2 {
        max-width: 20px;
    }
    .lg-maxw-3 {
        max-width: 30px;
    }
    .lg-maxw-3-5 {
        max-width: 35px;
    }
    .lg-maxw-4 {
        max-width: 40px;
    }
    .lg-maxw-5 {
        max-width: 50px;
    }
    .lg-maxw-6 {
        max-width: 60px;
    }
    .lg-maxw-7 {
        max-width: 70px;
    }
    .lg-maxw-8 {
        max-width: 80px;
    }
    .lg-maxw-10 {
        max-width: 100px;
    }
    .lg-maxw-13 {
        max-width: 130px;
    }
    .lg-maxw-15 {
        max-width: 150px;
    }
    .lg-maxw-16 {
        max-width: 160px;
    }
    .lg-maxw-17 {
        max-width: 170px;
    }
    .lg-maxw-20 {
        max-width: 200px;
    }
    .lg-maxw-235 {
        max-width: 235px;
    }
    .lg-maxw-25 {
        max-width: 250px;
    }
    .lg-maxw-30 {
        max-width: 300px;
    }
    .lg-maxw-32 {
        max-width: 320px;
    }
    .lg-maxw-322 {
        max-width: 322px;
    }
    .lg-maxw-332 {
        max-width: 332px;
    }
    .lg-maxw-35 {
        max-width: 350px;
    }
    .lg-maxw-40 {
        max-width: 400px;
    }
    .lg-maxw-45 {
        max-width: 450px;
    }
    .lg-maxw-46 {
        max-width: 460px;
    }
    .lg-maxw-50 {
        max-width: 500px;
    }
    .lg-maxw-55 {
        max-width: 550px;
    }
    .lg-maxw-60 {
        max-width: 600px;
    }
    .lg-maxw-64 {
        max-width: 640px;
    }
    .lg-maxw-65 {
        max-width: 650px;
    }
    .lg-maxw-665 {
        max-width: 665px;
    }
    .lg-maxw-70 {
        max-width: 700px;
    }
    .lg-maxw-75 {
        max-width: 750px;
    }
    .lg-maxw-80 {
        max-width: 800px;
    }
    .lg-maxw-90 {
        max-width: 900px;
    }
    .lg-maxw-100 {
        max-width: auto;
    }
    .lg-maxw-100p {
        max-width: 100%;
    }

    .lg-colh-1 {
        height: 8.333333%;
    }
    .lg-colh-2 {
        height: 16.666667%;
    }
    .lg-colh-3 {
        height: 25%;
    }
    .lg-colh-4 {
        height: 33.333333%;
    }
    .lg-colh-5 {
        height: 41.666667%;
    }
    .lg-colh-6 {
        height: 50%;
    }
    .lg-colh-7 {
        height: 58.333333%;
    }
    .lg-colh-8 {
        height: 66.666667%;
    }
    .lg-colh-9 {
        height: 75%;
    }
    .lg-colh-10 {
        height: 83.333333%;
    }
    .lg-colh-11 {
        height: 91.666667%;
    }
    .lg-colh-12 {
        height: 100%;
    }
    .lg-colh-12-a {
        height: auto;
        max-height: 100%;
    }

    .lg-px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .lg-mb-o5,
    .lg-my-o5 {
        margin-bottom: -5px;
    }
    .lg-mb-o10,
    .lg-my-o10 {
        margin-bottom: -10px;
    }
    .lg-mb-o15,
    .lg-my-o15 {
        margin-bottom: -15px;
    }
    .lg-mb-o20,
    .lg-my-o20 {
        margin-bottom: -20px;
    }
    .lg-mb-o30,
    .lg-my-o30 {
        margin-bottom: -30px;
    }
    .lg-mb-o40,
    .lg-my-o40 {
        margin-bottom: -40px;
    }
    .lg-mb-o50,
    .lg-my-o50 {
        margin-bottom: -50px;
    }
    .lg-mb-o100,
    .lg-my-o100 {
        margin-bottom: -100px;
    }

    .lg-mt-o5,
    .lg-my-o5 {
        margin-top: -5px;
    }
    .lg-mt-o10,
    .lg-my-o10 {
        margin-top: -10px;
    }
    .lg-mt-o15,
    .lg-my-o15 {
        margin-top: -15px;
    }
    .lg-mt-o20,
    .lg-my-o20 {
        margin-top: -20px;
    }
    .lg-mt-o30,
    .lg-my-o30 {
        margin-top: -30px;
    }
    .lg-mt-o40,
    .lg-my-o40 {
        margin-top: -40px;
    }
    .lg-mt-o50,
    .lg-my-o50 {
        margin-top: -50px;
    }
    .lg-mt-o100,
    .lg-my-o100 {
        margin-top: -100px;
    }

    .lg-ml-o5,
    .lg-mx-o5 {
        margin-left: -5px;
    }
    .lg-ml-o10,
    .lg-mx-o10 {
        margin-left: -10px;
    }
    .lg-ml-o15,
    .lg-mx-o15 {
        margin-left: -15px;
    }
    .lg-ml-o20,
    .lg-mx-o20 {
        margin-left: -20px;
    }
    .lg-ml-o30,
    .lg-mx-o30 {
        margin-left: -30px;
    }
    .lg-ml-o35,
    .lg-mx-o35 {
        margin-left: -35px;
    }
    .lg-ml-o40,
    .lg-mx-o40 {
        margin-left: -40px;
    }
    .lg-ml-o50,
    .lg-mx-o50 {
        margin-left: -50px;
    }
    .lg-ml-o100,
    .lg-mx-o100 {
        margin-left: -100px;
    }

    .lg-mr-o5,
    .lg-mx-o5 {
        margin-right: -5px;
    }
    .lg-mr-o10,
    .lg-mx-o10 {
        margin-right: -10px;
    }
    .lg-mr-o15,
    .lg-mx-o15 {
        margin-right: -15px;
    }
    .lg-mr-o20,
    .lg-mx-o20 {
        margin-right: -20px;
    }
    .lg-mr-o30,
    .lg-mx-o30 {
        margin-right: -30px;
    }
    .lg-mr-o35,
    .lg-mx-o35 {
        margin-right: -35px;
    }
    .lg-mr-o40,
    .lg-mx-o40 {
        margin-right: -40px;
    }
    .lg-mr-o50,
    .lg-mx-o50 {
        margin-right: -50px;
    }
    .lg-mr-o100,
    .lg-mx-o100 {
        margin-right: -100px;
    }

    .lg-colh-vh50 {
        height: 50vh;
    }
    .lg-colh-vh60 {
        height: 60vh;
    }
    .lg-colh-vh70 {
        height: 70vh;
    }
    .lg-colh-vh80 {
        height: 80vh;
    }
    .lg-colh-vh90 {
        height: 90vh;
    }
    .lg-colh-vh95 {
        height: 95vh;
    }
    .lg-colh-vh100 {
        height: 100vh;
    }

    .lg-mt-0,
    .lg-my-0 {
        margin-top: 0px;
    }
    .lg-mt-5,
    .lg-my-5 {
        margin-top: 5px;
    }
    .lg-mt-10,
    .lg-my-10 {
        margin-top: 10px;
    }
    .lg-mt-15,
    .lg-my-15 {
        margin-top: 15px;
    }
    .lg-mt-20,
    .lg-my-20 {
        margin-top: 20px;
    }
    .lg-mt-30,
    .lg-my-30 {
        margin-top: 30px;
    }
    .lg-mt-40,
    .lg-my-40 {
        margin-top: 40px;
    }
    .lg-mt-50,
    .lg-my-50 {
        margin-top: 50px;
    }
    .lg-mt-60,
    .lg-my-60 {
        margin-top: 60px;
    }
    .lg-mt-70,
    .lg-my-70 {
        margin-top: 70px;
    }
    .lg-mt-80,
    .lg-my-80 {
        margin-top: 80px;
    }
    .lg-mt-85,
    .lg-my-85 {
        margin-top: 85px;
    }
    .lg-mt-90,
    .lg-my-90 {
        margin-top: 90px;
    }
    .lg-mt-100,
    .lg-my-100 {
        margin-top: 100px;
    }

    .lg-mb-0,
    .lg-my-0 {
        margin-bottom: 0px;
    }
    .lg-mb-5,
    .lg-my-5 {
        margin-bottom: 5px;
    }
    .lg-mb-10,
    .lg-my-10 {
        margin-bottom: 10px;
    }
    .lg-mb-15,
    .lg-my-15 {
        margin-bottom: 15px;
    }
    .lg-mb-20,
    .lg-my-20 {
        margin-bottom: 20px;
    }
    .lg-mb-30,
    .lg-my-30 {
        margin-bottom: 30px;
    }
    .lg-mb-40,
    .lg-my-40 {
        margin-bottom: 40px;
    }
    .lg-mb-50,
    .lg-my-50 {
        margin-bottom: 50px;
    }
    .lg-mb-60,
    .lg-my-60 {
        margin-bottom: 60px;
    }
    .lg-mb-70,
    .lg-my-70 {
        margin-bottom: 70px;
    }
    .lg-mb-80,
    .lg-my-80 {
        margin-bottom: 80px;
    }
    .lg-mb-85,
    .lg-my-85 {
        margin-bottom: 85px;
    }
    .lg-mb-90,
    .lg-my-90 {
        margin-bottom: 90px;
    }
    .lg-mb-100,
    .lg-my-100 {
        margin-bottom: 100px;
    }

    .lg-mr-0,
    .lg-mx-0 {
        margin-right: 0px;
    }
    .lg-mr-5,
    .lg-mx-5 {
        margin-right: 5px;
    }
    .lg-mr-10,
    .lg-mx-10 {
        margin-right: 10px;
    }
    .lg-mr-15,
    .lg-mx-15 {
        margin-right: 15px;
    }
    .lg-mr-20,
    .lg-mx-20 {
        margin-right: 20px;
    }
    .lg-mr-30,
    .lg-mx-30 {
        margin-right: 30px;
    }
    .lg-mr-40,
    .lg-mx-40 {
        margin-right: 40px;
    }
    .lg-mr-50,
    .lg-mx-50 {
        margin-right: 50px;
    }
    .lg-mr-60,
    .lg-mx-60 {
        margin-right: 60px;
    }
    .lg-mr-70,
    .lg-mx-70 {
        margin-right: 70px;
    }
    .lg-mr-80,
    .lg-mx-80 {
        margin-right: 80px;
    }
    .lg-mr-85,
    .lg-mx-85 {
        margin-right: 85px;
    }
    .lg-mr-90,
    .lg-mx-90 {
        margin-right: 90px;
    }
    .lg-mr-100,
    .lg-mx-100 {
        margin-right: 100px;
    }
    .lg-mr-200,
    .lg-mx-200 {
        margin-right: 200px;
    }

    .lg-ml-0,
    .lg-mx-0 {
        margin-left: 0px;
    }
    .lg-ml-5,
    .lg-mx-5 {
        margin-left: 5px;
    }
    .lg-ml-10,
    .lg-mx-10 {
        margin-left: 10px;
    }
    .lg-ml-15,
    .lg-mx-15 {
        margin-left: 15px;
    }
    .lg-ml-20,
    .lg-mx-20 {
        margin-left: 20px;
    }
    .lg-ml-30,
    .lg-mx-30 {
        margin-left: 30px;
    }
    .lg-ml-40,
    .lg-mx-40 {
        margin-left: 40px;
    }
    .lg-ml-50,
    .lg-mx-50 {
        margin-left: 50px;
    }
    .lg-ml-60,
    .lg-mx-60 {
        margin-left: 60px;
    }
    .lg-ml-70,
    .lg-mx-70 {
        margin-left: 70px;
    }
    .lg-ml-80,
    .lg-mx-80 {
        margin-left: 80px;
    }
    .lg-ml-85,
    .lg-mx-85 {
        margin-left: 85px;
    }
    .lg-ml-90,
    .lg-mx-90 {
        margin-left: 90px;
    }
    .lg-ml-100,
    .lg-mx-100 {
        margin-left: 100px;
    }

    .lg-pt-0,
    .lg-py-0 {
        padding-top: 0px;
    }
    .lg-pt-5,
    .lg-py-5 {
        padding-top: 5px;
    }
    .lg-pt-10,
    .lg-py-10 {
        padding-top: 10px;
    }
    .lg-pt-15,
    .lg-py-15 {
        padding-top: 15px;
    }
    .lg-pt-20,
    .lg-py-20 {
        padding-top: 20px;
    }
    .lg-pt-25,
    .lg-py-25 {
        padding-top: 25px;
    }
    .lg-pt-30,
    .lg-py-30 {
        padding-top: 30px;
    }
    .lg-pt-35,
    .lg-py-35 {
        padding-top: 35px;
    }
    .lg-pt-40,
    .lg-py-40 {
        padding-top: 40px;
    }
    .lg-pt-50,
    .lg-py-50 {
        padding-top: 50px;
    }
    .lg-pt-60,
    .lg-py-60 {
        padding-top: 60px;
    }
    .lg-pt-70,
    .lg-py-70 {
        padding-top: 70px;
    }
    .lg-pt-80,
    .lg-py-80 {
        padding-top: 80px;
    }
    .lg-pt-100,
    .lg-py-100 {
        padding-top: 100px;
    }

    .lg-pb-0,
    .lg-py-0 {
        padding-bottom: 0px;
    }
    .lg-pb-5,
    .lg-py-5 {
        padding-bottom: 5px;
    }
    .lg-pb-10,
    .lg-py-10 {
        padding-bottom: 10px;
    }
    .lg-pb-15,
    .lg-py-15 {
        padding-bottom: 15px;
    }
    .lg-pb-20,
    .lg-py-20 {
        padding-bottom: 20px;
    }
    .lg-pb-25,
    .lg-py-25 {
        padding-bottom: 25px;
    }
    .lg-pb-30,
    .lg-py-30 {
        padding-bottom: 30px;
    }
    .lg-pb-40,
    .lg-py-40 {
        padding-bottom: 40px;
    }
    .lg-pb-50,
    .lg-py-50 {
        padding-bottom: 50px;
    }
    .lg-pb-60,
    .lg-py-60 {
        padding-bottom: 60px;
    }
    .lg-pb-70,
    .lg-py-70 {
        padding-bottom: 70px;
    }
    .lg-pb-80,
    .lg-py-80 {
        padding-bottom: 80px;
    }
    .lg-pb-100,
    .lg-py-100 {
        padding-bottom: 100px;
    }

    .lg-pl-0,
    .lg-px-0 {
        padding-left: 0px;
    }
    .lg-pl-5,
    .lg-px-5 {
        padding-left: 5px;
    }
    .lg-pl-10,
    .lg-px-10 {
        padding-left: 10px;
    }
    .lg-pl-15,
    .lg-px-15 {
        padding-left: 15px;
    }
    .lg-pl-20,
    .lg-px-20 {
        padding-left: 20px;
    }
    .lg-pl-25,
    .lg-px-25 {
        padding-left: 25px;
    }
    .lg-pl-30,
    .lg-px-30 {
        padding-left: 30px;
    }
    .lg-pl-40,
    .lg-px-40 {
        padding-left: 40px;
    }
    .lg-pl-50,
    .lg-px-50 {
        padding-left: 50px;
    }
    .lg-pl-60,
    .lg-px-60 {
        padding-left: 60px;
    }
    .lg-pl-70,
    .lg-px-70 {
        padding-left: 70px;
    }
    .lg-pl-80,
    .lg-px-80 {
        padding-left: 80px;
    }
    .lg-pl-90,
    .lg-px-90 {
        padding-left: 90px;
    }
    .lg-pl-100,
    .lg-px-100 {
        padding-left: 100px;
    }

    .lg-pr-0,
    .lg-px-0 {
        padding-right: 0px;
    }
    .lg-pr-5,
    .lg-px-5 {
        padding-right: 5px;
    }
    .lg-pr-10,
    .lg-px-10 {
        padding-right: 10px;
    }
    .lg-pr-15,
    .lg-px-15 {
        padding-right: 15px;
    }
    .lg-pr-20,
    .lg-px-20 {
        padding-right: 20px;
    }
    .lg-pr-25,
    .lg-px-25 {
        padding-right: 25px;
    }
    .lg-pr-30,
    .lg-px-30 {
        padding-right: 30px;
    }
    .lg-pr-40,
    .lg-px-40 {
        padding-right: 40px;
    }
    .lg-pr-50,
    .lg-px-50 {
        padding-right: 50px;
    }
    .lg-pr-60,
    .lg-px-60 {
        padding-right: 60px;
    }
    .lg-pr-70,
    .lg-px-70 {
        padding-right: 70px;
    }
    .lg-pr-80,
    .lg-px-80 {
        padding-right: 80px;
    }
    .lg-pr-90,
    .lg-px-90 {
        padding-right: 90px;
    }
    .lg-pr-100,
    .lg-px-100 {
        padding-right: 100px;
    }

    .lg-offl-0,
    .lg-offx-0 {
        margin-left: 0%;
    }
    .lg-offl-l,
    .lg-offx-l {
        margin-left: 8.333333%;
    }
    .lg-offl-2,
    .lg-offx-2 {
        margin-left: 16.666667%;
    }
    .lg-offl-3,
    .lg-offx-3 {
        margin-left: 25%;
    }
    .lg-offl-4,
    .lg-offx-4 {
        margin-left: 33.333333%;
    }
    .lg-offl-5,
    .lg-offx-5 {
        margin-left: 41.666667%;
    }
    .lg-offl-6,
    .lg-offx-6 {
        margin-left: 50%;
    }

    .lg-offr-0,
    .lg-offx-0 {
        margin-right: 0%;
    }
    .lg-offr-l,
    .lg-offx-1 {
        margin-right: 8.333333%;
    }
    .lg-offr-2,
    .lg-offx-2 {
        margin-right: 16.666667%;
    }
    .lg-offr-3,
    .lg-offx-3 {
        margin-right: 25%;
    }
    .lg-offr-4,
    .lg-offx-4 {
        margin-right: 33.333333%;
    }
    .lg-offr-5,
    .lg-offx-5 {
        margin-right: 41.666667%;
    }
    .lg-offr-6,
    .lg-offx-6 {
        margin-right: 50%;
    }

    .lg-fnts-0 {
        font-size: 0px;
    }
    .lg-fnts-10 {
        font-size: 10px;
    }
    .lg-fnts-12 {
        font-size: 12px;
    }
    .lg-fnts-13 {
        font-size: 13px;
    }
    .lg-fnts-14 {
        font-size: 14px;
    }
    .lg-fnts-15 {
        font-size: 15px;
    }
    .lg-fnts-16 {
        font-size: 16px;
    }
    .lg-fnts-18 {
        font-size: 17px;
    }
    .lg-fnts-20 {
        font-size: 20px;
    }
    .lg-fnts-22 {
        font-size: 22px;
    }
    .lg-fnts-24 {
        font-size: 24px;
    }
    .lg-fnts-26 {
        font-size: 26px;
    }
    .lg-fnts-28 {
        font-size: 28px;
    }
    .lg-fnts-30 {
        font-size: 30px;
    }
    .lg-fnts-32 {
        font-size: 32px;
    }
    .lg-fnts-34 {
        font-size: 34px;
    }
    .lg-fnts-36 {
        font-size: 36px;
    }
    .lg-fnts-40 {
        font-size: 40px;
    }
    .lg-fnts-42 {
        font-size: 42px;
    }
    .lg-fnts-45 {
        font-size: 45px;
    }
    .lg-fnts-48 {
        font-size: 48px;
    }
    .lg-fnts-52 {
        font-size: 52px;
    }
    .lg-fnts-54 {
        font-size: 54px;
    }
    .lg-fnts-56 {
        font-size: 56px;
    }
    .lg-fnts-60 {
        font-size: 60px;
    }
    .lg-fnts-72 {
        font-size: 72px;
    }
    .lg-fnts-80 {
        font-size: 80px;
    }
    .lg-fnts-120 {
        font-size: 120px;
    }
    .lg-fnts-150 {
        font-size: 150px;
    }

    .lg-fntlh-0 {
        line-height: 12px;
    }
    .lg-fntlh-12 {
        line-height: 12px;
    }
    .lg-fntlh-14 {
        line-height: 14px;
    }
    .lg-fntlh-16 {
        line-height: 16px;
    }
    .lg-fntlh-18 {
        line-height: 18px;
    }
    .lg-fntlh-20 {
        line-height: 20px;
    }
    .lg-fntlh-22 {
        line-height: 22px;
    }
    .lg-fntlh-24 {
        line-height: 24px;
    }
    .lg-fntlh-26 {
        line-height: 26px;
    }
    .lg-fntlh-28 {
        line-height: 28px;
    }
    .lg-fntlh-30 {
        line-height: 30px;
    }
    .lg-fntlh-32 {
        line-height: 32px;
    }
    .lg-fntlh-34 {
        line-height: 34px;
    }
    .lg-fntlh-38 {
        line-height: 38px;
    }
    .lg-fntlh-40 {
        line-height: 40px;
    }
    .lg-fntlh-44 {
        line-height: 44px;
    }
    .lg-fntlh-45 {
        line-height: 45px;
    }
    .lg-fntlh-50 {
        line-height: 50px;
    }
    .lg-fntlh-52 {
        line-height: 52px;
    }
    .lg-fntlh-55 {
        line-height: 55px;
    }
    .lg-fntlh-60 {
        line-height: 60px;
    }
    .lg-fntlh-70 {
        line-height: 70px;
    }
    .lg-fntlh-80 {
        line-height: 80px;
    }
    .lg-fntlh-120 {
        line-height: 120px;
    }
    .lg-fntlh-150 {
        line-height: 150px;
    }

    .lg-minh-10 {
        min-height: 100px;
    }
    .lg-minh-15 {
        min-height: 150px;
    }
    .lg-minh-20 {
        min-height: 200px;
    }
    .lg-minh-25 {
        min-height: 250px;
    }
    .lg-minh-30 {
        min-height: 300px;
    }
    .lg-minh-35 {
        min-height: 350px;
    }
    .lg-minh-40 {
        min-height: 400px;
    }
    .lg-minh-45 {
        min-height: 450px;
    }
    .lg-minh-50 {
        min-height: 500px;
    }
    .lg-minh-55 {
        min-height: 550px;
    }
    .lg-minh-60 {
        min-height: 600px;
    }
    .lg-minh-63 {
        min-height: 630px;
    }
    .lg-minh-65 {
        min-height: 650px;
    }
    .lg-minh-70 {
        min-height: 700px;
    }
    .lg-minh-72 {
        min-height: 720px;
    }
    .lg-minh-75 {
        min-height: 750px;
    }
    .lg-minh-80 {
        min-height: 800px;
    }
    .lg-minh-90 {
        min-height: 900px;
    }
    .lg-minh-100 {
        min-height: auto;
    }

    .lg-maxh-3 {
        max-height: 30px;
    }
    .lg-maxh-10 {
        max-height: 100px;
    }
    .lg-maxh-15 {
        max-height: 150px;
    }
    .lg-maxh-20 {
        max-height: 200px;
    }
    .lg-maxh-25 {
        max-height: 250px;
    }
    .lg-maxh-30 {
        max-height: 300px;
    }
    .lg-maxh-35 {
        max-height: 350px;
    }
    .lg-maxh-40 {
        max-height: 400px;
    }
    .lg-maxh-45 {
        max-height: 450px;
    }
    .lg-maxh-50 {
        max-height: 500px;
    }
    .lg-maxh-55 {
        max-height: 550px;
    }
    .lg-maxh-60 {
        max-height: 600px;
    }
    .lg-maxh-63 {
        max-height: 630px;
    }
    .lg-maxh-65 {
        max-height: 650px;
    }
    .lg-maxh-70 {
        max-height: 700px;
    }
    .lg-maxh-75 {
        max-height: 750px;
    }
    .lg-maxh-80 {
        max-height: 800px;
    }
    .lg-maxh-90 {
        max-height: 900px;
    }
    .lg-maxh-100 {
        max-height: auto;
    }

    .lg-bor-b0,
    .lg-bor-y0 {
        border-bottom-width: 0px !important;
    }
    .lg-bor-b1,
    .lg-bor-y1 {
        border-bottom-width: 1px;
    }
    .lg-bor-b2,
    .lg-bor-y2 {
        border-bottom-width: 2px;
    }
    .lg-bor-b3,
    .lg-bor-y3 {
        border-bottom-width: 3px;
    }
    .lg-bor-b4,
    .lg-bor-y4 {
        border-bottom-width: 4px;
    }
    .lg-bor-b5,
    .lg-bor-y5 {
        border-bottom-width: 5px;
    }

    .lg-bor-t0,
    .lg-bor-y0 {
        border-top-width: 0px !important;
    }
    .lg-bor-t1,
    .lg-bor-y1 {
        border-top-width: 1px;
    }
    .lg-bor-t2,
    .lg-bor-y2 {
        border-top-width: 2px;
    }
    .lg-bor-t3,
    .lg-bor-y3 {
        border-top-width: 3px;
    }
    .lg-bor-t4,
    .lg-bor-y4 {
        border-top-width: 4px;
    }
    .lg-bor-t5,
    .lg-bor-y5 {
        border-top-width: 5px;
    }

    .lg-bor-r0,
    .lg-bor-x0 {
        border-right-width: 0px !important;
    }
    .lg-bor-r1,
    .lg-bor-x1 {
        border-right-width: 1px;
    }
    .lg-bor-r2,
    .lg-bor-x2 {
        border-right-width: 2px;
    }
    .lg-bor-r3,
    .lg-bor-x3 {
        border-right-width: 3px;
    }
    .lg-bor-r4,
    .lg-bor-x4 {
        border-right-width: 4px;
    }
    .lg-bor-r5,
    .lg-bor-x5 {
        border-right-width: 5px;
    }

    .lg-bor-l0,
    .lg-bor-x0 {
        border-left-width: 0px !important;
    }
    .lg-bor-l1,
    .lg-bor-x1 {
        border-left-width: 1px;
    }
    .lg-bor-l2,
    .lg-bor-x2 {
        border-left-width: 2px;
    }
    .lg-bor-l3,
    .lg-bor-x3 {
        border-left-width: 3px;
    }
    .lg-bor-l4,
    .lg-bor-x4 {
        border-left-width: 4px;
    }
    .lg-bor-l5,
    .lg-bor-x5 {
        border-left-width: 5px;
    }
}

@media screen and (max-width: 850px) {
    .lg-md-hide {
        display: none;
    }

    .lg-md-show {
        display: inline-block;
    }

    .lg-md-pos-abs {
        position: absolute;
    }
    .lg-md-pos-rel {
        position: relative;
    }
    .lg-md-pos-fix {
        position: fixed;
    }

    .lg-md-pin-lt {
        left: 0;
        top: 0;
        bottom: auto;
        right: auto;
    }
    .lg-md-pin-rt {
        right: 0;
        top: 0;
        bottom: auto;
        left: auto;
    }
    .lg-md-pin-lb {
        left: 0;
        bottom: 0;
        top: auto;
        right: auto;
    }
    .lg-md-pin-rb {
        right: 0;
        bottom: 0;
        top: auto;
        left: auto;
    }
    .lg-md-pin-au {
        right: auto;
        bottom: auto;
        top: auto;
        left: auto;
    }

    .lg-md-hvisib {
        visibility: hidden;
    }
    .lg-md-svisib {
        visibility: visible;
    }

    .lg-md-bg-no {
        background: none;
    }

    .lg-md-col-1 {
        width: 8.333333%;
    }
    .lg-md-col-2 {
        width: 16.666667%;
    }
    .lg-md-col-3 {
        width: 25%;
    }
    .lg-md-col-4 {
        width: 33.333333%;
    }
    .lg-md-col-5 {
        width: 41.666667%;
    }
    .lg-md-col-6 {
        width: 50%;
    }
    .lg-md-col-7 {
        width: 58.333333%;
    }
    .lg-md-col-8 {
        width: 66.666667%;
    }
    .lg-md-col-9 {
        width: 75%;
    }
    .lg-md-col-10 {
        width: 83.333333%;
    }
    .lg-md-col-11 {
        width: 91.666667%;
    }
    .lg-md-col-12 {
        width: 100%;
    }
    .lg-md-col-100 {
        width: 100%;
    }
    .lg-md-col-a {
        width: auto;
    }

    .lg-md-mb-o5,
    .lg-md-my-o5 {
        margin-bottom: -5px;
    }
    .lg-md-mb-o10,
    .lg-md-my-o10 {
        margin-bottom: -10px;
    }
    .lg-md-mb-o15,
    .lg-md-my-o15 {
        margin-bottom: -15px;
    }
    .lg-md-mb-o20,
    .lg-md-my-o20 {
        margin-bottom: -20px;
    }
    .lg-md-mb-o30,
    .lg-md-my-o30 {
        margin-bottom: -30px;
    }
    .lg-md-mb-o40,
    .lg-md-my-o40 {
        margin-bottom: -40px;
    }
    .lg-md-mb-o50,
    .lg-md-my-o50 {
        margin-bottom: -50px;
    }
    .lg-md-mb-o100,
    .lg-md-my-o100 {
        margin-bottom: -100px;
    }

    .lg-md-mt-o5,
    .lg-md-my-o5 {
        margin-top: -5px;
    }
    .lg-md-mt-o10,
    .lg-md-my-o10 {
        margin-top: -10px;
    }
    .lg-md-mt-o15,
    .lg-md-my-o15 {
        margin-top: -15px;
    }
    .lg-md-mt-o20,
    .lg-md-my-o20 {
        margin-top: -20px;
    }
    .lg-md-mt-o30,
    .lg-md-my-o30 {
        margin-top: -30px;
    }
    .lg-md-mt-o40,
    .lg-md-my-o40 {
        margin-top: -40px;
    }
    .lg-md-mt-o50,
    .lg-md-my-o50 {
        margin-top: -50px;
    }
    .lg-md-mt-o100,
    .lg-md-my-o100 {
        margin-top: -100px;
    }

    .lg-md-ml-o5,
    .lg-md-mx-o5 {
        margin-left: -5px;
    }
    .lg-md-ml-o10,
    .lg-md-mx-o10 {
        margin-left: -10px;
    }
    .lg-md-ml-o15,
    .lg-md-mx-o15 {
        margin-left: -15px;
    }
    .lg-md-ml-o20,
    .lg-md-mx-o20 {
        margin-left: -20px;
    }
    .lg-md-ml-o30,
    .lg-md-mx-o30 {
        margin-left: -30px;
    }
    .lg-md-ml-o35,
    .lg-md-mx-o35 {
        margin-left: -35px;
    }
    .lg-md-ml-o40,
    .lg-md-mx-o40 {
        margin-left: -40px;
    }
    .lg-md-ml-o50,
    .lg-md-mx-o50 {
        margin-left: -50px;
    }
    .lg-md-ml-o100,
    .lg-md-mx-o100 {
        margin-left: -100px;
    }

    .lg-md-mr-o5,
    .lg-md-mx-o5 {
        margin-right: -5px;
    }
    .lg-md-mr-o10,
    .lg-md-mx-o10 {
        margin-right: -10px;
    }
    .lg-md-mr-o15,
    .lg-md-mx-o15 {
        margin-right: -15px;
    }
    .lg-md-mr-o20,
    .lg-md-mx-o20 {
        margin-right: -20px;
    }
    .lg-md-mr-o30,
    .lg-md-mx-o30 {
        margin-right: -30px;
    }
    .lg-md-mr-o35,
    .lg-md-mx-o35 {
        margin-right: -35px;
    }
    .lg-md-mr-o40,
    .lg-md-mx-o40 {
        margin-right: -40px;
    }
    .lg-md-mr-o50,
    .lg-md-mx-o50 {
        margin-right: -50px;
    }
    .lg-md-mr-o100,
    .lg-md-mx-o100 {
        margin-right: -100px;
    }

    .lg-md-mt-0,
    .lg-md-my-0 {
        margin-top: 0px;
    }
    .lg-md-mt-5,
    .lg-md-my-5 {
        margin-top: 5px;
    }
    .lg-md-mt-10,
    .lg-md-my-10 {
        margin-top: 10px;
    }
    .lg-md-mt-15,
    .lg-md-my-15 {
        margin-top: 15px;
    }
    .lg-md-mt-20,
    .lg-md-my-20 {
        margin-top: 20px;
    }
    .lg-md-mt-30,
    .lg-md-my-30 {
        margin-top: 30px;
    }
    .lg-md-mt-40,
    .lg-md-my-40 {
        margin-top: 40px;
    }
    .lg-md-mt-50,
    .lg-md-my-50 {
        margin-top: 50px;
    }
    .lg-md-mt-60,
    .lg-md-my-60 {
        margin-top: 60px;
    }
    .lg-md-mt-70,
    .lg-md-my-70 {
        margin-top: 70px;
    }
    .lg-md-mt-80,
    .lg-md-my-80 {
        margin-top: 80px;
    }
    .lg-md-mt-85,
    .lg-md-my-85 {
        margin-top: 85px;
    }
    .lg-md-mt-90,
    .lg-md-my-90 {
        margin-top: 90px;
    }
    .lg-md-mt-100,
    .lg-md-my-100 {
        margin-top: 100px;
    }

    .lg-md-mb-0,
    .lg-md-my-0 {
        margin-bottom: 0px;
    }
    .lg-md-mb-5,
    .lg-md-my-5 {
        margin-bottom: 5px;
    }
    .lg-md-mb-10,
    .lg-md-my-10 {
        margin-bottom: 10px;
    }
    .lg-md-mb-15,
    .lg-md-my-15 {
        margin-bottom: 15px;
    }
    .lg-md-mb-20,
    .lg-md-my-20 {
        margin-bottom: 20px;
    }
    .lg-md-mb-30,
    .lg-md-my-30 {
        margin-bottom: 30px;
    }
    .lg-md-mb-40,
    .lg-md-my-40 {
        margin-bottom: 40px;
    }
    .lg-md-mb-50,
    .lg-md-my-50 {
        margin-bottom: 50px;
    }
    .lg-md-mb-60,
    .lg-md-my-60 {
        margin-bottom: 60px;
    }
    .lg-md-mb-70,
    .lg-md-my-70 {
        margin-bottom: 70px;
    }
    .lg-md-mb-80,
    .lg-md-my-80 {
        margin-bottom: 80px;
    }
    .lg-md-mb-85,
    .lg-md-my-85 {
        margin-bottom: 85px;
    }
    .lg-md-mb-90,
    .lg-md-my-90 {
        margin-bottom: 90px;
    }
    .lg-md-mb-100,
    .lg-md-my-100 {
        margin-bottom: 100px;
    }

    .lg-md-mr-0,
    .lg-md-mx-0 {
        margin-right: 0px;
    }
    .lg-md-mr-5,
    .lg-md-mx-5 {
        margin-right: 5px;
    }
    .lg-md-mr-10,
    .lg-md-mx-10 {
        margin-right: 10px;
    }
    .lg-md-mr-15,
    .lg-md-mx-15 {
        margin-right: 15px;
    }
    .lg-md-mr-20,
    .lg-md-mx-20 {
        margin-right: 20px;
    }
    .lg-md-mr-30,
    .lg-md-mx-30 {
        margin-right: 30px;
    }
    .lg-md-mr-40,
    .lg-md-mx-40 {
        margin-right: 40px;
    }
    .lg-md-mr-50,
    .lg-md-mx-50 {
        margin-right: 50px;
    }
    .lg-md-mr-60,
    .lg-md-mx-60 {
        margin-right: 60px;
    }
    .lg-md-mr-70,
    .lg-md-mx-70 {
        margin-right: 70px;
    }
    .lg-md-mr-80,
    .lg-md-mx-80 {
        margin-right: 80px;
    }
    .lg-md-mr-85,
    .lg-md-mx-85 {
        margin-right: 85px;
    }
    .lg-md-mr-90,
    .lg-md-mx-90 {
        margin-right: 90px;
    }
    .lg-md-mr-100,
    .lg-md-mx-100 {
        margin-right: 100px;
    }

    .lg-md-ml-0,
    .lg-md-mx-0 {
        margin-left: 0px;
    }
    .lg-md-ml-5,
    .lg-md-mx-5 {
        margin-left: 5px;
    }
    .lg-md-ml-10,
    .lg-md-mx-10 {
        margin-left: 10px;
    }
    .lg-md-ml-15,
    .lg-md-mx-15 {
        margin-left: 15px;
    }
    .lg-md-ml-20,
    .lg-md-mx-20 {
        margin-left: 20px;
    }
    .lg-md-ml-30,
    .lg-md-mx-30 {
        margin-left: 30px;
    }
    .lg-md-ml-40,
    .lg-md-mx-40 {
        margin-left: 40px;
    }
    .lg-md-ml-50,
    .lg-md-mx-50 {
        margin-left: 50px;
    }
    .lg-md-ml-60,
    .lg-md-mx-60 {
        margin-left: 60px;
    }
    .lg-md-ml-70,
    .lg-md-mx-70 {
        margin-left: 70px;
    }
    .lg-md-ml-80,
    .lg-md-mx-80 {
        margin-left: 80px;
    }
    .lg-md-ml-85,
    .lg-md-mx-85 {
        margin-left: 85px;
    }
    .lg-md-ml-90,
    .lg-md-mx-90 {
        margin-left: 90px;
    }
    .lg-md-ml-100,
    .lg-md-mx-100 {
        margin-left: 100px;
    }

    .lg-md-pt-0,
    .lg-md-py-0 {
        padding-top: 0px;
    }
    .lg-md-pt-5,
    .lg-md-py-5 {
        padding-top: 5px;
    }
    .lg-md-pt-10,
    .lg-md-py-10 {
        padding-top: 10px;
    }
    .lg-md-pt-15,
    .lg-md-py-15 {
        padding-top: 15px;
    }
    .lg-md-pt-20,
    .lg-md-py-20 {
        padding-top: 20px;
    }
    .lg-md-pt-25,
    .lg-md-py-25 {
        padding-top: 25px;
    }
    .lg-md-pt-30,
    .lg-md-py-30 {
        padding-top: 30px;
    }
    .lg-md-pt-35,
    .lg-md-py-35 {
        padding-top: 35px;
    }
    .lg-md-pt-40,
    .lg-md-py-40 {
        padding-top: 40px;
    }
    .lg-md-pt-50,
    .lg-md-py-50 {
        padding-top: 50px;
    }
    .lg-md-pt-60,
    .lg-md-py-60 {
        padding-top: 60px;
    }
    .lg-md-pt-70,
    .lg-md-py-70 {
        padding-top: 70px;
    }
    .lg-md-pt-80,
    .lg-md-py-80 {
        padding-top: 80px;
    }
    .lg-md-pt-100,
    .lg-md-py-100 {
        padding-top: 100px;
    }

    .lg-md-pb-0,
    .lg-md-py-0 {
        padding-bottom: 0px;
    }
    .lg-md-pb-5,
    .lg-md-py-5 {
        padding-bottom: 5px;
    }
    .lg-md-pb-10,
    .lg-md-py-10 {
        padding-bottom: 10px;
    }
    .lg-md-pb-15,
    .lg-md-py-15 {
        padding-bottom: 15px;
    }
    .lg-md-pb-20,
    .lg-md-py-20 {
        padding-bottom: 20px;
    }
    .lg-md-pb-25,
    .lg-md-py-25 {
        padding-bottom: 25px;
    }
    .lg-md-pb-30,
    .lg-md-py-30 {
        padding-bottom: 30px;
    }
    .lg-md-pb-40,
    .lg-md-py-40 {
        padding-bottom: 40px;
    }
    .lg-md-pb-50,
    .lg-md-py-50 {
        padding-bottom: 50px;
    }
    .lg-md-pb-60,
    .lg-md-py-60 {
        padding-bottom: 60px;
    }
    .lg-md-pb-70,
    .lg-md-py-70 {
        padding-bottom: 70px;
    }
    .lg-md-pb-80,
    .lg-md-py-80 {
        padding-bottom: 80px;
    }
    .lg-md-pb-100,
    .lg-md-py-100 {
        padding-bottom: 100px;
    }

    .lg-md-pl-0,
    .lg-md-px-0 {
        padding-left: 0px;
    }
    .lg-md-pl-5,
    .lg-md-px-5 {
        padding-left: 5px;
    }
    .lg-md-pl-10,
    .lg-md-px-10 {
        padding-left: 10px;
    }
    .lg-md-pl-15,
    .lg-md-px-15 {
        padding-left: 15px;
    }
    .lg-md-pl-20,
    .lg-md-px-20 {
        padding-left: 20px;
    }
    .lg-md-pl-25,
    .lg-md-px-25 {
        padding-left: 25px;
    }
    .lg-md-pl-30,
    .lg-md-px-30 {
        padding-left: 30px;
    }
    .lg-md-pl-40,
    .lg-md-px-40 {
        padding-left: 40px;
    }
    .lg-md-pl-50,
    .lg-md-px-50 {
        padding-left: 50px;
    }
    .lg-md-pl-60,
    .lg-md-px-60 {
        padding-left: 60px;
    }
    .lg-md-pl-70,
    .lg-md-px-70 {
        padding-left: 70px;
    }
    .lg-md-pl-80,
    .lg-md-px-80 {
        padding-left: 80px;
    }
    .lg-md-pl-90,
    .lg-md-px-90 {
        padding-left: 90px;
    }
    .lg-md-pl-100,
    .lg-md-px-100 {
        padding-left: 100px;
    }

    .lg-md-pr-0,
    .lg-md-px-0 {
        padding-right: 0px;
    }
    .lg-md-pr-5,
    .lg-md-px-5 {
        padding-right: 5px;
    }
    .lg-md-pr-10,
    .lg-md-px-10 {
        padding-right: 10px;
    }
    .lg-md-pr-15,
    .lg-md-px-15 {
        padding-right: 15px;
    }
    .lg-md-pr-20,
    .lg-md-px-20 {
        padding-right: 20px;
    }
    .lg-md-pr-25,
    .lg-md-px-25 {
        padding-right: 25px;
    }
    .lg-md-pr-30,
    .lg-md-px-30 {
        padding-right: 30px;
    }
    .lg-md-pr-40,
    .lg-md-px-40 {
        padding-right: 40px;
    }
    .lg-md-pr-50,
    .lg-md-px-50 {
        padding-right: 50px;
    }
    .lg-md-pr-60,
    .lg-md-px-60 {
        padding-right: 60px;
    }
    .lg-md-pr-70,
    .lg-md-px-70 {
        padding-right: 70px;
    }
    .lg-md-pr-80,
    .lg-md-px-80 {
        padding-right: 80px;
    }
    .lg-md-pr-90,
    .lg-md-px-90 {
        padding-right: 90px;
    }
    .lg-md-pr-100,
    .lg-md-px-100 {
        padding-right: 100px;
    }

    .lg-md-minh-10 {
        min-height: 100px;
    }
    .lg-md-minh-20 {
        min-height: 200px;
    }
    .lg-md-minh-25 {
        min-height: 250px;
    }
    .lg-md-minh-30 {
        min-height: 300px;
    }
    .lg-md-minh-35 {
        min-height: 350px;
    }
    .lg-md-minh-40 {
        min-height: 400px;
    }
    .lg-md-minh-45 {
        min-height: 450px;
    }
    .lg-md-minh-50 {
        min-height: 500px;
    }
    .lg-md-minh-55 {
        min-height: 550px;
    }
    .lg-md-minh-60 {
        min-height: 600px;
    }
    .lg-md-minh-65 {
        min-height: 650px;
    }
    .lg-md-minh-70 {
        min-height: 700px;
    }
    .lg-md-minh-75 {
        min-height: 750px;
    }
    .lg-md-minh-80 {
        min-height: 800px;
    }
    .lg-md-minh-90 {
        min-height: 900px;
    }
    .lg-md-minh-100 {
        min-height: auto;
    }

    .lg-md-fnts-0 {
        font-size: 0px;
    }
    .lg-md-fnts-10 {
        font-size: 10px;
    }
    .lg-md-fnts-12 {
        font-size: 12px;
    }
    .lg-md-fnts-13 {
        font-size: 13px;
    }
    .lg-md-fnts-14 {
        font-size: 14px;
    }
    .lg-md-fnts-15 {
        font-size: 15px;
    }
    .lg-md-fnts-16 {
        font-size: 16px;
    }
    .lg-md-fnts-18 {
        font-size: 17px;
    }
    .lg-md-fnts-20 {
        font-size: 20px;
    }
    .lg-md-fnts-22 {
        font-size: 22px;
    }
    .lg-md-fnts-24 {
        font-size: 24px;
    }
    .lg-md-fnts-26 {
        font-size: 26px;
    }
    .lg-md-fnts-28 {
        font-size: 28px;
    }
    .lg-md-fnts-30 {
        font-size: 30px;
    }
    .lg-md-fnts-32 {
        font-size: 32px;
    }
    .lg-md-fnts-34 {
        font-size: 34px;
    }
    .lg-md-fnts-36 {
        font-size: 36px;
    }
    .lg-md-fnts-40 {
        font-size: 40px;
    }
    .lg-md-fnts-42 {
        font-size: 42px;
    }
    .lg-md-fnts-45 {
        font-size: 45px;
    }
    .lg-md-fnts-48 {
        font-size: 48px;
    }
    .lg-md-fnts-52 {
        font-size: 52px;
    }
    .lg-md-fnts-54 {
        font-size: 54px;
    }
    .lg-md-fnts-56 {
        font-size: 56px;
    }
    .lg-md-fnts-60 {
        font-size: 60px;
    }
    .lg-md-fnts-72 {
        font-size: 72px;
    }
    .lg-md-fnts-80 {
        font-size: 80px;
    }
    .lg-md-fnts-120 {
        font-size: 120px;
    }
    .lg-md-fnts-150 {
        font-size: 150px;
    }

    .lg-md-fntlh-0 {
        line-height: 12px;
    }
    .lg-md-fntlh-12 {
        line-height: 12px;
    }
    .lg-md-fntlh-14 {
        line-height: 14px;
    }
    .lg-md-fntlh-16 {
        line-height: 16px;
    }
    .lg-md-fntlh-18 {
        line-height: 18px;
    }
    .lg-md-fntlh-20 {
        line-height: 20px;
    }
    .lg-md-fntlh-22 {
        line-height: 22px;
    }
    .lg-md-fntlh-24 {
        line-height: 24px;
    }
    .lg-md-fntlh-26 {
        line-height: 26px;
    }
    .lg-md-fntlh-28 {
        line-height: 28px;
    }
    .lg-md-fntlh-30 {
        line-height: 30px;
    }
    .lg-md-fntlh-32 {
        line-height: 32px;
    }
    .lg-md-fntlh-34 {
        line-height: 34px;
    }
    .lg-md-fntlh-38 {
        line-height: 38px;
    }
    .lg-md-fntlh-40 {
        line-height: 40px;
    }
    .lg-md-fntlh-44 {
        line-height: 44px;
    }
    .lg-md-fntlh-45 {
        line-height: 45px;
    }
    .lg-md-fntlh-50 {
        line-height: 50px;
    }
    .lg-md-fntlh-52 {
        line-height: 52px;
    }
    .lg-md-fntlh-55 {
        line-height: 55px;
    }
    .lg-md-fntlh-60 {
        line-height: 60px;
    }
    .lg-md-fntlh-70 {
        line-height: 70px;
    }
    .lg-md-fntlh-80 {
        line-height: 80px;
    }
    .lg-md-fntlh-120 {
        line-height: 120px;
    }
    .lg-md-fntlh-150 {
        line-height: 150px;
    }

    .lg-md-colh-1 {
        height: 8.333333%;
    }
    .lg-md-colh-2 {
        height: 16.666667%;
    }
    .lg-md-colh-3 {
        height: 25%;
    }
    .lg-md-colh-4 {
        height: 33.333333%;
    }
    .lg-md-colh-5 {
        height: 41.666667%;
    }
    .lg-md-colh-6 {
        height: 50%;
    }
    .lg-md-colh-7 {
        height: 58.333333%;
    }
    .lg-md-colh-8 {
        height: 66.666667%;
    }
    .lg-md-colh-9 {
        height: 75%;
    }
    .lg-md-colh-10 {
        height: 83.333333%;
    }
    .lg-md-colh-11 {
        height: 91.666667%;
    }
    .lg-md-colh-12 {
        height: 100%;
    }
    .lg-md-colh-a {
        height: auto;
        max-height: 100%;
    }
}

@media screen and (max-width: 768px) {
    .md-bcol-292 {
        border-color: #292929;
    }

    .md-bort-type1,
    .md-bory-type1 {
        border-top-style: solid;
    }
    .md-borb-type1,
    .md-bory-type1 {
        border-bottom-style: solid;
    }
    .md-borl-type1,
    .md-borx-type1 {
        border-left-style: solid;
    }
    .md-borr-type1,
    .md-borx-type1 {
        border-right-style: solid;
    }

    .md-bort-type2,
    .md-bory-type2 {
        border-top-style: dotted;
    }
    .md-borb-type2,
    .md-bory-type2 {
        border-bottom-style: dotted;
    }
    .md-borl-type2,
    .md-borx-type2 {
        border-left-style: dotted;
    }
    .md-borr-type2,
    .md-borx-type2 {
        border-right-style: dotted;
    }

    .md-bort-type3,
    .md-bory-type3 {
        border-top-style: dashed;
    }
    .md-borb-type3,
    .md-bory-type3 {
        border-bottom-style: dashed;
    }
    .md-borl-type3,
    .md-borx-type3 {
        border-left-style: dashed;
    }
    .md-borr-type3,
    .md-borx-type3 {
        border-right-style: dashed;
    }

    .md-bor-b0,
    .md-bor-y0 {
        border-bottom-width: 0px !important;
    }
    .md-bor-b1,
    .md-bor-y1 {
        border-bottom-width: 1px;
    }
    .md-bor-b2,
    .md-bor-y2 {
        border-bottom-width: 2px;
    }
    .md-bor-b3,
    .md-bor-y3 {
        border-bottom-width: 3px;
    }
    .md-bor-b4,
    .md-bor-y4 {
        border-bottom-width: 4px;
    }
    .md-bor-b5,
    .md-bor-y5 {
        border-bottom-width: 5px;
    }

    .md-bor-t0,
    .md-bor-y0 {
        border-top-width: 0px !important;
    }
    .md-bor-t1,
    .md-bor-y1 {
        border-top-width: 1px;
    }
    .md-bor-t2,
    .md-bor-y2 {
        border-top-width: 2px;
    }
    .md-bor-t3,
    .md-bor-y3 {
        border-top-width: 3px;
    }
    .md-bor-t4,
    .md-bor-y4 {
        border-top-width: 4px;
    }
    .md-bor-t5,
    .md-bor-y5 {
        border-top-width: 5px;
    }

    .md-bor-r0,
    .md-bor-x0 {
        border-right-width: 0px !important;
    }
    .md-bor-r1,
    .md-bor-x1 {
        border-right-width: 1px;
    }
    .md-bor-r2,
    .md-bor-x2 {
        border-right-width: 2px;
    }
    .md-bor-r3,
    .md-bor-x3 {
        border-right-width: 3px;
    }
    .md-bor-r4,
    .md-bor-x4 {
        border-right-width: 4px;
    }
    .md-bor-r5,
    .md-bor-x5 {
        border-right-width: 5px;
    }

    .md-bor-l0,
    .md-bor-x0 {
        border-left-width: 0px !important;
    }
    .md-bor-l1,
    .md-bor-x1 {
        border-left-width: 1px;
    }
    .md-bor-l2,
    .md-bor-x2 {
        border-left-width: 2px;
    }
    .md-bor-l3,
    .md-bor-x3 {
        border-left-width: 3px;
    }
    .md-bor-l4,
    .md-bor-x4 {
        border-left-width: 4px;
    }
    .md-bor-l5,
    .md-bor-x5 {
        border-left-width: 5px;
    }

    .md-d-iblock {
        display: inline-block;
    }
    .md-d-inline {
        display: inline;
    }
    .md-d-table {
        display: table;
    }
    .md-d-tcell {
        display: table-cell;
    }
    .md-d-block {
        display: block;
    }
    .md-d-flex {
        display: flex;
    }

    .md-d-iblock {
        display: inline-block;
    }

    .md-hh-25 {
        height: 25px;
    }
    .md-hh-30 {
        height: 30px;
    }
    .md-hh-35 {
        height: 35px;
    }
    .md-hh-40 {
        height: 40px;
    }
    .md-hh-70 {
        height: 70px;
    }
    .md-hh-100 {
        height: 100px;
    }
    .md-hh-120 {
        height: 120px;
    }
    .md-hh-130 {
        height: 130px;
    }
    .md-hh-150 {
        height: 150px;
    }
    .md-hh-160 {
        height: 160px;
    }
    .md-ww-25 {
        width: 25px;
    }
    .md-ww-30 {
        width: 30px;
    }
    .md-ww-40 {
        width: 40px;
    }
    .md-ww-70 {
        width: 70px;
    }
    .md-ww-120 {
        width: 120px;
    }
    .md-ww-150 {
        width: 150px;
    }

    .md-col-100 {
        width: 100%;
        height: auto !important;
    }

    .md-hide {
        display: none;
    }

    .md-oshow {
        display: inline-block;
    }

    .md-px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .md-overflow-x {
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }

    .md-flex-x {
        overflow: hidden;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-padding: 1rem;
    }

    .md-flex-x-item {
        justify-content: center;
        align-items: start;
        /*flex: 0 0 300px;*/
        scroll-snap-align: start;
    }

    .md-colh-vh50 {
        height: 50vh;
    }
    .md-colh-vh60 {
        height: 60vh;
    }
    .md-colh-vh70 {
        height: 70vh;
    }
    .md-colh-vh80 {
        height: 80vh;
    }
    .md-colh-vh90 {
        height: 90vh;
    }
    .md-colh-vh95 {
        height: 95vh;
    }
    .md-colh-vh100 {
        height: 100vh;
    }

    .md-hvisib {
        visibility: hidden;
    }
    .md-svisib {
        visibility: visible;
    }

    .md-bg-no {
        background: none;
    }

    .md-no-bord {
        border: 0;
    }

    .md-col-count0 {
        -moz-column-count: auto;
        -webkit-column-count: auto;
        column-count: auto;
    }
    .md-col-count1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .md-col-count2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .md-col-count3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    .md-float-left {
        float: left;
    }
    .md-float-right {
        float: right;
    }
    .md-float-none {
        float: none;
    }

    .md-align-left {
        text-align: left;
    }
    .md-align-right {
        text-align: right;
    }
    .md-align-center {
        text-align: center;
    }

    .md-pos-abs {
        position: absolute;
    }
    .md-pos-rel {
        position: relative;
    }
    .md-pos-fix {
        position: fixed;
    }

    .md-pin-lt {
        left: 0;
        top: 0;
    }
    .md-pin-rt {
        right: 0;
        top: 0;
    }
    .md-pin-lb {
        left: 0;
        bottom: 0;
    }
    .md-pin-lb40p {
        left: 0;
        bottom: 40%;
    }
    .md-pin-rb {
        right: 0;
        bottom: 0;
        top: auto;
        left: auto;
    }

    .md-pos-abs {
        position: absolute;
    }
    .md-pos-rel {
        position: relative;
    }
    .md-pos-fix {
        position: fixed;
    }

    .md-vt-align {
        vertical-align: top;
    }
    .md-vm-align {
        vertical-align: middle;
    }
    .md-vb-align {
        vertical-align: bottom;
    }

    .md-col-1 {
        width: 8.333333%;
    }
    .md-col-2 {
        width: 16.666667%;
    }
    .md-col-3 {
        width: 25%;
    }
    .md-col-4 {
        width: 33.333333%;
    }
    .md-col-5 {
        width: 41.666667%;
    }
    .md-col-6 {
        width: 50%;
    }
    .md-col-7 {
        width: 58.333333%;
    }
    .md-col-8 {
        width: 66.666667%;
    }
    .md-col-9 {
        width: 75%;
    }
    .md-col-10 {
        width: 83.333333%;
    }
    .md-col-11 {
        width: 91.666667%;
    }
    .md-col-12 {
        width: 100%;
    }
    .md-col-100 {
        width: 100%;
    }
    .md-col-a {
        width: auto;
    }

    .md-colm-1 {
        max-width: 8.333333%;
    }
    .md-colm-2 {
        max-width: 16.666667%;
    }
    .md-colm-3 {
        max-width: 25%;
    }
    .md-colm-4 {
        max-width: 33.333333%;
    }
    .md-colm-5 {
        max-width: 41.666667%;
    }
    .md-colm-6 {
        max-width: 50%;
    }
    .md-colm-7 {
        max-width: 58.333333%;
    }
    .md-colm-8 {
        max-width: 66.666667%;
    }
    .md-colm-9 {
        max-width: 75%;
    }
    .md-colm-10 {
        max-width: 83.333333%;
    }
    .md-colm-11 {
        max-width: 91.666667%;
    }
    .md-colm-12 {
        max-width: 100%;
    }

    .md-colh-1 {
        height: 8.333333%;
    }
    .md-colh-2 {
        height: 16.666667%;
    }
    .md-colh-3 {
        height: 25%;
    }
    .md-colh-4 {
        height: 33.333333%;
    }
    .md-colh-5 {
        height: 41.666667%;
    }
    .md-colh-6 {
        height: 50%;
    }
    .md-colh-7 {
        height: 58.333333%;
    }
    .md-colh-8 {
        height: 66.666667%;
    }
    .md-colh-9 {
        height: 75%;
    }
    .md-colh-10 {
        height: 83.333333%;
    }
    .md-colh-11 {
        height: 91.666667%;
    }
    .md-colh-12 {
        height: 100%;
    }
    .md-colh-a {
        height: auto;
        max-height: 100%;
    }

    .mobile .colh-vh100 {
        height: calc(100vh - 60px);
    }

    .md-opsty100 {
        opacity: 1;
    }

    .md-mb-o2,
    .md-my-o2 {
        margin-bottom: -2px;
    }
    .md-mb-o5,
    .md-my-o5 {
        margin-bottom: -5px;
    }
    .md-mb-o10,
    .md-my-o10 {
        margin-bottom: -10px;
    }
    .md-mb-o15,
    .md-my-o15 {
        margin-bottom: -15px;
    }
    .md-mb-o20,
    .md-my-o20 {
        margin-bottom: -20px;
    }
    .md-mb-o30,
    .md-my-o30 {
        margin-bottom: -30px;
    }
    .md-mb-o40,
    .md-my-o40 {
        margin-bottom: -40px;
    }
    .md-mb-o50,
    .md-my-o50 {
        margin-bottom: -50px;
    }
    .md-mb-o100,
    .md-my-o100 {
        margin-bottom: -100px;
    }

    .md-mt-o5,
    .md-my-o5 {
        margin-top: -5px;
    }
    .md-mt-o10,
    .md-my-o10 {
        margin-top: -10px;
    }
    .md-mt-o15,
    .md-my-o15 {
        margin-top: -15px;
    }
    .md-mt-o20,
    .md-my-o20 {
        margin-top: -20px;
    }
    .md-mt-o30,
    .md-my-o30 {
        margin-top: -30px;
    }
    .md-mt-o40,
    .md-my-o40 {
        margin-top: -40px;
    }
    .md-mt-o50,
    .md-my-o50 {
        margin-top: -50px;
    }
    .md-mt-o100,
    .md-my-o100 {
        margin-top: -100px;
    }

    .md-ml-o5,
    .md-mx-o5 {
        margin-left: -5px;
    }
    .md-ml-o10,
    .md-mx-o10 {
        margin-left: -10px;
    }
    .md-ml-o15,
    .md-mx-o15 {
        margin-left: -15px;
    }
    .md-ml-o20,
    .md-mx-o20 {
        margin-left: -20px;
    }
    .md-ml-o30,
    .md-mx-o30 {
        margin-left: -30px;
    }
    .md-ml-o35,
    .md-mx-o35 {
        margin-left: -35px;
    }
    .md-ml-o40,
    .md-mx-o40 {
        margin-left: -40px;
    }
    .md-ml-o50,
    .md-mx-o50 {
        margin-left: -50px;
    }
    .md-ml-o100,
    .md-mx-o100 {
        margin-left: -100px;
    }

    .md-mr-o0,
    .md-mx-o0 {
        margin-right: 0px;
    }
    .md-mr-o5,
    .md-mx-o5 {
        margin-right: -5px;
    }
    .md-mr-o10,
    .md-mx-o10 {
        margin-right: -10px;
    }
    .md-mr-o15,
    .md-mx-o15 {
        margin-right: -15px;
    }
    .md-mr-o20,
    .md-mx-o20 {
        margin-right: -20px;
    }
    .md-mr-o30,
    .md-mx-o30 {
        margin-right: -30px;
    }
    .md-mr-o35,
    .md-mx-o35 {
        margin-right: -35px;
    }
    .md-mr-o40,
    .md-mx-o40 {
        margin-right: -40px;
    }
    .md-mr-o50,
    .md-mx-o50 {
        margin-right: -50px;
    }
    .md-mr-o100,
    .md-mx-o100 {
        margin-right: -100px;
    }

    .md-mt-0,
    .md-my-0 {
        margin-top: 0px;
    }
    .md-mt-3,
    .md-my-3 {
        margin-top: 3px;
    }
    .md-mt-4,
    .md-my-4 {
        margin-top: 4px;
    }
    .md-mt-5,
    .md-my-5 {
        margin-top: 5px;
    }
    .md-mt-10,
    .md-my-10 {
        margin-top: 10px;
    }
    .md-mt-15,
    .md-my-15 {
        margin-top: 15px;
    }
    .md-mt-20,
    .md-my-20 {
        margin-top: 20px;
    }
    .md-mt-30,
    .md-my-30 {
        margin-top: 30px;
    }
    .md-mt-40,
    .md-my-40 {
        margin-top: 40px;
    }
    .md-mt-50,
    .md-my-50 {
        margin-top: 50px;
    }
    .md-mt-60,
    .md-my-60 {
        margin-top: 60px;
    }
    .md-mt-70,
    .md-my-70 {
        margin-top: 70px;
    }
    .md-mt-80,
    .md-my-80 {
        margin-top: 80px;
    }
    .md-mt-85,
    .md-my-85 {
        margin-top: 85px;
    }
    .md-mt-90,
    .md-my-90 {
        margin-top: 90px;
    }
    .md-mt-100,
    .md-my-100 {
        margin-top: 100px;
    }
    .md-mt-150,
    .md-my-150 {
        margin-top: 150px;
    }
    .md-mt-200,
    .md-my-200 {
        margin-top: 200px;
    }

    .md-mb-0,
    .md-my-0 {
        margin-bottom: 0px;
    }
    .md-mb-3,
    .md-my-3 {
        margin-bottom: 3px;
    }
    .md-mb-4,
    .md-my-4 {
        margin-bottom: 4px;
    }
    .md-mb-5,
    .md-my-5 {
        margin-bottom: 5px;
    }
    .md-mb-10,
    .md-my-10 {
        margin-bottom: 10px;
    }
    .md-mb-15,
    .md-my-15 {
        margin-bottom: 15px;
    }
    .md-mb-20,
    .md-my-20 {
        margin-bottom: 20px;
    }
    .md-mb-30,
    .md-my-30 {
        margin-bottom: 30px;
    }
    .md-mb-40,
    .md-my-40 {
        margin-bottom: 40px;
    }
    .md-mb-50,
    .md-my-50 {
        margin-bottom: 50px;
    }
    .md-mb-60,
    .md-my-60 {
        margin-bottom: 60px;
    }
    .md-mb-70,
    .md-my-70 {
        margin-bottom: 70px;
    }
    .md-mb-80,
    .md-my-80 {
        margin-bottom: 80px;
    }
    .md-mb-85,
    .md-my-85 {
        margin-bottom: 85px;
    }
    .md-mb-90,
    .md-my-90 {
        margin-bottom: 90px;
    }
    .md-mb-100,
    .md-my-100 {
        margin-bottom: 100px;
    }
    .md-mb-150,
    .md-my-150 {
        margin-bottom: 150px;
    }
    .md-mb-200,
    .md-my-200 {
        margin-bottom: 200px;
    }
    .md-mb-250,
    .md-my-250 {
        margin-bottom: 250px;
    }
    .md-mb-300,
    .md-my-300 {
        margin-bottom: 300px;
    }
    .md-mb-330,
    .md-my-330 {
        margin-bottom: 330px;
    }
    .md-mb-350,
    .md-my-350 {
        margin-bottom: 350px;
    }
    .md-mb-400,
    .md-my-400 {
        margin-bottom: 400px;
    }
    .md-mb-450,
    .md-my-450 {
        margin-bottom: 450px;
    }
    .md-mb-500,
    .md-my-500 {
        margin-bottom: 500px;
    }
    .md-mb-550,
    .md-my-550 {
        margin-bottom: 550px;
    }
    .md-mb-600,
    .md-my-600 {
        margin-bottom: 600px;
    }
    .md-mb-700,
    .md-my-700 {
        margin-bottom: 700px;
    }

    .md-mr-0,
    .md-mx-0 {
        margin-right: 0px;
    }
    .md-mr-5,
    .md-mx-5 {
        margin-right: 5px;
    }
    .md-mr-10,
    .md-mx-10 {
        margin-right: 10px;
    }
    .md-mr-15,
    .md-mx-15 {
        margin-right: 15px;
    }
    .md-mr-20,
    .md-mx-20 {
        margin-right: 20px;
    }
    .md-mr-30,
    .md-mx-30 {
        margin-right: 30px;
    }
    .md-mr-40,
    .md-mx-40 {
        margin-right: 40px;
    }
    .md-mr-50,
    .md-mx-50 {
        margin-right: 50px;
    }
    .md-mr-60,
    .md-mx-60 {
        margin-right: 60px;
    }
    .md-mr-70,
    .md-mx-70 {
        margin-right: 70px;
    }
    .md-mr-80,
    .md-mx-80 {
        margin-right: 80px;
    }
    .md-mr-85,
    .md-mx-85 {
        margin-right: 85px;
    }
    .md-mr-90,
    .md-mx-90 {
        margin-right: 90px;
    }
    .md-mr-100,
    .md-mx-100 {
        margin-right: 100px;
    }

    .md-ml-0,
    .md-mx-0 {
        margin-left: 0px;
    }
    .md-ml-5,
    .md-mx-5 {
        margin-left: 5px;
    }
    .md-ml-10,
    .md-mx-10 {
        margin-left: 10px;
    }
    .md-ml-15,
    .md-mx-15 {
        margin-left: 15px;
    }
    .md-ml-20,
    .md-mx-20 {
        margin-left: 20px;
    }
    .md-ml-30,
    .md-mx-30 {
        margin-left: 30px;
    }
    .md-ml-40,
    .md-mx-40 {
        margin-left: 40px;
    }
    .md-ml-50,
    .md-mx-50 {
        margin-left: 50px;
    }
    .md-ml-60,
    .md-mx-60 {
        margin-left: 60px;
    }
    .md-ml-70,
    .md-mx-70 {
        margin-left: 70px;
    }
    .md-ml-80,
    .md-mx-80 {
        margin-left: 80px;
    }
    .md-ml-85,
    .md-mx-85 {
        margin-left: 85px;
    }
    .md-ml-90,
    .md-mx-90 {
        margin-left: 90px;
    }
    .md-ml-100,
    .md-mx-100 {
        margin-left: 100px;
    }

    .md-pt-0,
    .md-py-0 {
        padding-top: 0px;
    }
    .md-pt-5,
    .md-py-5 {
        padding-top: 5px;
    }
    .md-pt-10,
    .md-py-10 {
        padding-top: 10px;
    }
    .md-pt-15,
    .md-py-15 {
        padding-top: 15px;
    }
    .md-pt-20,
    .md-py-20 {
        padding-top: 20px;
    }
    .md-pt-25,
    .md-py-25 {
        padding-top: 25px;
    }
    .md-pt-30,
    .md-py-30 {
        padding-top: 30px;
    }
    .md-pt-35,
    .md-py-35 {
        padding-top: 35px;
    }
    .md-pt-40,
    .md-py-40 {
        padding-top: 40px;
    }
    .md-pt-50,
    .md-py-50 {
        padding-top: 50px;
    }
    .md-pt-60,
    .md-py-60 {
        padding-top: 60px;
    }
    .md-pt-70,
    .md-py-70 {
        padding-top: 70px;
    }
    .md-pt-80,
    .md-py-80 {
        padding-top: 80px;
    }
    .md-pt-100,
    .md-py-100 {
        padding-top: 100px;
    }

    .md-pb-0,
    .md-py-0 {
        padding-bottom: 0px;
    }
    .md-pb-5,
    .md-py-5 {
        padding-bottom: 5px;
    }
    .md-pb-10,
    .md-py-10 {
        padding-bottom: 10px;
    }
    .md-pb-15,
    .md-py-15 {
        padding-bottom: 15px;
    }
    .md-pb-20,
    .md-py-20 {
        padding-bottom: 20px;
    }
    .md-pb-25,
    .md-py-25 {
        padding-bottom: 25px;
    }
    .md-pb-30,
    .md-py-30 {
        padding-bottom: 30px;
    }
    .md-pb-40,
    .md-py-40 {
        padding-bottom: 40px;
    }
    .md-pb-50,
    .md-py-50 {
        padding-bottom: 50px;
    }
    .md-pb-60,
    .md-py-60 {
        padding-bottom: 60px;
    }
    .md-pb-70,
    .md-py-70 {
        padding-bottom: 70px;
    }
    .md-pb-80,
    .md-py-80 {
        padding-bottom: 80px;
    }
    .md-pb-100,
    .md-py-100 {
        padding-bottom: 100px;
    }

    .md-pl-0,
    .md-px-0 {
        padding-left: 0px;
    }
    .md-pl-5,
    .md-px-5 {
        padding-left: 5px;
    }
    .md-pl-10,
    .md-px-10 {
        padding-left: 10px;
    }
    .md-pl-15,
    .md-px-15 {
        padding-left: 15px;
    }
    .md-pl-20,
    .md-px-20 {
        padding-left: 20px;
    }
    .md-pl-25,
    .md-px-25 {
        padding-left: 25px;
    }
    .md-pl-30,
    .md-px-30 {
        padding-left: 30px;
    }
    .md-pl-40,
    .md-px-40 {
        padding-left: 40px;
    }
    .md-pl-50,
    .md-px-50 {
        padding-left: 50px;
    }
    .md-pl-60,
    .md-px-60 {
        padding-left: 60px;
    }
    .md-pl-70,
    .md-px-70 {
        padding-left: 70px;
    }
    .md-pl-80,
    .md-px-80 {
        padding-left: 80px;
    }
    .md-pl-90,
    .md-px-90 {
        padding-left: 90px;
    }
    .md-pl-100,
    .md-px-100 {
        padding-left: 100px;
    }

    .md-pr-0,
    .md-px-0 {
        padding-right: 0px;
    }
    .md-pr-5,
    .md-px-5 {
        padding-right: 5px;
    }
    .md-pr-10,
    .md-px-10 {
        padding-right: 10px;
    }
    .md-pr-15,
    .md-px-15 {
        padding-right: 15px;
    }
    .md-pr-20,
    .md-px-20 {
        padding-right: 20px;
    }
    .md-pr-25,
    .md-px-25 {
        padding-right: 25px;
    }
    .md-pr-30,
    .md-px-30 {
        padding-right: 30px;
    }
    .md-pr-40,
    .md-px-40 {
        padding-right: 40px;
    }
    .md-pr-50,
    .md-px-50 {
        padding-right: 50px;
    }
    .md-pr-60,
    .md-px-60 {
        padding-right: 60px;
    }
    .md-pr-70,
    .md-px-70 {
        padding-right: 70px;
    }
    .md-pr-80,
    .md-px-80 {
        padding-right: 80px;
    }
    .md-pr-90,
    .md-px-90 {
        padding-right: 90px;
    }
    .md-pr-100,
    .md-px-100 {
        padding-right: 100px;
    }

    .md-offl-0,
    .md-offx-0 {
        margin-left: 0%;
    }
    .md-offl-l,
    .md-offx-l {
        margin-left: 8.333333%;
    }
    .md-offl-2,
    .md-offx-2 {
        margin-left: 16.666667%;
    }
    .md-offl-3,
    .md-offx-3 {
        margin-left: 25%;
    }
    .md-offl-4,
    .md-offx-4 {
        margin-left: 33.333333%;
    }
    .md-offl-5,
    .md-offx-5 {
        margin-left: 41.666667%;
    }
    .md-offl-6,
    .md-offx-6 {
        margin-left: 50%;
    }

    .md-offr-0,
    .md-offx-0 {
        margin-right: 0%;
    }
    .md-offr-l,
    .md-offx-1 {
        margin-right: 8.333333%;
    }
    .md-offr-2,
    .md-offx-2 {
        margin-right: 16.666667%;
    }
    .md-offr-3,
    .md-offx-3 {
        margin-right: 25%;
    }
    .md-offr-4,
    .md-offx-4 {
        margin-right: 33.333333%;
    }
    .md-offr-5,
    .md-offx-5 {
        margin-right: 41.666667%;
    }
    .md-offr-6,
    .md-offx-6 {
        margin-right: 50%;
    }

    .md-fnts-0 {
        font-size: 0px;
    }
    .md-fnts-10 {
        font-size: 10px;
    }
    .md-fnts-12 {
        font-size: 12px;
    }
    .md-fnts-13 {
        font-size: 13px;
    }
    .md-fnts-14 {
        font-size: 14px;
    }
    .md-fnts-15 {
        font-size: 15px;
    }
    .md-fnts-16 {
        font-size: 16px;
    }
    .md-fnts-18 {
        font-size: 17px;
    }
    .md-fnts-20 {
        font-size: 20px;
    }
    .md-fnts-22 {
        font-size: 22px;
    }
    .md-fnts-24 {
        font-size: 24px;
    }
    .md-fnts-26 {
        font-size: 26px;
    }
    .md-fnts-28 {
        font-size: 28px;
    }
    .md-fnts-30 {
        font-size: 30px;
    }
    .md-fnts-32 {
        font-size: 32px;
    }
    .md-fnts-34 {
        font-size: 34px;
    }
    .md-fnts-36 {
        font-size: 36px;
    }
    .md-fnts-40 {
        font-size: 40px;
    }
    .md-fnts-42 {
        font-size: 42px;
    }
    .md-fnts-45 {
        font-size: 45px;
    }
    .md-fnts-48 {
        font-size: 48px;
    }
    .md-fnts-52 {
        font-size: 52px;
    }
    .md-fnts-54 {
        font-size: 54px;
    }
    .md-fnts-56 {
        font-size: 56px;
    }
    .md-fnts-60 {
        font-size: 60px;
    }
    .md-fnts-72 {
        font-size: 72px;
    }
    .md-fnts-80 {
        font-size: 80px;
    }
    .md-fnts-120 {
        font-size: 120px;
    }
    .md-fnts-150 {
        font-size: 150px;
    }

    .md-fntlh-0 {
        line-height: 12px;
    }
    .md-fntlh-12 {
        line-height: 12px;
    }
    .md-fntlh-14 {
        line-height: 14px;
    }
    .md-fntlh-16 {
        line-height: 16px;
    }
    .md-fntlh-18 {
        line-height: 18px;
    }
    .md-fntlh-20 {
        line-height: 20px;
    }
    .md-fntlh-22 {
        line-height: 22px;
    }
    .md-fntlh-24 {
        line-height: 24px;
    }
    .md-fntlh-26 {
        line-height: 26px;
    }
    .md-fntlh-28 {
        line-height: 28px;
    }
    .md-fntlh-30 {
        line-height: 30px;
    }
    .md-fntlh-32 {
        line-height: 32px;
    }
    .md-fntlh-34 {
        line-height: 34px;
    }
    .md-fntlh-38 {
        line-height: 38px;
    }
    .md-fntlh-40 {
        line-height: 40px;
    }
    .md-fntlh-44 {
        line-height: 44px;
    }
    .md-fntlh-45 {
        line-height: 45px;
    }
    .md-fntlh-50 {
        line-height: 50px;
    }
    .md-fntlh-52 {
        line-height: 52px;
    }
    .md-fntlh-55 {
        line-height: 55px;
    }
    .md-fntlh-60 {
        line-height: 60px;
    }
    .md-fntlh-70 {
        line-height: 70px;
    }
    .md-fntlh-80 {
        line-height: 80px;
    }
    .md-fntlh-120 {
        line-height: 120px;
    }
    .md-fntlh-150 {
        line-height: 150px;
    }

    .md-minh-5 {
        min-height: 50px;
    }
    .md-minh-10 {
        min-height: 100px;
    }
    .md-minh-15 {
        min-height: 150px;
    }
    .md-minh-20 {
        min-height: 200px;
    }
    .md-minh-25 {
        min-height: 250px;
    }
    .md-minh-303 {
        min-height: 303px;
    }
    .md-minh-304 {
        min-height: 304px;
    }
    .md-minh-30 {
        min-height: 300px;
    }
    .md-minh-33 {
        min-height: 330px;
    }
    .md-minh-35 {
        min-height: 350px;
    }
    .md-minh-40 {
        min-height: 400px;
    }
    .md-minh-45 {
        min-height: 450px;
    }
    .md-minh-50 {
        min-height: 500px;
    }
    .md-minh-55 {
        min-height: 550px;
    }
    .md-minh-60 {
        min-height: 600px;
    }
    .md-minh-65 {
        min-height: 650px;
    }
    .md-minh-70 {
        min-height: 700px;
    }
    .md-minh-75 {
        min-height: 750px;
    }
    .md-minh-80 {
        min-height: 800px;
    }
    .md-minh-90 {
        min-height: 900px;
    }
    .md-minh-100v {
        min-height: 100vh;
    }
    .md-minh-100 {
        min-height: auto;
    }

    .md-maxh-2_5 {
        max-height: 25px;
    }
    .md-maxh-5 {
        max-height: 50px;
    }
    .md-maxh-10 {
        max-height: 100px;
    }
    .md-maxh-15 {
        max-height: 150px;
    }
    .md-maxh-20 {
        max-height: 200px;
    }
    .md-maxh-25 {
        max-height: 250px;
    }
    .md-maxh-30 {
        max-height: 300px;
    }
    .md-maxh-303 {
        max-height: 303px;
    }
    .md-maxh-304 {
        max-height: 304px;
    }
    .md-maxh-33 {
        max-height: 330px;
    }
    .md-maxh-35 {
        max-height: 350px;
    }
    .md-maxh-40 {
        max-height: 400px;
    }
    .md-maxh-45 {
        max-height: 450px;
    }
    .md-maxh-50 {
        max-height: 500px;
    }
    .md-maxh-55 {
        max-height: 550px;
    }
    .md-maxh-60 {
        max-height: 600px;
    }
    .md-maxh-65 {
        max-height: 650px;
    }
    .md-maxh-70 {
        max-height: 700px;
    }
    .md-maxh-75 {
        max-height: 750px;
    }
    .md-maxh-80 {
        max-height: 800px;
    }
    .md-maxh-90 {
        max-height: 900px;
    }
    .md-maxh-100 {
        max-height: auto;
    }

    .md-maxw-2 {
        max-width: 20px;
    }
    .md-maxw-3 {
        max-width: 30px;
    }
    .md-maxw-3-5 {
        max-width: 35px;
    }
    .md-maxw-4 {
        max-width: 40px;
    }
    .md-maxw-5 {
        max-width: 50px;
    }
    .md-maxw-6 {
        max-width: 60px;
    }
    .md-maxw-7 {
        max-width: 70px;
    }
    .md-maxw-8 {
        max-width: 80px;
    }
    .md-maxw-10 {
        max-width: 100px;
    }
    .md-maxw-13 {
        max-width: 130px;
    }
    .md-maxw-15 {
        max-width: 150px;
    }
    .md-maxw-16 {
        max-width: 160px;
    }
    .md-maxw-17 {
        max-width: 170px;
    }
    .md-maxw-20 {
        max-width: 200px;
    }
    .md-maxw-235 {
        max-width: 235px;
    }
    .md-maxw-25 {
        max-width: 250px;
    }
    .md-maxw-30 {
        max-width: 300px;
    }
    .md-maxw-32 {
        max-width: 320px;
    }
    .md-maxw-322 {
        max-width: 322px;
    }
    .md-maxw-332 {
        max-width: 332px;
    }
    .md-maxw-35 {
        max-width: 350px;
    }
    .md-maxw-40 {
        max-width: 400px;
    }
    .md-maxw-45 {
        max-width: 450px;
    }
    .md-maxw-46 {
        max-width: 460px;
    }
    .md-maxw-50 {
        max-width: 500px;
    }
    .md-maxw-55 {
        max-width: 550px;
    }
    .md-maxw-60 {
        max-width: 600px;
    }
    .md-maxw-64 {
        max-width: 640px;
    }
    .md-maxw-65 {
        max-width: 650px;
    }
    .md-maxw-665 {
        max-width: 665px;
    }
    .md-maxw-70 {
        max-width: 700px;
    }
    .md-maxw-75 {
        max-width: 750px;
    }
    .md-maxw-80 {
        max-width: 800px;
    }
    .md-maxw-90 {
        max-width: 900px;
    }
    .md-maxw-100 {
        max-width: auto;
    }
    .md-maxw-100p {
        max-width: 100%;
    }

    .md-minw-5 {
        min-width: 50px;
    }
    .md-minw-7 {
        min-width: 70px;
    }
    .md-minw-10 {
        min-width: 100px;
    }
    .md-minw-20 {
        min-width: 200px;
    }
    .md-minw-25 {
        min-width: 250px;
    }
    .md-minw-28 {
        min-width: 280px;
    }
    .md-minw-30 {
        min-width: 300px;
    }
    .md-minw-35 {
        min-width: 350px;
    }
    .md-minw-40 {
        min-width: 400px;
    }
    .md-minw-45 {
        min-width: 450px;
    }
    .md-minw-50 {
        min-width: 500px;
    }
    .md-minw-55 {
        min-width: 550px;
    }
    .md-minw-60 {
        min-width: 600px;
    }
    .md-minw-65 {
        min-width: 650px;
    }
    .md-minw-70 {
        min-width: 700px;
    }
    .md-minw-75 {
        min-width: 750px;
    }
    .md-minw-80 {
        min-width: 800px;
    }
    .md-minw-90 {
        min-width: 900px;
    }
    .md-minw-100 {
        min-width: auto;
    }

    .md-h-018 {
        height: 18px;
    }
    .md-h-3 {
        height: 30px;
    }
    .md-h-4 {
        height: 40px;
    }
    .md-h-5 {
        height: 50px;
    }
    .md-h-10 {
        height: 100px;
    }
    .md-h-20 {
        height: 200px;
    }
    .md-h-25 {
        height: 250px;
    }
    .md-h-30 {
        height: 300px;
    }
    .md-h-35 {
        height: 350px;
    }
    .md-h-40 {
        height: 400px;
    }
    .md-h-45 {
        height: 450px;
    }
    .md-h-50 {
        height: 500px;
    }
    .md-h-55 {
        height: 550px;
    }
    .md-h-60 {
        height: 600px;
    }
    .md-h-65 {
        height: 650px;
    }
    .md-h-70 {
        height: 700px;
    }
    .md-h-75 {
        height: 750px;
    }
    .md-h-80 {
        height: 800px;
    }
    .md-h-90 {
        height: 900px;
    }
    .md-h-100 {
        height: auto;
    }

    .md-w-5 {
        width: 50px;
    }
    .md-w-10 {
        width: 100px;
    }
    .md-w-20 {
        width: 200px;
    }
    .md-w-25 {
        width: 250px;
    }
    .md-w-30 {
        width: 300px;
    }
    .md-w-35 {
        width: 350px;
    }
    .md-w-40 {
        width: 400px;
    }
    .md-w-45 {
        width: 450px;
    }
    .md-w-50 {
        width: 500px;
    }
    .md-w-55 {
        width: 550px;
    }
    .md-w-60 {
        width: 600px;
    }
    .md-w-65 {
        width: 650px;
    }
    .md-w-70 {
        width: 700px;
    }
    .md-w-75 {
        width: 750px;
    }
    .md-w-80 {
        width: 800px;
    }
    .md-w-90 {
        width: 900px;
    }
    .md-w-100 {
        width: auto;
    }

    .md-lsp-o0 {
        letter-spacing: 0px;
    }

    .md-bor-b0,
    .md-bor-y0 {
        border-bottom-width: 0px !important;
    }
    .md-bor-b1,
    .md-bor-y1 {
        border-bottom-width: 1px;
    }
    .md-bor-b2,
    .md-bor-y2 {
        border-bottom-width: 2px;
    }
    .md-bor-b3,
    .md-bor-y3 {
        border-bottom-width: 3px;
    }
    .md-bor-b4,
    .md-bor-y4 {
        border-bottom-width: 4px;
    }
    .md-bor-b5,
    .md-bor-y5 {
        border-bottom-width: 5px;
    }

    .md-bor-t0,
    .md-bor-y0 {
        border-top-width: 0px !important;
    }
    .md-bor-t1,
    .md-bor-y1 {
        border-top-width: 1px;
    }
    .md-bor-t2,
    .md-bor-y2 {
        border-top-width: 2px;
    }
    .md-bor-t3,
    .md-bor-y3 {
        border-top-width: 3px;
    }
    .md-bor-t4,
    .md-bor-y4 {
        border-top-width: 4px;
    }
    .md-bor-t5,
    .md-bor-y5 {
        border-top-width: 5px;
    }

    .md-bor-r0,
    .md-bor-x0 {
        border-right-width: 0px !important;
    }
    .md-bor-r1,
    .md-bor-x1 {
        border-right-width: 1px;
    }
    .md-bor-r2,
    .md-bor-x2 {
        border-right-width: 2px;
    }
    .md-bor-r3,
    .md-bor-x3 {
        border-right-width: 3px;
    }
    .md-bor-r4,
    .md-bor-x4 {
        border-right-width: 4px;
    }
    .md-bor-r5,
    .md-bor-x5 {
        border-right-width: 5px;
    }

    .md-bor-l0,
    .md-bor-x0 {
        border-left-width: 0px !important;
    }
    .md-bor-l1,
    .md-bor-x1 {
        border-left-width: 1px;
    }
    .md-bor-l2,
    .md-bor-x2 {
        border-left-width: 2px;
    }
    .md-bor-l3,
    .md-bor-x3 {
        border-left-width: 3px;
    }
    .md-bor-l4,
    .md-bor-x4 {
        border-left-width: 4px;
    }
    .md-bor-l5,
    .md-bor-x5 {
        border-left-width: 5px;
    }
}

@media screen and (max-width: 650px) {
    .md-sm-fnts-0 {
        font-size: 0px;
    }
    .md-sm-fnts-10 {
        font-size: 10px;
    }
    .md-sm-fnts-12 {
        font-size: 12px;
    }
    .md-sm-fnts-13 {
        font-size: 13px;
    }
    .md-sm-fnts-14 {
        font-size: 14px;
    }
    .md-sm-fnts-15 {
        font-size: 15px;
    }
    .md-sm-fnts-16 {
        font-size: 16px;
    }
    .md-sm-fnts-18 {
        font-size: 17px;
    }
    .md-sm-fnts-20 {
        font-size: 20px;
    }
    .md-sm-fnts-22 {
        font-size: 22px;
    }
    .md-sm-fnts-24 {
        font-size: 24px;
    }
    .md-sm-fnts-26 {
        font-size: 26px;
    }
    .md-sm-fnts-28 {
        font-size: 28px;
    }
    .md-sm-fnts-30 {
        font-size: 30px;
    }
    .md-sm-fnts-32 {
        font-size: 32px;
    }
    .md-sm-fnts-34 {
        font-size: 34px;
    }
    .md-sm-fnts-36 {
        font-size: 36px;
    }
    .md-sm-fnts-40 {
        font-size: 40px;
    }
    .md-sm-fnts-42 {
        font-size: 42px;
    }
    .md-sm-fnts-45 {
        font-size: 45px;
    }
    .md-sm-fnts-48 {
        font-size: 48px;
    }
    .md-sm-fnts-52 {
        font-size: 52px;
    }
    .md-sm-fnts-54 {
        font-size: 54px;
    }
    .md-sm-fnts-56 {
        font-size: 56px;
    }
    .md-sm-fnts-60 {
        font-size: 60px;
    }
    .md-sm-fnts-72 {
        font-size: 72px;
    }
    .md-sm-fnts-80 {
        font-size: 80px;
    }
    .md-sm-fnts-120 {
        font-size: 120px;
    }
    .md-sm-fnts-150 {
        font-size: 150px;
    }

    .md-sm-bg-no {
        background: none;
    }

    .md-sm-fntlh-0 {
        line-height: 12px;
    }
    .md-sm-fntlh-12 {
        line-height: 12px;
    }
    .md-sm-fntlh-14 {
        line-height: 14px;
    }
    .md-sm-fntlh-16 {
        line-height: 16px;
    }
    .md-sm-fntlh-18 {
        line-height: 18px;
    }
    .md-sm-fntlh-20 {
        line-height: 20px;
    }
    .md-sm-fntlh-22 {
        line-height: 22px;
    }
    .md-sm-fntlh-24 {
        line-height: 24px;
    }
    .md-sm-fntlh-26 {
        line-height: 26px;
    }
    .md-sm-fntlh-28 {
        line-height: 28px;
    }
    .md-sm-fntlh-30 {
        line-height: 30px;
    }
    .md-sm-fntlh-32 {
        line-height: 32px;
    }
    .md-sm-fntlh-34 {
        line-height: 34px;
    }
    .md-sm-fntlh-38 {
        line-height: 38px;
    }
    .md-sm-fntlh-40 {
        line-height: 40px;
    }
    .md-sm-fntlh-44 {
        line-height: 44px;
    }
    .md-sm-fntlh-45 {
        line-height: 45px;
    }
    .md-sm-fntlh-50 {
        line-height: 50px;
    }
    .md-sm-fntlh-52 {
        line-height: 52px;
    }
    .md-sm-fntlh-55 {
        line-height: 55px;
    }
    .md-sm-fntlh-60 {
        line-height: 60px;
    }
    .md-sm-fntlh-70 {
        line-height: 70px;
    }
    .md-sm-fntlh-80 {
        line-height: 80px;
    }
    .md-sm-fntlh-120 {
        line-height: 120px;
    }
    .md-sm-fntlh-150 {
        line-height: 150px;
    }
}

@media screen and (max-width: 576px) {
    .sm-r-05 {
        right: 5px;
    }

    .sm-scale09 {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    .sm-scale1 {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .sm-scale1_2 {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .sm-show,
    .sm-oshow {
        display: inline-block;
    }

    .sm-ishow {
        display: inline-block !important;
    }
    .sm-inshow {
        display: inline !important;
    }
    .sm-hide {
        display: none;
    }
    .sm-ihide {
        display: none !important;
    }
    .sm-col-100 {
        width: 100%;
        height: auto !important;
    }

    .sm-line-clamp1 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .sm-line-clamp2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .sm-line-clamp3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .sm-line-clamp4 {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .sm-no-bord {
        border: 0;
    }

    .sm-hh-25 {
        height: 25px;
    }
    .sm-hh-30 {
        height: 30px;
    }
    .sm-hh-35 {
        height: 35px;
    }
    .sm-hh-40 {
        height: 40px;
    }
    .sm-hh-50 {
        height: 50px;
    }
    .sm-hh-70 {
        height: 70px;
    }
    .sm-hh-120 {
        height: 120px;
    }
    .sm-hh-150 {
        height: 150px;
    }
    .sm-ww-25 {
        width: 25px;
    }
    .sm-ww-30 {
        width: 30px;
    }
    .sm-ww-40 {
        width: 40px;
    }
    .sm-ww-70 {
        width: 70px;
    }
    .sm-ww-120 {
        width: 120px;
    }
    .sm-ww-150 {
        width: 150px;
    }

    .sm-bg-no {
        background: none;
    }

    .sm-maxh-5 {
        max-height: 50px;
    }
    .sm-maxh-10 {
        max-height: 100px;
    }
    .sm-maxh-15 {
        max-height: 150px;
    }
    .sm-maxh-20 {
        max-height: 200px;
    }
    .sm-maxh-25 {
        max-height: 250px;
    }
    .sm-maxh-30 {
        max-height: 300px;
    }
    .sm-maxh-304 {
        max-height: 304px;
    }
    .sm-maxh-33 {
        max-height: 330px;
    }
    .sm-maxh-35 {
        max-height: 350px;
    }
    .sm-maxh-40 {
        max-height: 400px;
    }
    .sm-maxh-45 {
        max-height: 450px;
    }
    .sm-maxh-50 {
        max-height: 500px;
    }
    .sm-maxh-55 {
        max-height: 550px;
    }
    .sm-maxh-60 {
        max-height: 600px;
    }
    .sm-maxh-65 {
        max-height: 650px;
    }
    .sm-maxh-70 {
        max-height: 700px;
    }
    .sm-maxh-75 {
        max-height: 750px;
    }
    .sm-maxh-80 {
        max-height: 800px;
    }
    .sm-maxh-90 {
        max-height: 900px;
    }
    .sm-maxh-100 {
        max-height: auto;
    }

    .sm-wrd-brk {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    .sm-wrd-brk-all {
        word-break: break-all;
    }
    .sm-wrd-brk-rnd {
        hyphens: auto;
        position: relative;
        word-wrap: break-word;
        word-break: break-word;
    }

    .sm-bg-trns {
        background-color: transparent;
    }

    .sm-mt-o50p,
    .sm-my-o50p {
        margin-top: -50%;
    }
    .sm-mt-o100p,
    .sm-my-o100p {
        margin-top: -100%;
    }

    .sm-hvisib {
        visibility: hidden;
    }
    .sm-svisib {
        visibility: visible;
    }

    .sm-overflow-x {
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }
    .sm-overflow-y {
        overflow: hidden;
        overflow-y: auto;
    }
    .sm-overflow-h {
        overflow: hidden;
    }
    .sm-overflow-a {
        overflow: auto;
    }

    .sm-col-count0 {
        -moz-column-count: auto;
        -webkit-column-count: auto;
        column-count: auto;
    }
    .sm-col-count1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .sm-col-count2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .sm-col-count3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    .sm-float-left {
        float: left;
    }
    .sm-float-right {
        float: right;
    }
    .sm-float-none {
        float: none;
    }

    .sm-align-left {
        text-align: left;
    }
    .sm-align-right {
        text-align: right;
    }

    .sm-pos-abs {
        position: absolute;
    }
    .sm-pos-rel {
        position: relative;
    }
    .sm-pos-fix {
        position: fixed;
    }

    .sm-align-left {
        text-align: left;
    }
    .sm-align-right {
        text-align: right;
    }
    .sm-align-center {
        text-align: center;
    }

    .sm-pin-lt {
        left: 0;
        top: 0;
    }
    .sm-pin-rt {
        right: 0;
        top: 0;
    }
    .sm-pin-lb {
        left: 0;
        bottom: 0;
    }
    .sm-pin-rb {
        right: 0;
        bottom: 0;
    }
    .sm-pin-a {
        right: auto;
        bottom: auto;
        left: auto;
        top: auto;
    }

    .sm-col-1 {
        width: 8.333333%;
    }
    .sm-col-2 {
        width: 16.666667%;
    }
    .sm-col-3 {
        width: 25%;
    }
    .sm-col-4 {
        width: 33.333333%;
    }
    .sm-col-5 {
        width: 41.666667%;
    }
    .sm-col-6 {
        width: 50%;
    }
    .sm-col-7 {
        width: 58.333333%;
    }
    .sm-col-8 {
        width: 66.666667%;
    }
    .sm-col-9 {
        width: 75%;
    }
    .sm-col-10 {
        width: 83.333333%;
    }
    .sm-col-11 {
        width: 91.666667%;
    }
    .sm-col-12 {
        width: 100%;
    }
    .sm-col-100 {
        width: 100%;
    }
    .sm-col-a {
        width: auto;
    }

    .sm-colh-1 {
        height: 8.333333%;
    }
    .sm-colh-2 {
        height: 16.666667%;
    }
    .sm-colh-3 {
        height: 25%;
    }
    .sm-colh-4 {
        height: 33.333333%;
    }
    .sm-colh-5 {
        height: 41.666667%;
    }
    .sm-colh-6 {
        height: 50%;
    }
    .sm-colh-7 {
        height: 58.333333%;
    }
    .sm-colh-8 {
        height: 66.666667%;
    }
    .sm-colh-9 {
        height: 75%;
    }
    .sm-colh-10 {
        height: 83.333333%;
    }
    .sm-colh-11 {
        height: 91.666667%;
    }
    .sm-colh-12 {
        height: 100%;
    }

    .sm-colm-1 {
        max-width: 8.333333%;
    }
    .sm-colm-2 {
        max-width: 16.666667%;
    }
    .sm-colm-3 {
        max-width: 25%;
    }
    .sm-colm-4 {
        max-width: 33.333333%;
    }
    .sm-colm-5 {
        max-width: 41.666667%;
    }
    .sm-colm-6 {
        max-width: 50%;
    }
    .sm-colm-7 {
        max-width: 58.333333%;
    }
    .sm-colm-8 {
        max-width: 66.666667%;
    }
    .sm-colm-9 {
        max-width: 75%;
    }
    .sm-colm-10 {
        max-width: 83.333333%;
    }
    .sm-colm-11 {
        max-width: 91.666667%;
    }
    .sm-colm-12 {
        max-width: 100%;
    }

    .sm-mb-o5,
    .sm-my-o5 {
        margin-bottom: -5px;
    }
    .sm-mb-o10,
    .sm-my-o10 {
        margin-bottom: -10px;
    }
    .sm-mb-o15,
    .sm-my-o15 {
        margin-bottom: -15px;
    }
    .sm-mb-o20,
    .sm-my-o20 {
        margin-bottom: -20px;
    }
    .sm-mb-o30,
    .sm-my-o30 {
        margin-bottom: -30px;
    }
    .sm-mb-o40,
    .sm-my-o40 {
        margin-bottom: -40px;
    }
    .sm-mb-o50,
    .sm-my-o50 {
        margin-bottom: -50px;
    }
    .sm-mb-o100,
    .sm-my-o100 {
        margin-bottom: -100px;
    }

    .sm-mt-o1,
    .sm-my-o1 {
        margin-top: -1px;
    }
    .sm-mt-o5,
    .sm-my-o5 {
        margin-top: -5px;
    }
    .sm-mt-o10,
    .sm-my-o10 {
        margin-top: -10px;
    }
    .sm-mt-o15,
    .sm-my-o15 {
        margin-top: -15px;
    }
    .sm-mt-o20,
    .sm-my-o20 {
        margin-top: -20px;
    }
    .sm-mt-o30,
    .sm-my-o30 {
        margin-top: -30px;
    }
    .sm-mt-o40,
    .sm-my-o40 {
        margin-top: -40px;
    }
    .sm-mt-o50,
    .sm-my-o50 {
        margin-top: -50px;
    }
    .sm-mt-o100,
    .sm-my-o100 {
        margin-top: -100px;
    }

    .sm-ml-o5,
    .sm-mx-o5 {
        margin-left: -5px;
    }
    .sm-ml-o10,
    .sm-mx-o10 {
        margin-left: -10px;
    }
    .sm-ml-o15,
    .sm-mx-o15 {
        margin-left: -15px;
    }
    .sm-ml-o20,
    .sm-mx-o20 {
        margin-left: -20px;
    }
    .sm-ml-o30,
    .sm-mx-o30 {
        margin-left: -30px;
    }
    .sm-ml-o35,
    .sm-mx-o35 {
        margin-left: -35px;
    }
    .sm-ml-o40,
    .sm-mx-o40 {
        margin-left: -40px;
    }
    .sm-ml-o50,
    .sm-mx-o50 {
        margin-left: -50px;
    }
    .sm-ml-o100,
    .sm-mx-o100 {
        margin-left: -100px;
    }

    .sm-mr-o5,
    .sm-mx-o5 {
        margin-right: -5px;
    }
    .sm-mr-o10,
    .sm-mx-o10 {
        margin-right: -10px;
    }
    .sm-mr-o15,
    .sm-mx-o15 {
        margin-right: -15px;
    }
    .sm-mr-o20,
    .sm-mx-o20 {
        margin-right: -20px;
    }
    .sm-mr-o30,
    .sm-mx-o30 {
        margin-right: -30px;
    }
    .sm-mr-o35,
    .sm-mx-o35 {
        margin-right: -35px;
    }
    .sm-mr-o40,
    .sm-mx-o40 {
        margin-right: -40px;
    }
    .sm-mr-o50,
    .sm-mx-o50 {
        margin-right: -50px;
    }
    .sm-mr-o100,
    .sm-mx-o100 {
        margin-right: -100px;
    }

    .sm-mt-0,
    .sm-my-0 {
        margin-top: 0px;
    }
    .sm-mt-3,
    .sm-my-3 {
        margin-top: 3px;
    }
    .sm-mt-5,
    .sm-my-5 {
        margin-top: 5px;
    }
    .sm-mt-10,
    .sm-my-10 {
        margin-top: 10px;
    }
    .sm-mt-15,
    .sm-my-15 {
        margin-top: 15px;
    }
    .sm-mt-20,
    .sm-my-20 {
        margin-top: 20px;
    }
    .sm-mt-30,
    .sm-my-30 {
        margin-top: 30px;
    }
    .sm-mt-40,
    .sm-my-40 {
        margin-top: 40px;
    }
    .sm-mt-50,
    .sm-my-50 {
        margin-top: 50px;
    }
    .sm-mt-60,
    .sm-my-60 {
        margin-top: 60px;
    }
    .sm-mt-70,
    .sm-my-70 {
        margin-top: 70px;
    }
    .sm-mt-80,
    .sm-my-80 {
        margin-top: 80px;
    }
    .sm-mt-85,
    .sm-my-85 {
        margin-top: 85px;
    }
    .sm-mt-90,
    .sm-my-90 {
        margin-top: 90px;
    }
    .sm-mt-100,
    .sm-my-100 {
        margin-top: 100px;
    }
    .sm-mt-150,
    .sm-my-150 {
        margin-top: 150px;
    }

    .sm-mb-0,
    .sm-my-0 {
        margin-bottom: 0px;
    }
    .sm-mb-5,
    .sm-my-5 {
        margin-bottom: 5px;
    }
    .sm-mb-10,
    .sm-my-10 {
        margin-bottom: 10px;
    }
    .sm-mb-15,
    .sm-my-15 {
        margin-bottom: 15px;
    }
    .sm-mb-20,
    .sm-my-20 {
        margin-bottom: 20px;
    }
    .sm-mb-30,
    .sm-my-30 {
        margin-bottom: 30px;
    }
    .sm-mb-40,
    .sm-my-40 {
        margin-bottom: 40px;
    }
    .sm-mb-50,
    .sm-my-50 {
        margin-bottom: 50px;
    }
    .sm-mb-60,
    .sm-my-60 {
        margin-bottom: 60px;
    }
    .sm-mb-70,
    .sm-my-70 {
        margin-bottom: 70px;
    }
    .sm-mb-80,
    .sm-my-80 {
        margin-bottom: 80px;
    }
    .sm-mb-85,
    .sm-my-85 {
        margin-bottom: 85px;
    }
    .sm-mb-90,
    .sm-my-90 {
        margin-bottom: 90px;
    }
    .sm-mb-100,
    .sm-my-100 {
        margin-bottom: 100px;
    }

    .sm-mr-0,
    .sm-mx-0 {
        margin-right: 0px;
    }
    .sm-mr-5,
    .sm-mx-5 {
        margin-right: 5px;
    }
    .sm-mr-10,
    .sm-mx-10 {
        margin-right: 10px;
    }
    .sm-mr-15,
    .sm-mx-15 {
        margin-right: 15px;
    }
    .sm-mr-20,
    .sm-mx-20 {
        margin-right: 20px;
    }
    .sm-mr-30,
    .sm-mx-30 {
        margin-right: 30px;
    }
    .sm-mr-40,
    .sm-mx-40 {
        margin-right: 40px;
    }
    .sm-mr-50,
    .sm-mx-50 {
        margin-right: 50px;
    }
    .sm-mr-60,
    .sm-mx-60 {
        margin-right: 60px;
    }
    .sm-mr-70,
    .sm-mx-70 {
        margin-right: 70px;
    }
    .sm-mr-80,
    .sm-mx-80 {
        margin-right: 80px;
    }
    .sm-mr-85,
    .sm-mx-85 {
        margin-right: 85px;
    }
    .sm-mr-90,
    .sm-mx-90 {
        margin-right: 90px;
    }
    .sm-mr-100,
    .sm-mx-100 {
        margin-right: 100px;
    }

    .sm-ml-0,
    .sm-mx-0 {
        margin-left: 0px;
    }
    .sm-ml-5,
    .sm-mx-5 {
        margin-left: 5px;
    }
    .sm-ml-10,
    .sm-mx-10 {
        margin-left: 10px;
    }
    .sm-ml-15,
    .sm-mx-15 {
        margin-left: 15px;
    }
    .sm-ml-20,
    .sm-mx-20 {
        margin-left: 20px;
    }
    .sm-ml-30,
    .sm-mx-30 {
        margin-left: 30px;
    }
    .sm-ml-40,
    .sm-mx-40 {
        margin-left: 40px;
    }
    .sm-ml-50,
    .sm-mx-50 {
        margin-left: 50px;
    }
    .sm-ml-60,
    .sm-mx-60 {
        margin-left: 60px;
    }
    .sm-ml-70,
    .sm-mx-70 {
        margin-left: 70px;
    }
    .sm-ml-80,
    .sm-mx-80 {
        margin-left: 80px;
    }
    .sm-ml-85,
    .sm-mx-85 {
        margin-left: 85px;
    }
    .sm-ml-90,
    .sm-mx-90 {
        margin-left: 90px;
    }
    .sm-ml-100,
    .sm-mx-100 {
        margin-left: 100px;
    }

    .sm-pt-0,
    .sm-py-0 {
        padding-top: 0px;
    }
    .sm-pt-3,
    .sm-py-3 {
        padding-top: 3px;
    }
    .sm-pt-5,
    .sm-py-5 {
        padding-top: 5px;
    }
    .sm-pt-10,
    .sm-py-10 {
        padding-top: 10px;
    }
    .sm-pt-15,
    .sm-py-15 {
        padding-top: 15px;
    }
    .sm-pt-20,
    .sm-py-20 {
        padding-top: 20px;
    }
    .sm-pt-25,
    .sm-py-25 {
        padding-top: 25px;
    }
    .sm-pt-30,
    .sm-py-30 {
        padding-top: 30px;
    }
    .sm-pt-35,
    .sm-py-35 {
        padding-top: 35px;
    }
    .sm-pt-40,
    .sm-py-40 {
        padding-top: 40px;
    }
    .sm-pt-50,
    .sm-py-50 {
        padding-top: 50px;
    }
    .sm-pt-60,
    .sm-py-60 {
        padding-top: 60px;
    }
    .sm-pt-70,
    .sm-py-70 {
        padding-top: 70px;
    }
    .sm-pt-80,
    .sm-py-80 {
        padding-top: 80px;
    }
    .sm-pt-100,
    .sm-py-100 {
        padding-top: 100px;
    }

    .sm-pb-0,
    .sm-py-0 {
        padding-bottom: 0px;
    }
    .sm-pb-5,
    .sm-py-5 {
        padding-bottom: 5px;
    }
    .sm-pb-10,
    .sm-py-10 {
        padding-bottom: 10px;
    }
    .sm-pb-15,
    .sm-py-15 {
        padding-bottom: 15px;
    }
    .sm-pb-20,
    .sm-py-20 {
        padding-bottom: 20px;
    }
    .sm-pb-25,
    .sm-py-25 {
        padding-bottom: 25px;
    }
    .sm-pb-30,
    .sm-py-30 {
        padding-bottom: 30px;
    }
    .sm-pb-40,
    .sm-py-40 {
        padding-bottom: 40px;
    }
    .sm-pb-50,
    .sm-py-50 {
        padding-bottom: 50px;
    }
    .sm-pb-60,
    .sm-py-60 {
        padding-bottom: 60px;
    }
    .sm-pb-70,
    .sm-py-70 {
        padding-bottom: 70px;
    }
    .sm-pb-80,
    .sm-py-80 {
        padding-bottom: 80px;
    }
    .sm-pb-100,
    .sm-py-100 {
        padding-bottom: 100px;
    }

    .sm-pl-0,
    .sm-px-0 {
        padding-left: 0px;
    }
    .sm-pl-5,
    .sm-px-5 {
        padding-left: 5px;
    }
    .sm-pl-10,
    .sm-px-10 {
        padding-left: 10px;
    }
    .sm-pl-15,
    .sm-px-15 {
        padding-left: 15px;
    }
    .sm-pl-20,
    .sm-px-20 {
        padding-left: 20px;
    }
    .sm-pl-25,
    .sm-px-25 {
        padding-left: 25px;
    }
    .sm-pl-30,
    .sm-px-30 {
        padding-left: 30px;
    }
    .sm-pl-40,
    .sm-px-40 {
        padding-left: 40px;
    }
    .sm-pl-50,
    .sm-px-50 {
        padding-left: 50px;
    }
    .sm-pl-60,
    .sm-px-60 {
        padding-left: 60px;
    }
    .sm-pl-70,
    .sm-px-70 {
        padding-left: 70px;
    }
    .sm-pl-80,
    .sm-px-80 {
        padding-left: 80px;
    }
    .sm-pl-90,
    .sm-px-90 {
        padding-left: 90px;
    }
    .sm-pl-100,
    .sm-px-100 {
        padding-left: 100px;
    }

    .sm-pr-0,
    .sm-px-0 {
        padding-right: 0px;
    }
    .sm-pr-5,
    .sm-px-5 {
        padding-right: 5px;
    }
    .sm-pr-10,
    .sm-px-10 {
        padding-right: 10px;
    }
    .sm-pr-15,
    .sm-px-15 {
        padding-right: 15px;
    }
    .sm-pr-20,
    .sm-px-20 {
        padding-right: 20px;
    }
    .sm-pr-25,
    .sm-px-25 {
        padding-right: 25px;
    }
    .sm-pr-30,
    .sm-px-30 {
        padding-right: 30px;
    }
    .sm-pr-40,
    .sm-px-40 {
        padding-right: 40px;
    }
    .sm-pr-50,
    .sm-px-50 {
        padding-right: 50px;
    }
    .sm-pr-60,
    .sm-px-60 {
        padding-right: 60px;
    }
    .sm-pr-70,
    .sm-px-70 {
        padding-right: 70px;
    }
    .sm-pr-80,
    .sm-px-80 {
        padding-right: 80px;
    }
    .sm-pr-90,
    .sm-px-90 {
        padding-right: 90px;
    }
    .sm-pr-100,
    .sm-px-100 {
        padding-right: 100px;
    }

    .sm-img-100 {
        padding-bottom: 100%;
    }

    .sm-offl-0,
    .sm-offx-0 {
        margin-left: 0%;
    }
    .sm-offl-l,
    .sm-offx-l {
        margin-left: 8.333333%;
    }
    .sm-offl-2,
    .sm-offx-2 {
        margin-left: 16.666667%;
    }
    .sm-offl-3,
    .sm-offx-3 {
        margin-left: 25%;
    }
    .sm-offl-4,
    .sm-offx-4 {
        margin-left: 33.333333%;
    }
    .sm-offl-5,
    .sm-offx-5 {
        margin-left: 41.666667%;
    }
    .sm-offl-6,
    .sm-offx-6 {
        margin-left: 50%;
    }

    .sm-offr-0,
    .sm-offx-0 {
        margin-right: 0%;
    }
    .sm-offr-l,
    .sm-offx-1 {
        margin-right: 8.333333%;
    }
    .sm-offr-2,
    .sm-offx-2 {
        margin-right: 16.666667%;
    }
    .sm-offr-3,
    .sm-offx-3 {
        margin-right: 25%;
    }
    .sm-offr-4,
    .sm-offx-4 {
        margin-right: 33.333333%;
    }
    .sm-offr-5,
    .sm-offx-5 {
        margin-right: 41.666667%;
    }
    .sm-offr-6,
    .sm-offx-6 {
        margin-right: 50%;
    }

    .sm-fnts-0 {
        font-size: 0px;
    }
    .sm-fnts-10 {
        font-size: 10px;
    }
    .sm-fnts-12 {
        font-size: 12px;
    }
    .sm-fnts-13 {
        font-size: 13px;
    }
    .sm-fnts-14 {
        font-size: 14px;
    }
    .sm-fnts-15 {
        font-size: 15px;
    }
    .sm-fnts-16 {
        font-size: 16px;
    }
    .sm-fnts-18 {
        font-size: 17px;
    }
    .sm-fnts-20 {
        font-size: 20px;
    }
    .sm-fnts-22 {
        font-size: 22px;
    }
    .sm-fnts-24 {
        font-size: 24px;
    }
    .sm-fnts-26 {
        font-size: 26px;
    }
    .sm-fnts-28 {
        font-size: 28px;
    }
    .sm-fnts-30 {
        font-size: 30px;
    }
    .sm-fnts-32 {
        font-size: 32px;
    }
    .sm-fnts-34 {
        font-size: 34px;
    }
    .sm-fnts-36 {
        font-size: 36px;
    }
    .sm-fnts-40 {
        font-size: 40px;
    }
    .sm-fnts-42 {
        font-size: 42px;
    }
    .sm-fnts-45 {
        font-size: 45px;
    }
    .sm-fnts-48 {
        font-size: 48px;
    }
    .sm-fnts-52 {
        font-size: 52px;
    }
    .sm-fnts-54 {
        font-size: 54px;
    }
    .sm-fnts-56 {
        font-size: 56px;
    }
    .sm-fnts-60 {
        font-size: 60px;
    }
    .sm-fnts-72 {
        font-size: 72px;
    }
    .sm-fnts-80 {
        font-size: 80px;
    }
    .sm-fnts-120 {
        font-size: 120px;
    }
    .sm-fnts-150 {
        font-size: 150px;
    }

    .sm-fntlh-0 {
        line-height: 12px;
    }
    .sm-fntlh-12 {
        line-height: 12px;
    }
    .sm-fntlh-14 {
        line-height: 14px;
    }
    .sm-fntlh-16 {
        line-height: 16px;
    }
    .sm-fntlh-18 {
        line-height: 18px;
    }
    .sm-fntlh-20 {
        line-height: 20px;
    }
    .sm-fntlh-22 {
        line-height: 22px;
    }
    .sm-fntlh-24 {
        line-height: 24px;
    }
    .sm-fntlh-26 {
        line-height: 26px;
    }
    .sm-fntlh-28 {
        line-height: 28px;
    }
    .sm-fntlh-30 {
        line-height: 30px;
    }
    .sm-fntlh-32 {
        line-height: 32px;
    }
    .sm-fntlh-34 {
        line-height: 34px;
    }
    .sm-fntlh-38 {
        line-height: 38px;
    }
    .sm-fntlh-40 {
        line-height: 40px;
    }
    .sm-fntlh-44 {
        line-height: 44px;
    }
    .sm-fntlh-45 {
        line-height: 45px;
    }
    .sm-fntlh-50 {
        line-height: 50px;
    }
    .sm-fntlh-52 {
        line-height: 52px;
    }
    .sm-fntlh-55 {
        line-height: 55px;
    }
    .sm-fntlh-60 {
        line-height: 60px;
    }
    .sm-fntlh-70 {
        line-height: 70px;
    }
    .sm-fntlh-80 {
        line-height: 80px;
    }
    .sm-fntlh-120 {
        line-height: 120px;
    }
    .sm-fntlh-150 {
        line-height: 150px;
    }

    .sm-minh-10 {
        min-height: 100px;
    }
    .sm-minh-20 {
        min-height: 200px;
    }
    .sm-minh-25 {
        min-height: 250px;
    }
    .sm-minh-30 {
        min-height: 300px;
    }
    .sm-minh-35 {
        min-height: 350px;
    }
    .sm-minh-40 {
        min-height: 400px;
    }
    .sm-minh-45 {
        min-height: 450px;
    }
    .sm-minh-50 {
        min-height: 500px;
    }
    .sm-minh-55 {
        min-height: 550px;
    }
    .sm-minh-60 {
        min-height: 600px;
    }
    .sm-minh-65 {
        min-height: 650px;
    }
    .sm-minh-70 {
        min-height: 700px;
    }
    .sm-minh-72 {
        min-height: 720px;
    }
    .sm-minh-75 {
        min-height: 750px;
    }
    .sm-minh-80 {
        min-height: 800px;
    }
    .sm-minh-90 {
        min-height: 900px;
    }
    .sm-minh-100 {
        min-height: auto;
    }

    .sm-minw-5 {
        min-width: 50px;
    }
    .sm-minw-8 {
        min-width: 80px;
    }
    .sm-minw-10 {
        min-width: 100px;
    }
    .sm-minw-13 {
        min-width: 130px;
    }
    .sm-minw-20 {
        min-width: 200px;
    }
    .sm-minw-25 {
        min-width: 250px;
    }
    .sm-minw-26 {
        min-width: 260px;
    }
    .sm-minw-27 {
        min-width: 270px;
    }
    .sm-minw-28 {
        min-width: 280px;
    }
    .sm-minw-30 {
        min-width: 300px;
    }
    .sm-minw-35 {
        min-width: 350px;
    }
    .sm-minw-40 {
        min-width: 400px;
    }
    .sm-minw-45 {
        min-width: 450px;
    }
    .sm-minw-50 {
        min-width: 500px;
    }
    .sm-minw-55 {
        min-width: 550px;
    }
    .sm-minw-574 {
        min-width: 574px;
    }
    .sm-minw-60 {
        min-width: 600px;
    }
    .sm-minw-65 {
        min-width: 650px;
    }
    .sm-minw-70 {
        min-width: 700px;
    }
    .sm-minw-75 {
        min-width: 750px;
    }
    .sm-minw-80 {
        min-width: 800px;
    }
    .sm-minw-85 {
        min-width: 850px;
    }
    .sm-minw-90 {
        min-width: 900px;
    }
    .sm-minw-100 {
        min-width: auto;
    }

    .sm-maxw-5 {
        max-width: 50px;
    }
    .sm-maxw-8 {
        max-width: 80px;
    }
    .sm-maxw-10 {
        max-width: 100px;
    }
    .sm-maxw-13 {
        max-width: 130px;
    }
    .sm-maxw-15 {
        max-width: 150px;
    }
    .sm-maxw-17 {
        max-width: 170px;
    }
    .sm-maxw-20 {
        max-width: 200px;
    }
    .sm-maxw-25 {
        max-width: 250px;
    }
    .sm-maxw-30 {
        max-width: 300px;
    }
    .sm-maxw-32 {
        max-width: 320px;
    }
    .sm-maxw-35 {
        max-width: 350px;
    }
    .sm-maxw-40 {
        max-width: 400px;
    }
    .sm-maxw-45 {
        max-width: 450px;
    }
    .sm-maxw-46 {
        max-width: 460px;
    }
    .sm-maxw-50 {
        max-width: 500px;
    }
    .sm-maxw-55 {
        max-width: 550px;
    }
    .sm-maxw-60 {
        max-width: 600px;
    }
    .sm-maxw-64 {
        max-width: 640px;
    }
    .sm-maxw-65 {
        max-width: 650px;
    }
    .sm-maxw-70 {
        max-width: 700px;
    }
    .sm-maxw-75 {
        max-width: 750px;
    }
    .sm-maxw-80 {
        max-width: 800px;
    }
    .sm-maxw-90 {
        max-width: 900px;
    }
    .sm-maxw-100 {
        max-width: 100%;
    }

    .sm-maxw-100 {
        max-width: 100% !important;
    }

    .sm-h-016 {
        height: 16px;
    }
    .sm-h-5 {
        height: 50px;
    }
    .sm-h-5 {
        height: 50px;
    }
    .sm-h-10 {
        height: 100px;
    }
    .sm-h-20 {
        height: 200px;
    }
    .sm-h-25 {
        height: 250px;
    }
    .sm-h-30 {
        height: 300px;
    }
    .sm-h-35 {
        height: 350px;
    }
    .sm-h-40 {
        height: 400px;
    }
    .sm-h-45 {
        height: 450px;
    }
    .sm-h-50 {
        height: 500px;
    }
    .sm-h-55 {
        height: 550px;
    }
    .sm-h-60 {
        height: 600px;
    }
    .sm-h-65 {
        height: 650px;
    }
    .sm-h-70 {
        height: 700px;
    }
    .sm-h-75 {
        height: 750px;
    }
    .sm-h-80 {
        height: 800px;
    }
    .sm-h-90 {
        height: 900px;
    }
    .sm-h-100 {
        height: auto;
    }

    .sm-w-5 {
        width: 50px;
    }
    .sm-w-10 {
        width: 100px;
    }
    .sm-w-20 {
        width: 200px;
    }
    .sm-w-25 {
        width: 250px;
    }
    .sm-w-30 {
        width: 300px;
    }
    .sm-w-35 {
        width: 350px;
    }
    .sm-w-40 {
        width: 400px;
    }
    .sm-w-45 {
        width: 450px;
    }
    .sm-w-50 {
        width: 500px;
    }
    .sm-w-55 {
        width: 550px;
    }
    .sm-w-60 {
        width: 600px;
    }
    .sm-w-65 {
        width: 650px;
    }
    .sm-w-70 {
        width: 700px;
    }
    .sm-w-75 {
        width: 750px;
    }
    .sm-w-80 {
        width: 800px;
    }
    .sm-w-90 {
        width: 900px;
    }
    .sm-w-100 {
        width: auto;
    }
}

@media screen and (max-width: 450px) {
    .usm-colh-vh30 {
        height: 30vh;
    }
    .usm-colh-vh35 {
        height: 35vh;
    }
    .usm-colh-vh40 {
        height: 40vh;
    }
    .usm-colh-vh50 {
        height: 50vh;
    }
    .usm-colh-vh60 {
        height: 60vh;
    }
    .usm-colh-vh70 {
        height: 70vh;
    }
    .usm-colh-vh80 {
        height: 80vh;
    }
    .usm-colh-vh90 {
        height: 90vh;
    }
    .usm-colh-vh95 {
        height: 95vh;
    }
    .usm-colh-vh100 {
        height: 100vh;
    }

    .usm-vert-center {
        position: absolute;
        top: 50% !important;
        transform: translateY(-50%);
    }

    .usm-scale09 {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    .usm-scale1 {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .usm-scale1_2 {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .usm-show,
    .usm-oshow {
        display: inline-block;
    }
    .usm-hide {
        display: none;
    }
    .usm-col-100 {
        width: 100%;
        height: auto !important;
    }

    .usm-overflow-x {
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }

    .usm-hh-16 {
        height: 16px;
    }
    .usm-hh-18 {
        height: 18px;
    }
    .usm-hh-20 {
        height: 20px;
    }
    .usm-hh-22 {
        height: 22px;
    }
    .usm-hh-25 {
        height: 25px;
    }
    .usm-hh-30 {
        height: 30px;
    }
    .usm-hh-35 {
        height: 35px;
    }
    .usm-hh-40 {
        height: 40px;
    }
    .usm-hh-50 {
        height: 50px;
    }
    .usm-hh-60 {
        height: 60px;
    }
    .usm-hh-70 {
        height: 70px;
    }
    .usm-hh-120 {
        height: 120px;
    }
    .usm-hh-150 {
        height: 150px;
    }
    .usm-ww-25 {
        width: 25px;
    }
    .usm-ww-30 {
        width: 30px;
    }
    .usm-ww-40 {
        width: 40px;
    }
    .usm-ww-70 {
        width: 70px;
    }
    .usm-ww-120 {
        width: 120px;
    }
    .usm-ww-150 {
        width: 150px;
    }

    .usm-bg-no {
        background: none;
    }

    .usm-hvisib {
        visibility: hidden;
    }
    .usm-svisib {
        visibility: visible;
    }

    .usm-col-count0 {
        -moz-column-count: auto;
        -webkit-column-count: auto;
        column-count: auto;
    }
    .usm-col-count1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .usm-col-count2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .usm-col-count3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    .usm-float-left {
        float: left;
    }
    .usm-float-right {
        float: right;
    }
    .usm-float-none {
        float: none;
    }

    .usm-align-left {
        text-align: left;
    }
    .usm-align-right {
        text-align: right;
    }

    .usm-pos-abs {
        position: absolute;
    }
    .usm-pos-rel {
        position: relative;
    }
    .usm-pos-fix {
        position: fixed;
    }

    .usm-col-1 {
        width: 8.333333%;
    }
    .usm-col-2 {
        width: 16.666667%;
    }
    .usm-col-3 {
        width: 25%;
    }
    .usm-col-4 {
        width: 33.333333%;
    }
    .usm-col-5 {
        width: 41.666667%;
    }
    .usm-col-6 {
        width: 50%;
    }
    .usm-col-55 {
        width: 55.5%;
    }
    .usm-col-7 {
        width: 58.333333%;
    }
    .usm-col-8 {
        width: 66.666667%;
    }
    .usm-col-9 {
        width: 75%;
    }
    .usm-col-10 {
        width: 83.333333%;
    }
    .usm-col-11 {
        width: 91.666667%;
    }
    .usm-col-12 {
        width: 100%;
    }
    .usm-col-100 {
        width: 100%;
    }
    .usm-col-a {
        width: auto;
    }

    .usm-colh-1 {
        height: 8.333333%;
    }
    .usm-colh-2 {
        height: 16.666667%;
    }
    .usm-colh-3 {
        height: 25%;
    }
    .usm-colh-4 {
        height: 33.333333%;
    }
    .usm-colh-5 {
        height: 41.666667%;
    }
    .usm-colh-6 {
        height: 50%;
    }
    .usm-colh-7 {
        height: 58.333333%;
    }
    .usm-colh-8 {
        height: 66.666667%;
    }
    .usm-colh-9 {
        height: 75%;
    }
    .usm-colh-10 {
        height: 83.333333%;
    }
    .usm-colh-11 {
        height: 91.666667%;
    }
    .usm-colh-12 {
        height: 100%;
    }

    .usm-colm-1 {
        max-width: 8.333333%;
    }
    .usm-colm-2 {
        max-width: 16.666667%;
    }
    .usm-colm-3 {
        max-width: 25%;
    }
    .usm-colm-4 {
        max-width: 33.333333%;
    }
    .usm-colm-5 {
        max-width: 41.666667%;
    }
    .usm-colm-6 {
        max-width: 50%;
    }
    .usm-colm-7 {
        max-width: 58.333333%;
    }
    .usm-colm-8 {
        max-width: 66.666667%;
    }
    .usm-colm-9 {
        max-width: 75%;
    }
    .usm-colm-10 {
        max-width: 83.333333%;
    }
    .usm-colm-11 {
        max-width: 91.666667%;
    }
    .usm-colm-12 {
        max-width: 100%;
    }

    .usm-mb-o5,
    .usm-my-o5 {
        margin-bottom: -5px;
    }
    .usm-mb-o10,
    .usm-my-o10 {
        margin-bottom: -10px;
    }
    .usm-mb-o15,
    .usm-my-o15 {
        margin-bottom: -15px;
    }
    .usm-mb-o20,
    .usm-my-o20 {
        margin-bottom: -20px;
    }
    .usm-mb-o30,
    .usm-my-o30 {
        margin-bottom: -30px;
    }
    .usm-mb-o40,
    .usm-my-o40 {
        margin-bottom: -40px;
    }
    .usm-mb-o50,
    .usm-my-o50 {
        margin-bottom: -50px;
    }
    .usm-mb-o100,
    .usm-my-o100 {
        margin-bottom: -100px;
    }

    .usm-mt-o5,
    .usm-my-o5 {
        margin-top: -5px;
    }
    .usm-mt-o10,
    .usm-my-o10 {
        margin-top: -10px;
    }
    .usm-mt-o15,
    .usm-my-o15 {
        margin-top: -15px;
    }
    .usm-mt-o20,
    .usm-my-o20 {
        margin-top: -20px;
    }
    .usm-mt-o30,
    .usm-my-o30 {
        margin-top: -30px;
    }
    .usm-mt-o40,
    .usm-my-o40 {
        margin-top: -40px;
    }
    .usm-mt-o50,
    .usm-my-o50 {
        margin-top: -50px;
    }
    .usm-mt-o100,
    .usm-my-o100 {
        margin-top: -100px;
    }

    .usm-ml-o5,
    .usm-mx-o5 {
        margin-left: -5px;
    }
    .usm-ml-o10,
    .usm-mx-o10 {
        margin-left: -10px;
    }
    .usm-ml-o15,
    .usm-mx-o15 {
        margin-left: -15px;
    }
    .usm-ml-o20,
    .usm-mx-o20 {
        margin-left: -20px;
    }
    .usm-ml-o30,
    .usm-mx-o30 {
        margin-left: -30px;
    }
    .usm-ml-o35,
    .usm-mx-o35 {
        margin-left: -35px;
    }
    .usm-ml-o40,
    .usm-mx-o40 {
        margin-left: -40px;
    }
    .usm-ml-o50,
    .usm-mx-o50 {
        margin-left: -50px;
    }
    .usm-ml-o100,
    .usm-mx-o100 {
        margin-left: -100px;
    }

    .usm-mr-o5,
    .usm-mx-o5 {
        margin-right: -5px;
    }
    .usm-mr-o10,
    .usm-mx-o10 {
        margin-right: -10px;
    }
    .usm-mr-o15,
    .usm-mx-o15 {
        margin-right: -15px;
    }
    .usm-mr-o20,
    .usm-mx-o20 {
        margin-right: -20px;
    }
    .usm-mr-o30,
    .usm-mx-o30 {
        margin-right: -30px;
    }
    .usm-mr-o35,
    .usm-mx-o35 {
        margin-right: -35px;
    }
    .usm-mr-o40,
    .usm-mx-o40 {
        margin-right: -40px;
    }
    .usm-mr-o50,
    .usm-mx-o50 {
        margin-right: -50px;
    }
    .usm-mr-o100,
    .usm-mx-o100 {
        margin-right: -100px;
    }

    .usm-mt-0,
    .usm-my-0 {
        margin-top: 0px;
    }
    .usm-mt-5,
    .usm-my-5 {
        margin-top: 5px;
    }
    .usm-mt-10,
    .usm-my-10 {
        margin-top: 10px;
    }
    .usm-mt-15,
    .usm-my-15 {
        margin-top: 15px;
    }
    .usm-mt-20,
    .usm-my-20 {
        margin-top: 20px;
    }
    .usm-mt-30,
    .usm-my-30 {
        margin-top: 30px;
    }
    .usm-mt-40,
    .usm-my-40 {
        margin-top: 40px;
    }
    .usm-mt-50,
    .usm-my-50 {
        margin-top: 50px;
    }
    .usm-mt-60,
    .usm-my-60 {
        margin-top: 60px;
    }
    .usm-mt-70,
    .usm-my-70 {
        margin-top: 70px;
    }
    .usm-mt-80,
    .usm-my-80 {
        margin-top: 80px;
    }
    .usm-mt-85,
    .usm-my-85 {
        margin-top: 85px;
    }
    .usm-mt-90,
    .usm-my-90 {
        margin-top: 90px;
    }
    .usm-mt-100,
    .usm-my-100 {
        margin-top: 100px;
    }

    .usm-mb-0,
    .usm-my-0 {
        margin-bottom: 0px;
    }
    .usm-mb-5,
    .usm-my-5 {
        margin-bottom: 5px;
    }
    .usm-mb-10,
    .usm-my-10 {
        margin-bottom: 10px;
    }
    .usm-mb-15,
    .usm-my-15 {
        margin-bottom: 15px;
    }
    .usm-mb-20,
    .usm-my-20 {
        margin-bottom: 20px;
    }
    .usm-mb-30,
    .usm-my-30 {
        margin-bottom: 30px;
    }
    .usm-mb-40,
    .usm-my-40 {
        margin-bottom: 40px;
    }
    .usm-mb-50,
    .usm-my-50 {
        margin-bottom: 50px;
    }
    .usm-mb-60,
    .usm-my-60 {
        margin-bottom: 60px;
    }
    .usm-mb-70,
    .usm-my-70 {
        margin-bottom: 70px;
    }
    .usm-mb-80,
    .usm-my-80 {
        margin-bottom: 80px;
    }
    .usm-mb-85,
    .usm-my-85 {
        margin-bottom: 85px;
    }
    .usm-mb-90,
    .usm-my-90 {
        margin-bottom: 90px;
    }
    .usm-mb-100,
    .usm-my-100 {
        margin-bottom: 100px;
    }

    .usm-mr-0,
    .usm-mx-0 {
        margin-right: 0px;
    }
    .usm-mr-5,
    .usm-mx-5 {
        margin-right: 5px;
    }
    .usm-mr-10,
    .usm-mx-10 {
        margin-right: 10px;
    }
    .usm-mr-15,
    .usm-mx-15 {
        margin-right: 15px;
    }
    .usm-mr-20,
    .usm-mx-20 {
        margin-right: 20px;
    }
    .usm-mr-30,
    .usm-mx-30 {
        margin-right: 30px;
    }
    .usm-mr-40,
    .usm-mx-40 {
        margin-right: 40px;
    }
    .usm-mr-50,
    .usm-mx-50 {
        margin-right: 50px;
    }
    .usm-mr-60,
    .usm-mx-60 {
        margin-right: 60px;
    }
    .usm-mr-70,
    .usm-mx-70 {
        margin-right: 70px;
    }
    .usm-mr-80,
    .usm-mx-80 {
        margin-right: 80px;
    }
    .usm-mr-85,
    .usm-mx-85 {
        margin-right: 85px;
    }
    .usm-mr-90,
    .usm-mx-90 {
        margin-right: 90px;
    }
    .usm-mr-100,
    .usm-mx-100 {
        margin-right: 100px;
    }

    .usm-ml-0,
    .usm-mx-0 {
        margin-left: 0px;
    }
    .usm-ml-5,
    .usm-mx-5 {
        margin-left: 5px;
    }
    .usm-ml-10,
    .usm-mx-10 {
        margin-left: 10px;
    }
    .usm-ml-15,
    .usm-mx-15 {
        margin-left: 15px;
    }
    .usm-ml-20,
    .usm-mx-20 {
        margin-left: 20px;
    }
    .usm-ml-30,
    .usm-mx-30 {
        margin-left: 30px;
    }
    .usm-ml-40,
    .usm-mx-40 {
        margin-left: 40px;
    }
    .usm-ml-50,
    .usm-mx-50 {
        margin-left: 50px;
    }
    .usm-ml-60,
    .usm-mx-60 {
        margin-left: 60px;
    }
    .usm-ml-70,
    .usm-mx-70 {
        margin-left: 70px;
    }
    .usm-ml-80,
    .usm-mx-80 {
        margin-left: 80px;
    }
    .usm-ml-85,
    .usm-mx-85 {
        margin-left: 85px;
    }
    .usm-ml-90,
    .usm-mx-90 {
        margin-left: 90px;
    }
    .usm-ml-100,
    .usm-mx-100 {
        margin-left: 100px;
    }

    .usm-pt-0,
    .usm-py-0 {
        padding-top: 0px;
    }
    .usm-pt-5,
    .usm-py-5 {
        padding-top: 5px;
    }
    .usm-pt-10,
    .usm-py-10 {
        padding-top: 10px;
    }
    .usm-pt-15,
    .usm-py-15 {
        padding-top: 15px;
    }
    .usm-pt-20,
    .usm-py-20 {
        padding-top: 20px;
    }
    .usm-pt-25,
    .usm-py-25 {
        padding-top: 25px;
    }
    .usm-pt-30,
    .usm-py-30 {
        padding-top: 30px;
    }
    .usm-pt-35,
    .usm-py-35 {
        padding-top: 35px;
    }
    .usm-pt-40,
    .usm-py-40 {
        padding-top: 40px;
    }
    .usm-pt-50,
    .usm-py-50 {
        padding-top: 50px;
    }
    .usm-pt-60,
    .usm-py-60 {
        padding-top: 60px;
    }
    .usm-pt-70,
    .usm-py-70 {
        padding-top: 70px;
    }
    .usm-pt-80,
    .usm-py-80 {
        padding-top: 80px;
    }
    .usm-pt-100,
    .usm-py-100 {
        padding-top: 100px;
    }

    .usm-pb-0,
    .usm-py-0 {
        padding-bottom: 0px;
    }
    .usm-pb-5,
    .usm-py-5 {
        padding-bottom: 5px;
    }
    .usm-pb-10,
    .usm-py-10 {
        padding-bottom: 10px;
    }
    .usm-pb-15,
    .usm-py-15 {
        padding-bottom: 15px;
    }
    .usm-pb-20,
    .usm-py-20 {
        padding-bottom: 20px;
    }
    .usm-pb-25,
    .usm-py-25 {
        padding-bottom: 25px;
    }
    .usm-pb-30,
    .usm-py-30 {
        padding-bottom: 30px;
    }
    .usm-pb-40,
    .usm-py-40 {
        padding-bottom: 40px;
    }
    .usm-pb-50,
    .usm-py-50 {
        padding-bottom: 50px;
    }
    .usm-pb-60,
    .usm-py-60 {
        padding-bottom: 60px;
    }
    .usm-pb-70,
    .usm-py-70 {
        padding-bottom: 70px;
    }
    .usm-pb-80,
    .usm-py-80 {
        padding-bottom: 80px;
    }
    .usm-pb-100,
    .usm-py-100 {
        padding-bottom: 100px;
    }

    .usm-pl-0,
    .usm-px-0 {
        padding-left: 0px;
    }
    .usm-pl-5,
    .usm-px-5 {
        padding-left: 5px;
    }
    .usm-pl-10,
    .usm-px-10 {
        padding-left: 10px;
    }
    .usm-pl-15,
    .usm-px-15 {
        padding-left: 15px;
    }
    .usm-pl-20,
    .usm-px-20 {
        padding-left: 20px;
    }
    .usm-pl-25,
    .usm-px-25 {
        padding-left: 25px;
    }
    .usm-pl-30,
    .usm-px-30 {
        padding-left: 30px;
    }
    .usm-pl-40,
    .usm-px-40 {
        padding-left: 40px;
    }
    .usm-pl-50,
    .usm-px-50 {
        padding-left: 50px;
    }
    .usm-pl-60,
    .usm-px-60 {
        padding-left: 60px;
    }
    .usm-pl-70,
    .usm-px-70 {
        padding-left: 70px;
    }
    .usm-pl-80,
    .usm-px-80 {
        padding-left: 80px;
    }
    .usm-pl-90,
    .usm-px-90 {
        padding-left: 90px;
    }
    .usm-pl-100,
    .usm-px-100 {
        padding-left: 100px;
    }

    .usm-pr-0,
    .usm-px-0 {
        padding-right: 0px;
    }
    .usm-pr-5,
    .usm-px-5 {
        padding-right: 5px;
    }
    .usm-pr-10,
    .usm-px-10 {
        padding-right: 10px;
    }
    .usm-pr-15,
    .usm-px-15 {
        padding-right: 15px;
    }
    .usm-pr-20,
    .usm-px-20 {
        padding-right: 20px;
    }
    .usm-pr-25,
    .usm-px-25 {
        padding-right: 25px;
    }
    .usm-pr-30,
    .usm-px-30 {
        padding-right: 30px;
    }
    .usm-pr-40,
    .usm-px-40 {
        padding-right: 40px;
    }
    .usm-pr-50,
    .usm-px-50 {
        padding-right: 50px;
    }
    .usm-pr-60,
    .usm-px-60 {
        padding-right: 60px;
    }
    .usm-pr-70,
    .usm-px-70 {
        padding-right: 70px;
    }
    .usm-pr-80,
    .usm-px-80 {
        padding-right: 80px;
    }
    .usm-pr-90,
    .usm-px-90 {
        padding-right: 90px;
    }
    .usm-pr-100,
    .usm-px-100 {
        padding-right: 100px;
    }

    .usm-offl-0,
    .usm-offx-0 {
        margin-left: 0%;
    }
    .usm-offl-l,
    .usm-offx-l {
        margin-left: 8.333333%;
    }
    .usm-offl-2,
    .usm-offx-2 {
        margin-left: 16.666667%;
    }
    .usm-offl-3,
    .usm-offx-3 {
        margin-left: 25%;
    }
    .usm-offl-4,
    .usm-offx-4 {
        margin-left: 33.333333%;
    }
    .usm-offl-5,
    .usm-offx-5 {
        margin-left: 41.666667%;
    }
    .usm-offl-6,
    .usm-offx-6 {
        margin-left: 50%;
    }

    .usm-offr-0,
    .usm-offx-0 {
        margin-right: 0%;
    }
    .usm-offr-l,
    .usm-offx-1 {
        margin-right: 8.333333%;
    }
    .usm-offr-2,
    .usm-offx-2 {
        margin-right: 16.666667%;
    }
    .usm-offr-3,
    .usm-offx-3 {
        margin-right: 25%;
    }
    .usm-offr-4,
    .usm-offx-4 {
        margin-right: 33.333333%;
    }
    .usm-offr-5,
    .usm-offx-5 {
        margin-right: 41.666667%;
    }
    .usm-offr-6,
    .usm-offx-6 {
        margin-right: 50%;
    }

    .usm-fnts-0 {
        font-size: 0px;
    }
    .usm-fnts-10 {
        font-size: 10px;
    }
    .usm-fnts-11 {
        font-size: 11px;
    }
    .usm-fnts-12 {
        font-size: 12px;
    }
    .usm-fnts-13 {
        font-size: 13px;
    }
    .usm-fnts-14 {
        font-size: 14px;
    }
    .usm-fnts-15 {
        font-size: 15px;
    }
    .usm-fnts-16 {
        font-size: 16px;
    }
    .usm-fnts-18 {
        font-size: 17px;
    }
    .usm-fnts-20 {
        font-size: 20px;
    }
    .usm-fnts-22 {
        font-size: 22px;
    }
    .usm-fnts-24 {
        font-size: 24px;
    }
    .usm-fnts-26 {
        font-size: 26px;
    }
    .usm-fnts-28 {
        font-size: 28px;
    }
    .usm-fnts-30 {
        font-size: 30px;
    }
    .usm-fnts-32 {
        font-size: 32px;
    }
    .usm-fnts-34 {
        font-size: 34px;
    }
    .usm-fnts-36 {
        font-size: 36px;
    }
    .usm-fnts-40 {
        font-size: 40px;
    }
    .usm-fnts-42 {
        font-size: 42px;
    }
    .usm-fnts-45 {
        font-size: 45px;
    }
    .usm-fnts-48 {
        font-size: 48px;
    }
    .usm-fnts-52 {
        font-size: 52px;
    }
    .usm-fnts-54 {
        font-size: 54px;
    }
    .usm-fnts-56 {
        font-size: 56px;
    }
    .usm-fnts-60 {
        font-size: 60px;
    }
    .usm-fnts-72 {
        font-size: 72px;
    }
    .usm-fnts-80 {
        font-size: 80px;
    }
    .usm-fnts-120 {
        font-size: 120px;
    }
    .usm-fnts-150 {
        font-size: 150px;
    }

    .usm-fntlh-0 {
        line-height: 12px;
    }
    .usm-fntlh-12 {
        line-height: 12px;
    }
    .usm-fntlh-14 {
        line-height: 14px;
    }
    .usm-fntlh-16 {
        line-height: 16px;
    }
    .usm-fntlh-18 {
        line-height: 18px;
    }
    .usm-fntlh-20 {
        line-height: 20px;
    }
    .usm-fntlh-22 {
        line-height: 22px;
    }
    .usm-fntlh-24 {
        line-height: 24px;
    }
    .usm-fntlh-26 {
        line-height: 26px;
    }
    .usm-fntlh-28 {
        line-height: 28px;
    }
    .usm-fntlh-30 {
        line-height: 30px;
    }
    .usm-fntlh-32 {
        line-height: 32px;
    }
    .usm-fntlh-34 {
        line-height: 34px;
    }
    .usm-fntlh-38 {
        line-height: 38px;
    }
    .usm-fntlh-40 {
        line-height: 40px;
    }
    .usm-fntlh-44 {
        line-height: 44px;
    }
    .usm-fntlh-45 {
        line-height: 45px;
    }
    .usm-fntlh-50 {
        line-height: 50px;
    }
    .usm-fntlh-52 {
        line-height: 52px;
    }
    .usm-fntlh-55 {
        line-height: 55px;
    }
    .usm-fntlh-60 {
        line-height: 60px;
    }
    .usm-fntlh-70 {
        line-height: 70px;
    }
    .usm-fntlh-80 {
        line-height: 80px;
    }
    .usm-fntlh-120 {
        line-height: 120px;
    }
    .usm-fntlh-150 {
        line-height: 150px;
    }

    .usm-minh-10 {
        min-height: 100px;
    }
    .usm-minh-20 {
        min-height: 200px;
    }
    .usm-minh-25 {
        min-height: 250px;
    }
    .usm-minh-30 {
        min-height: 300px;
    }
    .usm-minh-35 {
        min-height: 350px;
    }
    .usm-minh-40 {
        min-height: 400px;
    }
    .usm-minh-45 {
        min-height: 450px;
    }
    .usm-minh-50 {
        min-height: 500px;
    }
    .usm-minh-55 {
        min-height: 550px;
    }
    .usm-minh-60 {
        min-height: 600px;
    }
    .usm-minh-65 {
        min-height: 650px;
    }
    .usm-minh-70 {
        min-height: 700px;
    }
    .usm-minh-75 {
        min-height: 750px;
    }
    .usm-minh-80 {
        min-height: 800px;
    }
    .usm-minh-90 {
        min-height: 900px;
    }
    .usm-minh-100 {
        min-height: auto;
    }

    .usm-minw-5 {
        min-width: 50px;
    }
    .usm-minw-8 {
        min-width: 80px;
    }
    .usm-minw-10 {
        min-width: 100px;
    }
    .usm-minw-13 {
        min-width: 130px;
    }
    .usm-minw-20 {
        min-width: 200px;
    }
    .usm-minw-25 {
        min-width: 250px;
    }
    .usm-minw-30 {
        min-width: 300px;
    }
    .usm-minw-35 {
        min-width: 350px;
    }
    .usm-minw-40 {
        min-width: 400px;
    }
    .usm-minw-45 {
        min-width: 450px;
    }
    .usm-minw-50 {
        min-width: 500px;
    }
    .usm-minw-55 {
        min-width: 550px;
    }
    .usm-minw-574 {
        min-width: 574px;
    }
    .usm-minw-60 {
        min-width: 600px;
    }
    .usm-minw-65 {
        min-width: 650px;
    }
    .usm-minw-70 {
        min-width: 700px;
    }
    .usm-minw-75 {
        min-width: 750px;
    }
    .usm-minw-80 {
        min-width: 800px;
    }
    .usm-minw-85 {
        min-width: 850px;
    }
    .usm-minw-90 {
        min-width: 900px;
    }
    .usm-minw-100 {
        min-width: auto;
    }

    .usm-maxw-5 {
        max-width: 50px;
    }
    .usm-maxw-8 {
        max-width: 80px;
    }
    .usm-maxw-10 {
        max-width: 100px;
    }
    .usm-maxw-13 {
        max-width: 130px;
    }
    .usm-maxw-15 {
        max-width: 150px;
    }
    .usm-maxw-17 {
        max-width: 170px;
    }
    .usm-maxw-20 {
        max-width: 200px;
    }
    .usm-maxw-25 {
        max-width: 250px;
    }
    .usm-maxw-30 {
        max-width: 300px;
    }
    .usm-maxw-32 {
        max-width: 320px;
    }
    .usm-maxw-35 {
        max-width: 350px;
    }
    .usm-maxw-40 {
        max-width: 400px;
    }
    .usm-maxw-45 {
        max-width: 450px;
    }
    .usm-maxw-46 {
        max-width: 460px;
    }
    .usm-maxw-50 {
        max-width: 500px;
    }
    .usm-maxw-55 {
        max-width: 550px;
    }
    .usm-maxw-60 {
        max-width: 600px;
    }
    .usm-maxw-64 {
        max-width: 640px;
    }
    .usm-maxw-65 {
        max-width: 650px;
    }
    .usm-maxw-70 {
        max-width: 700px;
    }
    .usm-maxw-75 {
        max-width: 750px;
    }
    .usm-maxw-80 {
        max-width: 800px;
    }
    .usm-maxw-90 {
        max-width: 900px;
    }
    .usm-maxw-100 {
        max-width: 100%;
    }
}

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

@keyframes showWidth {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

.bg-lgrad1:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: translateZ(0);
    background: rgb(31, 34, 38);
    background: -moz-linear-gradient(0deg, rgba(31, 34, 38, 1) 0%, rgba(31, 34, 38, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(31, 34, 38, 1) 0%, rgba(31, 34, 38, 0) 100%);
    background: linear-gradient(0deg, rgba(31, 34, 38, 1) 0%, rgba(31, 34, 38, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2226",endColorstr="#1f2226",GradientType=1);

    /*
	
	background: url(/bitrix/templates/c4g/css/../images/gradient/lgrad1_1.svg) left bottom repeat-x;
	
	background: rgba(31, 36, 38, 0.0);
	background: -webkit-linear-gradient(top, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	background: -moz-linear-gradient(top, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	background: linear-gradient(to bottom, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	*/
}
.bg-lgrad1-lite:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 150px;
    z-index: 1;
    transform: translateZ(0);
    background: rgb(31, 34, 38);
    background: -moz-linear-gradient(180deg, rgba(31, 34, 38, 1) 0%, rgba(31, 34, 38, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(31, 34, 38, 1) 0%, rgba(31, 34, 38, 0) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 1) 0%, rgba(31, 34, 38, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2226",endColorstr="#1f2226",GradientType=1);

    /*
	
	background: url(/bitrix/templates/c4g/css/../images/gradient/lgrad1_1l.svg) left bottom repeat-x;
	background-size: auto 100%;
	
	
	background: rgba(31, 36, 38, 0.0);
	background: -webkit-linear-gradient(top, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	background: -moz-linear-gradient(top, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	background: linear-gradient(to bottom, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	*/
}

.bg-lgrad2:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200px;
    z-index: 1;
    background: url(/bitrix/templates/c4g/css/../images/gradient/lgrad2_.svg) left top repeat-x;
    /*
	background: rgba(31, 36, 38, 0.0);
	background: -webkit-linear-gradient(bottom, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	background: -moz-linear-gradient(bottom, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	background: linear-gradient(to top, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	*/
}

.bg-lgrad3:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -60px;
    width: 100%;
    height: 123px;
    z-index: 2;

    background: linear-gradient(180deg, #000000 0%, #171717 100%);
    /*background: url(/bitrix/templates/c4g/css/../images/gradient/lgrad3.svg) left top repeat-x;
	
	background: rgba(31, 36, 38, 0.0);
	background: -webkit-linear-gradient(bottom, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	background: -moz-linear-gradient(bottom, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	background: linear-gradient(to top, rgba(31, 36, 38, 0.0), rgba(31, 35, 38, 1.0));
	*/
}

.bg-lgrad4:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
    height: 150px;
    z-index: 2;
    background: rgba(28, 27, 22, 1);
    background: -webkit-linear-gradient(top, rgba(28, 27, 22, 1), rgba(28, 27, 22, 0));
    background: -moz-linear-gradient(top, rgba(28, 27, 22, 1), rgba(28, 27, 22, 0));
    background: linear-gradient(to bottom, rgba(28, 27, 22, 1), rgba(28, 27, 22, 0));
}

.bg-lgrad4:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
}

.lgrad-1:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgb(27, 29, 33);
    background: -moz-linear-gradient(0deg, rgba(27, 29, 33, 1) 0%, rgba(27, 29, 33, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(27, 29, 33, 1) 0%, rgba(27, 29, 33, 0) 100%);
    background: linear-gradient(0deg, rgba(27, 29, 33, 1) 0%, rgba(27, 29, 33, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b1d21",endColorstr="#1b1d21",GradientType=1);
}

.lgrad-2:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.tshad-1 {
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}

.tshad-2 {
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
}

.bshad-1 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.bshad-2 {
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
}

.bshad-3 {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.22);
}

.bshad-4 {
    box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.3);
}

.shad-05 {
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
}

.shad-15 {
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
}

.box-shadow {
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
}

.box-shadow2 {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.55);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.55);
}

.box-sha3 {
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
}

.box-sha5 {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.box-sha4 {
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.trs-h1s {
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
}

.trs-h05s {
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

.trs-all {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.trs-15 {
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}
.trse-1 {
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.trse-1s {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.trse-03s {
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}
.trse-0-5s {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.trse-2s {
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}

.trse-3s {
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}

.trsl-15 {
    -webkit-transition: 0.15s linear-in-out;
    -moz-transition: 0.15s linear-in-out;
    -o-transition: 0.15s linear-in-out;
    transition: 0.15s linear-in-out;
}

.trsl-05 {
    -webkit-transition: 0.05s linear-in-out;
    -moz-transition: 0.05s linear-in-out;
    -o-transition: 0.05s linear-in-out;
    transition: 0.05s linear-in-out;
}

.trbg-15 {
    -webkit-transition: 0s linear-in-out, background 0.15s linear-in-out;
    -moz-transition: 0s linear-in-out, background 0.15s linear-in-out;
    -o-transition: 0s linear-in-out, background 0.15s linear-in-out;
    transition: 0s linear-in-out, background 0.15s linear-in-out;
}

.trs-0 {
    -webkit-transition: 0s ease-in-out;
    -moz-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    transition: 0s ease-in-out;
}
.trs-bg3s {
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease;
}

.trs-bg5s {
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -ms-transition: all 5s ease;
    -o-transition: all 5s ease;
    transition: all 5s ease;
}
.trs-bg7s {
    -webkit-transition: all 7s ease;
    -moz-transition: all 7s ease;
    -ms-transition: all 7s ease;
    -o-transition: all 7s ease;
    transition: all 7s ease;
}

.trs-bc {
    -webkit-transition: border-color 0.3s linear;
    transition: border-color 0.3s linear;
}

.up-t10:hover {
    margin-top: -10px;
}
.up-t20:hover {
    margin-top: -20px;
}
.up-t30:hover {
    margin-top: -30px;
}

.up-b10:hover {
    margin-bottom: -10px;
}
.up-b20:hover {
    margin-bottom: -20px;
}
.up-b30:hover {
    margin-bottom: -30px;
}

.effectOut {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.8);
}

.effectOut.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.tranY-100 {
    -moz-transform: translateY(-100%); /* Для Firefox */
    -ms-transform: translateY(-100%); /* Для IE */
    -webkit-transform: translateY(-100%); /* Для Safari, Chrome, iOS */
    -o-transform: translateY(-100%); /* Для Opera */
    transform: translateY(-100%);
}

.tranY-100.active {
    -moz-transform: translateY(0%); /* Для Firefox */
    -ms-transform: translateY(0%); /* Для IE */
    -webkit-transform: translateY(0%); /* Для Safari, Chrome, iOS */
    -o-transform: translateY(0%); /* Для Opera */
    transform: translateY(0%);
}

.slide-bg {
    animation: slide 60s linear infinite;
}

@keyframes slide {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-1692px, 0, 0);
    }
}

.scroll-bar::-webkit-scrollbar-button {
    background-image: url("");
    background-repeat: no-repeat;
    width: 6px;
    height: 0px;
}

.scroll-bar::-webkit-scrollbar-track {
    background-color: #32312e;
    box-shadow: 0px 0px 3px #000 inset;
}

.scroll-bar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffcb17;
    box-shadow: 0px 1px 1px #fff inset;
    background-image: url("https://yraaa.ru/_pu/24/59610063.png");
    background-position: center;
    background-repeat: no-repeat;
}

.scroll-bar::-webkit-resizer {
    background-image: url(/bitrix/templates/c4g/css/);
    background-repeat: no-repeat;
    width: 7px;
    height: 0px;
}

.scroll-bar::-webkit-scrollbar {
    width: 11px;
}

.tgl {
    display: none;
}
.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl + .tgl-btn {
    box-sizing: border-box;
}
.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl + .tgl-btn::-moz-selection {
    background: none;
}
.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl + .tgl-btn::selection {
    background: none;
}
.tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 50px;
    height: 26px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tgl + .tgl-btn:after,
.tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 44%;
    height: 100%;
}
.tgl + .tgl-btn:after {
    left: 0;
}
.tgl + .tgl-btn:before {
    display: none;
}
.tgl:checked + .tgl-btn:after {
    left: 50%;
}
.tgl-light + .tgl-btn {
    background: #f0f0f0;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
}
.tgl-light + .tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    transition: all 0.2s ease;
}
.tgl-light:checked + .tgl-btn {
    background: #9fd6ae;
}
.tgl-ios + .tgl-btn {
    background: #fbfbfb;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
    border: 1px solid #e8eae9;
}
.tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.tgl-ios + .tgl-btn:hover:after {
    will-change: padding;
}
.tgl-ios + .tgl-btn:active {
    box-shadow: inset 0 0 0 2em #e8eae9;
}
.tgl-ios + .tgl-btn:active:after {
    padding-right: 0.8em;
}
.tgl-ios:checked + .tgl-btn {
    background: #86d993;
}
.tgl-ios:checked + .tgl-btn:active {
    box-shadow: none;
}
.tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -0.8em;
}
.tgl-skewed + .tgl-btn {
    overflow: hidden;
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.2s ease;
    font-family: sans-serif;
    background: #888;
}
.tgl-skewed + .tgl-btn:after,
.tgl-skewed + .tgl-btn:before {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
    display: inline-block;
    transition: all 0.2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active {
    background: #888;
}
.tgl-skewed + .tgl-btn:active:before {
    left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
    background: #86d993;
}
.tgl-skewed:checked + .tgl-btn:before {
    left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
    left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%;
}
.tgl-flat + .tgl-btn {
    padding: 2px;
    transition: all 0.2s ease;
    background: #fff;
    border: 2px solid #2c2f32;
    border-radius: 2em;
}
.tgl-flat + .tgl-btn:after {
    transition: all 0.2s ease;
    background: #2c2f32;
    content: "";
    border-radius: 1em;
}
.tgl-flat:checked + .tgl-btn {
    border: 2px solid #be1f34;
}
.tgl-flat:checked + .tgl-btn:after {
    left: 50%;
    background: #be1f34;
}
.tgl-flip + .tgl-btn {
    padding: 2px;
    transition: all 0.2s ease;
    font-family: sans-serif;
    -webkit-perspective: 100px;
    perspective: 100px;
}
.tgl-flip + .tgl-btn:after,
.tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all 0.4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 4px;
}
.tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #02c66f;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.tgl-flip + .tgl-btn:before {
    background: #ff3a19;
    content: attr(data-tg-off);
}
.tgl-flip + .tgl-btn:active:before {
    -webkit-transform: rotateY(-20deg);
    transform: rotateY(-20deg);
}
.tgl-flip:checked + .tgl-btn:before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.tgl-flip:checked + .tgl-btn:after {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: 0;
    background: #7fc6a6;
}
.tgl-flip:checked + .tgl-btn:active:after {
    -webkit-transform: rotateY(20deg);
    transform: rotateY(20deg);
}

.bounce {
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
    }
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-10px);
    }
    60% {
        -moz-transform: translateY(-5px);
    }
}

@-o-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-10px);
    }
    60% {
        -o-transform: translateY(-5px);
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.hover-zoom .img-zoom {
    transition: transform 0.5s ease;
}

.hover-zoom:hover .img-zoom {
    transform: scale(1.3);
}

.zoom1-2 {
    transition: transform 0.5s ease;
}

.zoom1-2:hover {
    transform: scale(1.2);
}

.circle-play {
    stroke: #c74242;
    stroke-dasharray: 650;
    stroke-dashoffset: 650;
    -webkit-transition: all 0.5s ease-in-out;
    opacity: 0.3;
}
.playBut {
    /*  border: 1px solid red;*/
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    border-radius: 50%;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background: rgba(255, 255, 255, 0.5);
}
.playBut .triangle {
    -webkit-transition: all 0.7s ease-in-out;
    stroke-dasharray: 240;
    stroke-dashoffset: 480;
    stroke: #c74242;
    transform: translateY(0);
}
.play-butt:hover .playBut .triangle {
    stroke-dashoffset: 0;
    opacity: 1;
    stroke: #c74242;
    animation: nudge 0.7s ease-in-out;
}

.play-butt:hover .playBut {
    background: rgba(255, 255, 255, 0.9);
}

@keyframes nudge {
    0% {
        transform: translateX(0);
    }
    30% {
        transform: translateX(-5px);
    }
    50% {
        transform: translateX(5px);
    }
    70% {
        transform: translateX(-2px);
    }
    100% {
        transform: translateX(0);
    }
}
.play-butt:hover .playBut .circle-play {
    stroke-dashoffset: 0;
    opacity: 1;
}

.slider-progres:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 4px;
    border-radius: 4px;
    display: block;
    background: rgba(199, 66, 66, 1);
    animation: showWidth 7s forwards;
}

@keyframes showWidth {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

/* Effect 5 */
.hovicon.effect-5 {
    /* box-shadow: 0 0 0 4px rgba(255, 255, 255, 1); */
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.hovicon.effect-5:after {
    display: none;
}
.hovicon.effect-5:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
    border-color: transparent;
    color: #182a14;
    text-shadow: none;
}
.hovicon.effect-5:hover i {
}
.hovicon.effect-5.sub-a:hover:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}
@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
.hovicon.effect-5.sub-b:hover:before {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}
@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
        transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
.hovicon.effect-5.sub-c:hover:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}
@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
.hovicon.effect-5.sub-d:hover:before {
    -webkit-animation: toBottomFromTop 0.3s forwards;
    -moz-animation: toBottomFromTop 0.3s forwards;
    animation: toBottomFromTop 0.3s forwards;
}
@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
/* End */

/* Start:/bitrix/templates/c4g/css/vendor.min.css?168050598126911*/
@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
}
:root {
    --swiper-theme-color: #007aff;
}
.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
    flex-wrap: wrap;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-css-mode > .swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px;
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: 0.35;
    pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity 0.3s;
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}
button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none !important;
}
.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50;
}
.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube {
    overflow: visible;
}
.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.swiper-flip {
    overflow: visible;
}
.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0;
}
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}
.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom;
}
.irs {
    -webkit-touch-callout: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.irs,
.irs-line {
    display: block;
    position: relative;
}
.irs-line {
    outline: 0 !important;
    overflow: hidden;
}
.irs-bar {
    display: block;
}
.irs-bar,
.irs-shadow {
    left: 0;
    position: absolute;
    width: 0;
}
.irs-shadow {
    display: none;
}
.irs-handle {
    box-sizing: border-box;
    cursor: default;
    display: block;
    position: absolute;
    z-index: 1;
}
.irs-handle.type_last {
    z-index: 2;
}
.irs-max,
.irs-min {
    cursor: default;
    display: block;
    position: absolute;
}
.irs-min {
    left: 0;
}
.irs-max {
    right: 0;
}
.irs-from,
.irs-single,
.irs-to {
    cursor: default;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
}
.irs-grid {
    bottom: 0;
    display: none;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.irs-with-grid .irs-grid {
    display: block;
}
.irs-grid-pol {
    background: #000;
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}
.irs-grid-pol.small {
    height: 4px;
}
.irs-grid-text {
    bottom: 0;
    color: #000;
    font-size: 9px;
    left: 0;
    line-height: 9px;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
}
.irs-disable-mask {
    background: transparent;
    cursor: default;
    display: block;
    height: 100%;
    left: -1%;
    position: absolute;
    top: 0;
    width: 102%;
    z-index: 2;
}
.lt-ie9 .irs-disable-mask {
    background: #000;
    cursor: not-allowed;
}
.irs-disabled {
    opacity: 0.4;
}
.irs-hidden-input {
    background: 0 0 !important;
    border-color: transparent !important;
    border-style: solid !important;
    display: block !important;
    font-size: 0 !important;
    height: 0 !important;
    left: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 0 !important;
    z-index: -9999 !important;
}
.irs--flat {
    height: 40px;
}
.irs--flat.irs-with-grid {
    height: 60px;
}
.irs--flat .irs-line {
    background-color: #e1e4e9;
    border-radius: 4px;
    height: 12px;
    top: 25px;
}
.irs--flat .irs-bar {
    background-color: #ed5565;
    height: 12px;
    top: 25px;
}
.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
    background-color: #e1e4e9;
    bottom: 16px;
    height: 1px;
}
.irs--flat .irs-handle {
    background-color: transparent;
    height: 18px;
    top: 22px;
    width: 16px;
}
.irs--flat .irs-handle > i:first-child {
    background-color: #da4453;
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 0;
    width: 2px;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
    background-color: #a43540;
}
.irs--flat .irs-max,
.irs--flat .irs-min {
    background-color: #e1e4e9;
    border-radius: 4px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    padding: 1px 3px;
    text-shadow: none;
    top: 0;
}
.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
    background-color: #ed5565;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    padding: 1px 5px;
    text-shadow: none;
}
.irs--flat .irs-from:before,
.irs--flat .irs-single:before,
.irs--flat .irs-to:before {
    border: 3px solid transparent;
    border-top-color: #ed5565;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.irs--flat .irs-grid-pol {
    background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
    color: #999;
}
.irs--big {
    height: 55px;
}
.irs--big.irs-with-grid {
    height: 70px;
}
.irs--big .irs-line {
    background-color: #fff;
    background: linear-gradient(180deg, #ddd -50%, #fff 150%);
    border: 1px solid #ccc;
    border-radius: 12px;
    height: 12px;
    top: 33px;
}
.irs--big .irs-bar {
    background-color: #92bce0;
    background: linear-gradient(180deg, #fff 0, #428bca 30%, #b9d4ec);
    border: 1px solid #428bca;
    box-shadow: inset 0 0 1px 1px hsla(0, 0%, 100%, 0.5);
    height: 12px;
    top: 33px;
}
.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
    background-color: rgba(66, 139, 202, 0.5);
    bottom: 16px;
    height: 1px;
}
.irs--big .irs-handle {
    background-color: #cbcfd5;
    background: linear-gradient(180deg, #fff 0, #b4b9be 30%, #fff);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 30px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px #fff;
    height: 30px;
    top: 25px;
    width: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
    background-color: #939ba7;
    background: linear-gradient(180deg, #fff 0, #919ba5 30%, #fff);
    border-color: rgba(0, 0, 0, 0.45);
}
.irs--big .irs-max,
.irs--big .irs-min {
    background-color: #9f9f9f;
    border-radius: 3px;
    color: #fff;
    padding: 1px 5px;
    text-shadow: none;
    top: 0;
}
.irs--big .irs-from,
.irs--big .irs-single,
.irs--big .irs-to {
    background-color: #428bca;
    background: linear-gradient(180deg, #428bca 0, #3071a9);
    border-radius: 3px;
    color: #fff;
    padding: 1px 5px;
    text-shadow: none;
}
.irs--big .irs-grid-pol {
    background-color: #428bca;
}
.irs--big .irs-grid-text {
    color: #428bca;
}
.irs--modern,
.irs--modern.irs-with-grid {
    height: 55px;
}
.irs--modern .irs-line {
    background-color: #d1d6e0;
    background: linear-gradient(180deg, #e0e4ea 0, #d1d6e0);
    border: solid #a3adc1;
    border-radius: 5px;
    border-width: 1px 1px 0;
    height: 5px;
    top: 25px;
}
.irs--modern .irs-bar {
    background: #20b426;
    background: linear-gradient(180deg, #20b426 0, #18891d);
    height: 5px;
    top: 25px;
}
.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
    background-color: rgba(209, 214, 224, 0.5);
    bottom: 21px;
    height: 1px;
}
.irs--modern .irs-handle {
    border: 1px solid #a3adc1;
    border-radius: 0 0 3px 3px;
    border-top: 0 solid #a3adc1;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    height: 13px;
    top: 37px;
    width: 12px;
}
.irs--modern .irs-handle > i:first-child {
    background: #fff;
    border: 1px solid #a3adc1;
    display: block;
    height: 6px;
    left: 1px;
    position: absolute;
    top: -4px;
    transform: rotate(45deg);
    width: 6px;
}
.irs--modern .irs-handle > i:nth-child(2) {
    background: #e9e6e6;
    background: linear-gradient(180deg, #fff 0, #e9e6e6);
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    display: block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
}
.irs--modern .irs-handle > i:nth-child(3) {
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1;
    box-sizing: border-box;
    display: block;
    height: 5px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 4px;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
    background: #c3c7cd;
    background: linear-gradient(180deg, #fff 0, #919ba5 30%, #fff);
    border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:first-child,
.irs--modern .irs-handle:hover > i:first-child {
    border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
    border-color: #48536a;
}
.irs--modern .irs-max,
.irs--modern .irs-min {
    background-color: #d1d6e0;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    padding: 1px 5px;
    text-shadow: none;
    top: 0;
}
.irs--modern .irs-from,
.irs--modern .irs-single,
.irs--modern .irs-to {
    background-color: #20b426;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    padding: 1px 5px;
    text-shadow: none;
}
.irs--modern .irs-from:before,
.irs--modern .irs-single:before,
.irs--modern .irs-to:before {
    border: 3px solid transparent;
    border-top-color: #20b426;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.irs--modern .irs-grid {
    height: 25px;
}
.irs--modern .irs-grid-pol {
    background-color: #dedede;
}
.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px;
}
.irs--sharp {
    font-size: 12px;
    height: 50px;
    line-height: 1;
}
.irs--sharp.irs-with-grid {
    height: 57px;
}
.irs--sharp .irs-line {
    background-color: #000;
    border-radius: 2px;
    height: 2px;
    top: 30px;
}
.irs--sharp .irs-bar {
    background-color: #ee22fa;
    height: 2px;
    top: 30px;
}
.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 21px;
    height: 1px;
}
.irs--sharp .irs-handle {
    background-color: #a804b2;
    height: 10px;
    top: 25px;
    width: 10px;
}
.irs--sharp .irs-handle > i:first-child {
    border: 5px solid transparent;
    border-top-color: #a804b2;
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 0;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
    background-color: #000;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
    border-top-color: #000;
}
.irs--sharp .irs-max,
.irs--sharp .irs-min {
    background-color: #a804b2;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    opacity: 0.4;
    padding: 3px 4px;
    top: 0;
}
.irs--sharp .irs-from,
.irs--sharp .irs-single,
.irs--sharp .irs-to {
    background-color: #a804b2;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 3px 4px;
    text-shadow: none;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-single:before,
.irs--sharp .irs-to:before {
    border: 3px solid transparent;
    border-top-color: #a804b2;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.irs--sharp .irs-grid {
    height: 25px;
}
.irs--sharp .irs-grid-pol {
    background-color: #dedede;
}
.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px;
}
.irs--round {
    height: 50px;
}
.irs--round.irs-with-grid {
    height: 65px;
}
.irs--round .irs-line {
    background-color: #dee4ec;
    border-radius: 4px;
    height: 4px;
    top: 36px;
}
.irs--round .irs-bar {
    background-color: #006cfa;
    height: 4px;
    top: 36px;
}
.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
    background-color: rgba(222, 228, 236, 0.5);
    bottom: 21px;
    height: 4px;
}
.irs--round .irs-handle {
    background-color: #fff;
    border: 4px solid #006cfa;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
    height: 24px;
    top: 26px;
    width: 24px;
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #f0f6ff;
}
.irs--round .irs-max,
.irs--round .irs-min {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    line-height: 1;
    padding: 3px 5px;
    top: 0;
}
.irs--round .irs-from,
.irs--round .irs-single,
.irs--round .irs-to {
    background-color: #006cfa;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 3px 5px;
    text-shadow: none;
}
.irs--round .irs-from:before,
.irs--round .irs-single:before,
.irs--round .irs-to:before {
    border: 3px solid transparent;
    border-top-color: #006cfa;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.irs--round .irs-grid {
    height: 25px;
}
.irs--round .irs-grid-pol {
    background-color: #dedede;
}
.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px;
}
.irs--square {
    height: 50px;
}
.irs--square.irs-with-grid {
    height: 60px;
}
.irs--square .irs-line {
    background-color: #dedede;
    height: 4px;
    top: 31px;
}
.irs--square .irs-bar {
    background-color: #000;
    height: 4px;
    top: 31px;
}
.irs--square .irs-shadow {
    background-color: #dedede;
    bottom: 21px;
    height: 2px;
}
.irs--square .irs-handle {
    background-color: #fff;
    border: 3px solid #000;
    height: 16px;
    top: 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px;
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
    background-color: #f0f6ff;
}
.irs--square .irs-max,
.irs--square .irs-min {
    background-color: rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 14px;
    line-height: 1;
    padding: 3px 5px;
    top: 0;
}
.irs--square .irs-from,
.irs--square .irs-single,
.irs--square .irs-to {
    background-color: #000;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 3px 5px;
    text-shadow: none;
}
.irs--square .irs-grid {
    height: 25px;
}
.irs--square .irs-grid-pol {
    background-color: #dedede;
}
.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px;
}
@font-face {
    font-display: swap;
    font-family: OKKO Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/SuisseIntl-Regular.woff2) format("woff2"), url(../fonts/SuisseIntl-Regular.woff) format("woff"),
        url(../fonts/SuisseIntl-Regular.ttf) format("truetype"), url(../fonts/SuisseIntl-Regular.svg#SuisseIntl-Regular) format("svg");
}
@font-face {
    font-display: swap;
    font-family: OKKO Sans;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/SuisseIntl-Medium.woff2) format("woff2"), url(../fonts/SuisseIntl-Medium.woff) format("woff"),
        url(../fonts/SuisseIntl-Medium.ttf) format("truetype"), url(../fonts/SuisseIntl-Medium.svg#SuisseIntl-Medium) format("svg");
}
@font-face {
    font-display: swap;
    font-family: OKKO Sans;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/SuisseIntl-SemiBold.woff2) format("woff2"), url(../fonts/SuisseIntl-SemiBold.woff) format("woff"),
        url(../fonts/SuisseIntl-SemiBold.ttf) format("truetype"), url(../fonts/SuisseIntl-SemiBold.svg#SuisseIntl-SemiBold) format("svg");
}
@font-face {
    font-display: swap;
    font-family: OKKO Sans;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/SuisseIntl-Bold.woff2) format("woff2"), url(../fonts/SuisseIntl-Bold.woff) format("woff"),
        url(../fonts/SuisseIntl-Bold.ttf) format("truetype"), url(../fonts/SuisseIntl-Bold.svg#SuisseIntl-Bold) format("svg");
}
@font-face {
    font-family: Tactic Sans;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/TacticSans-Blk.eot);
    src: local("Tactic Sans Black"), local("TacticSans-Blk"), url(../fonts/TacticSans-Blk.eot?#iefix) format("embedded-opentype"),
        url(../fonts/TacticSans-Blk.woff2) format("woff2"), url(../fonts/TacticSans-Blk.woff) format("woff"),
        url(../fonts/TacticSans-Blk.ttf) format("truetype");
}
:root {
    --font-rubik: "Rubik", sans-serif;
    --font-roboto: "Roboto", sans-serif;
    --font-gotham: "Gotham";
    --font-lazurski: "Lazurski";
    --font-kitsch: "Kitsch";
    --font-kelson-sans: "KelsonSans";
    --font-lineage-serif: "LineageSerif";
    --font-trajan-pro-3: "Trajan Pro 3";
    --font-dxangelusmediaval: "DXAngelusMediaval";
    --font-sb-sans: "SB Sans";
    --font-kasper: "Kaspersky Sans Display";
    --font-russo-one: "Russo One";
    --font-open-sans: "Open Sans";
    --font-montserrat: "Montserrat";
    --font-yanone: "Yanone Kaffeesatz";
    --font-caliber: "Caliber";
    --font-okko: "OKKO Sans";
    --font-horta: "Horta";
    --font-refrigerator: "Refrigerator Deluxe";
    --font-fortnite: "Fortnite Battlefest";
    --font-lol: "BeaufortforLOL";
    --font-ff: "GFF Latin";
    --font-sst: "SST";
    --font-gilroy: "Gilroy";
    --font-lora: "Lora";
    --font-genshin: "genshin";
    --font-bebas: "Bebas Neue";
    --font-futura: "Futura PT";
    --font-segoeui: "Segoe UI";
    --font-warface: "Tactic Sans";
    --transition03: 0.3s ease-in-out;
    --transition01-background: background 0.1s ease-in-out;
    --transition03-background: background 0.3s ease-in-out;
    --transition03-border: border 0.3s ease-in-out;
    --transition03-color: color 0.3s ease-in-out;
    --transition03-height: height 0.3s ease-in-out;
    --transition03-opacity: opacity 0.3s ease-in-out;
    --transition03-padding: padding 0.3s ease-in-out;
    --transition03-margin: margin 0.3s ease-in-out;
    --transition03-width: width 0.3s ease-in-out;
    --transition03-transform: transform 0.3s ease-in-out;
    --transition03-box-shadow: box-shadow 0.3s ease-in-out;
    --transition05-transform: transform 0.5s ease-in-out;
    --transition05-background: background 0.5s ease-in-out;
    --transition05: 0.5s ease;
    --transition1: 1s ease-in-out;
    --br-5: 5px;
    --br-7: 7px;
    --br-10: 10px;
    --br-15: 15px;
    --br-20: 20px;
    --bg-1: #c74242;
    --bg-2: #2c2f32;
    --bg-3: #833434;
    --bg-4: #0af;
    --bg-5: #76b900;
    --bg-6: #519b36;
    --bg-6-hover: #325e22;
    --bg-7: #f4d432;
    --bg-7-hover: #a98918;
    --bg-8: #4f54ba;
    --bg-9: #e0c56e;
    --bg-9-hover: #d7b444;
    --bg-ea: #0d1042;
    --bg-ww: #102242;
    --ww-color: #1e61d5;
    --ww-bg: #101327;
    --ww-bg2: #5191ff;
    --wow-color: #0f6581;
    --wow-navi: #5b7978;
    --wow-bg: #011223;
    --wow-bg-card: #101327;
    --wow-bg-gfn: #112131;
    --bg-wg: #292823;
    --bg2-wg: #1c1b15;
    --bg3-wg: #8d7955;
    --bg4-wg: #2c2820;
    --bg6-wg: #383434;
    --bg-ragnarok: #faf7f2;
    --rg-color: #35322f;
    --rg-color2: #e9875d;
    --crowfall-bg: #171b26;
    --crowfall-color: #e3b135;
    --crowfall-color-2: rgba(7, 10, 16, 0.8);
    --aion-header: #504036;
    --aion-bg: #e2e5ff;
    --aion-bg-2: #070a10;
    --aion-name: #41366c;
    --aion-red: #e85340;
    --aion-blue: #60aaf6;
    --aion-color: #7880d5;
    --aion-color-2: #454fb7;
    --aion-classic-color: #6d5981;
    --aion-classic-name: #3d2550;
    --aion-class-blue: #01b0da;
    --aion-class-blue-hover: #0e7798;
    --aion-classic-name-hover: rgba(61, 37, 80, 0.8);
    --aion-classic-price: #b04de7;
    --aion-classic-premium-price: #eeb239;
    --aion-classic-border-color: #b1a7cf;
    --aion-classic-prem-border-color: #cdbaac;
    --aion-classic-bg-color: #f7f7ff;
    --aion-classic-prem-bg-color: linear-gradient(0deg, #3d5778 27.33%, #2e3033 63.1%);
    --aion-classic-btn: #ffb6fb;
    --aion-classic-btn-prem: #e4cca9;
    --apex-bg: #ede8e2;
    --essence-bg: #402820;
    --essence-price: #e94c5e;
    --essence-color-1: hsla(32, 85%, 70%, 0.3);
    --essence-color-2: rgba(0, 0, 0, 0.3);
    --essence-color-3: #d9aa88;
    --essence-color-3-hover: #765238;
    --essence-color-4: #584d3b;
    --essence-color-5: #fdf9ea;
    --essence-link: #b18151;
    --essence-order: #765236;
    --genshin-name-color: #4e4d4b;
    --genshin-name-color-hover: rgba(78, 77, 75, 0.4);
    --genshin-logo-color: #a68f7b;
    --genshin-border-color: #d3beac;
    --genshin-price: #d59055;
    --genshin-premium-price: #f2bcf7;
    --genshin-btn: #f8d0ad;
    --genshin-btn-hover: #f4b57e;
    --genshin-bg-color: #f2eeea;
    --genshin-prem-bg-color: #6882a2;
    --genshin-prem-bg-color-hover: #5c7595;
    --l2-main-bg: #17161c;
    --l2-main-color-1: #b58149;
    --l2-main-color-2: #eae5da;
    --l2-legacy-bg: #010411;
    --l2-legacy-bg-product: #17161c;
    --l2-legacy-color-1: #fdd657;
    --l2-legacy-color-1-hover: #9b8643;
    --l2-legacy-color-2: #74632f;
    --rf-bg: #010411;
    --rf-color-current: #7253d1;
    --rf-color-1: #7253d1;
    --rf-color-1-bg: #4d4070;
    --rf-color-2: #ff7200;
    --rf-color-2-bg: #7d411d;
    --rf-color-3: #6a7e9d;
    --rf-color-3-bg: linear-gradient(180deg, #839abc, #6b7da1);
    --rf-color-4: #369b52;
    --rf-color-4-bg: #0f3f2b;
    --rf-price: #ffc696;
    --black: #000;
    --black08: rgba(0, 0, 0, 0.8);
    --white: #fff;
    --white08: hsla(0, 0%, 100%, 0.8);
    --white2: #fff;
    --dark: #0e1828;
    --darken: #1f2226;
    --darkenlight: #3b3e42;
    --darkenBG: #1b1d21;
    --grey: #b5b5b5;
    --ea-color: #ff4747;
    --okko-bg: #6c43bf;
    --okko-color: #6606c9;
    --okko-bg-hover: #8459db;
    --okko-gradient: linear-gradient(180deg, #6c43bf, #6c43bf);
    --okko-gradient2: linear-gradient(360deg, #2c165b, #4f2891);
    --okko-gradient3: linear-gradient(87.21deg, #5d0ef5 3.22%, #000 166.48%);
    --okko-l2-essence: #ec5d6d;
    --okko-l2-essence-hover: #e72f44;
    --okko-l2-legacy: #fdd657;
    --okko-l2-legacy-hover: #fcca25;
    --okko-l2-main: #b58149;
    --okko-l2-main-hover: #91673a;
    --okko-aion-month: #f5be00;
    --okko-aion-month-hover: #c49a6d;
    --okko-aion-year: rgba(93, 14, 245, 0.8);
    --okko-aion-year-hover: #631f29;
    --fgp-color-1: #f7b107;
    --fgp-color-1-hover: #c58d06;
    --fgp-color-2: var(--bg-1);
    --fgp-color-2-hover: #a53131;
    --fgp-color-4: #00a88a;
    --fgp-color-4-hover: #007560;
    --pointblank-color-1: #f5b105;
    --pointblank-color-1-hover: #c38d04;
    --pointblank-color-2: #6f3518;
    --pointblank-color-2-hover: rgba(111, 53, 24, 0.8);
    --pointblank-color-3: #342c56;
    --pointblank-color-3-hover: rgba(52, 44, 86, 0.8);
    --bg-input: #1f2226;
    --kasper-color-1: #009982;
    --kasper-color-2: #265951;
    --pubg-body: #222;
    --pubg-bg: #1c1f22;
    --pubg-gradient: linear-gradient(180deg, #222, #322e20 40%);
    --pubg-gradient-2: linear-gradient(180deg, #9f9675, #6b7455);
    --pubg-color: #f2a900;
    --pubg-color-hover: #bf8500;
    --pubg-year: #bd4206;
    --pubg-year-hover: #8c3104;
    --caliber-color: #ffc83c;
    --caliber-color-hover: #ffba09;
    --caliber-color-2: #d26551;
    --wt-bg: #171717;
    --wt-price: #d8a240;
    --wt-color-bg: #232a2e;
    --wt-color-1: #822818;
    --wt-color-1-hover: #571b10;
    --wt-color-2: #9b6b3b;
    --wt-color-2-hover: #76522d;
    --wt-text: #a79a90;
    --ml-color: #f0d186;
    --ml-color-hover: #eac059;
    --ml-bg: #4788cc;
    --ml-price: #1cc0f4;
    --ml-gradient: linear-gradient(180deg, #162d50, #2f578b);
    --ml-prem-bg-1: #2a437d;
    --ml-prem-bg-2: #4f31de;
    --ml-prem-bg-3: #240843;
    --roblox-card: #6557d1;
    --roblox-text: #444;
    --roblox-link: #5134ff;
    --roblox-color: #ffd600;
    --roblox-price: #8672ff;
    --roblox-color-hover: #f0c900;
    --roblox-gradient: linear-gradient(180deg, #cdafff, #7462ff);
    --fortnite-bg: #018acf;
    --fortnite-color-2: #f4c312;
    --fortnite-color-2-hover: #e2b30a;
    --fortnite-price-1: #8e61fc;
    --fortnite-coin-1: #00bb2d;
    --fortnite-coin-2: #3e9ed8;
    --fortnite-coin-3: #854594;
    --fortnite-coin-4: #fbb840;
    --lol-button: #0bc6e3;
    --lol-color: #9b7640;
    --lol-color-2: #bf913b;
    --lol-color-hover: #896839;
    --lol-bg: #1a1d22;
    --lol-price: #fecd43;
    --ff-bg: #ffba00;
    --ff-bg-hover: #e6a700;
    --ff-bg-2: rgba(0, 0, 0, 0.5);
    --ff-bg-3: #f16123;
    --bns-arrows-bg: #793509;
    --bns-name-color: #f2eeea;
    --bns-bg-1: #110e0f;
    --bns-bg-2-hover: #49aec7;
    --bns-gradient-1: linear-gradient(180deg, #e25c02, rgba(226, 92, 2, 0));
    --bns-gradient-2: linear-gradient(180deg, #49aec7, rgba(226, 92, 2, 0));
    --bns-price: #e25c02;
    --bns-btn-hover: #af4702;
    --bns-price-prem: #eeb239;
    --bns-gradient: linear-gradient(180deg, #423622 -19.24%, #11111f 57.16%);
    --bns-border-color: #685330;
    --stalcraft-name: #ebe8e2;
    --stalcraft-color: #e9b657;
    --stalcraft-color-hover: #c18619;
    --stalcraft-color-1-border: #403725;
    --stalcraft-color-1-more: #403a32;
    --stalcraft-color-2: #fd5669;
    --stalcraft-color-2-hover: #fd3d53;
    --stalcraft-color-2-border: #37201d;
    --stalcraft-color-2-more: rgba(102, 36, 68, 0.6);
    --stalcraft-color-3: #489d48;
    --stalcraft-color-3-hover: #306930;
    --stalcraft-color-3-border: #285828;
    --stalcraft-color-3-more: rgba(41, 102, 36, 0.6);
    --stalcraft-color-4: #7864e1;
    --stalcraft-color-4-hover: #4328d0;
    --stalcraft-color-4-border: #4530b5;
    --stalcraft-color-4-more: #2f2467;
    --stalcraft-color-5: #3bb7b4;
    --stalcraft-color-5-border: #0e504f;
    --stalcraft-color-5-hover: #287d7b;
    --stalcraft-color-5-more: #0b3534;
    --psn-color: #fcc013;
    --psn-color-hover: #d9a203;
    --nintendo-color: #e50012;
    --nintendo-link: #ff3d9e;
    --nintendo-blue: #0064c8;
    --xbox-color-1: #519b36;
    --xbox-color-2: #3d3d3d;
    --xbox-color-1-bg: #008b1e;
    --xbox-color-2-bg: #96f00b;
    --warface-color-1: red;
    --warface-color-1-hover: #c00;
    --warface-color-2: #d73737;
    --warface-color-2-hover: #b72525;
    --warface-color-prem: #9b3e3e;
    --warface-color-prem-border: #672f33;
    --warface-color-prem-primary: #572727;
    --bt2-bg: #a62426;
    --bt2-grey: #353535;
    --bt2-grey2: #1c1c1c;
    --bt2-pink: #e8b0ff;
    --bt2-color-1-more: hsla(0, 0%, 100%, 0.2);
    --bt2-price-blue: #6effff;
    --bt2-light: #00fff0;
    --bt2-light-hover: #00ccc0;
    --mir-color-1: #4db45e;
    --mir-color-2: #66b5e6;
    --color-ccc: #ccc;
    --gold: #ffb81c;
    --color-43: #43423e;
    --color-57: #575757;
    --price-color: #c5a774;
    --success: #7fdb30;
    --warning: #ffcd01;
    --danger: #c74242;
    --waiting: #00d2ff;
    --yellow: #ffb600;
    --swiper-theme-color: var(--bg-1);
    --color-1: #000;
    --color-2: #ccc;
    --info-bg: #1f2226;
    --info-grey-color: #b5b5b5;
    --info-line-1: #b33d3d;
    --info-line-2: linear-gradient(90deg, rgba(11, 97, 129, 0.5) 0%, rgba(179, 61, 61, 0.5));
    --preload-1: #3d382d;
    --preload-2: #2b2720;
    --preload-3: #402723;
    --preload-4: #331f1c;
    --preload-1-wow: #33444b;
    --preload-2-wow: #272d34;
    --preload-3-wow: #233440;
    --preload-4-wow: #1c2733;
    --fill-none: none;
    --main-bg: linear-gradient(180deg, #08111e, #192535);
    --main-bg-contacts: linear-gradient(180deg, #0e1726 1080px, #192535);
    --price-new: #ff5454;
    --x5green: #55b435;
}
body,
html {
    font-weight: 400;
}
body .wg-navi__body {
    -webkit-transition: left 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: left 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, left 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
body .fix-menu.menu-main {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
}
body.panel-menu-open {
    overflow: hidden;
}
body.panel-menu-open .fix-menu.menu-main {
    opacity: 0;
}
@media (max-width: 1024px) {
    body.panel-menu-open .wg-navi__body {
        -ms-overflow-style: none;
        overflow: auto;
        scrollbar-width: none;
        -webkit-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0);
    }
    body.panel-menu-open .wg-navi__body::-webkit-scrollbar {
        display: none;
    }
}
@media (max-width: 415px) {
    body.panel-menu-open .wg-navi__body {
        -webkit-transform: translate3d(-100vw, 0, 0);
        transform: translate3d(-100vw, 0, 0);
    }
}
.b-container {
    margin: 0 auto;
    max-width: 1374px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
}
@media (max-width: 1024px) {
    .b-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.b-container > .catalog-list__more {
    padding-left: 0;
    padding-right: 0;
}
.b-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.b-row > .block__head {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 40px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.b-row > .block__head.h3 {
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .b-row > .block__head.h3 {
        margin-bottom: 15px;
    }
}
.block__content {
    font-size: 16px;
    max-width: 100%;
    padding: 30px 15px;
    text-align: left;
    width: 100%;
}
@media (max-width: 767px) {
    .ragnarok__content .block__content {
        padding-top: 0;
    }
}
.block__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 34px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 40px;
    margin-bottom: 70px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .block__head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 34px;
        line-height: 40px;
    }
}
@media (max-width: 768px) {
    .block__head {
        font-size: 24px;
        line-height: 1.6;
        margin-bottom: 30px;
    }
}
@media (max-width: 360px) {
    .block__head {
        font-size: 22px;
    }
}
.aion-classic-color .block__head {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    color: var(--white);
    font-family: var(--font-lora);
    font-size: 58px;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: 80px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .aion-classic-color .block__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        font-size: 34px;
        justify-content: center;
        margin-bottom: 40px;
        text-align: center;
    }
}
.aion-classic-color .block__head h1,
.aion-classic-color .block__head span {
    border-bottom: none;
    position: relative;
}
@media (max-width: 768px) {
    .aion-classic-color .block__head h1,
    .aion-classic-color .block__head span {
        text-align: center;
    }
}
.aion-classic-color .block__head h1:after,
.aion-classic-color .block__head h1:before,
.aion-classic-color .block__head span:after,
.aion-classic-color .block__head span:before {
    background-size: contain;
    content: "";
    height: 12px;
    position: absolute;
    width: 255px;
}
.aion-classic-color .block__head h1:before,
.aion-classic-color .block__head span:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/aion-header-tl.svg) 50% 50% no-repeat;
    left: -86px;
    top: -24px;
}
@media (max-width: 768px) {
    .aion-classic-color .block__head h1:before,
    .aion-classic-color .block__head span:before {
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}
.aion-classic-color .block__head h1:after,
.aion-classic-color .block__head span:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/aion-header-br.svg) 50% 50% no-repeat;
    bottom: -20px;
    right: 11px;
}
@media (max-width: 768px) {
    .aion-classic-color .block__head h1:after,
    .aion-classic-color .block__head span:after {
        bottom: -24px;
        left: 50%;
        right: auto;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}
.aion-classic-color .block__head.h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 23px;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
    .aion-classic-color .block__head.h2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        font-size: 26px;
        justify-content: flex-start;
        line-height: 1;
        text-align: left;
    }
}
.aion-classic-color .block__head.h2 span:after,
.aion-classic-color .block__head.h2 span:before {
    display: none;
}
.product-top__info .aion-classic-color .block__head h2,
.product-top__info .aion-classic-color .block__head.h2 {
    font-size: 24px;
}
.aion-classic-color .block__head .help-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eeb33a;
    border-radius: 13px;
    bottom: 100%;
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 26px;
    left: 100%;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0 0 -20px -20px;
    padding: 0 16px;
    position: absolute;
}
@media (max-width: 768px) {
    .aion-classic-color .block__head .help-block {
        left: 50%;
        margin: 0;
        -webkit-transform: translate3d(-50%, -10px, 0);
        transform: translate3d(-50%, -10px, 0);
    }
}
.aion-classic-color .block__head .help-block:after,
.aion-classic-color .block__head .help-block:before {
    display: none;
}
.stalcraft-color .block__head {
    color: var(--stalcraft-color);
    font-family: var(--font-bebas);
    font-size: 60px;
    font-weight: 700;
    line-height: 50px;
}
.stalcraft-color .block__head h1,
.stalcraft-color .block__head span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    border: none;
    border-radius: var(--br-10);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 17px 20px 13px 35px;
    position: relative;
}
.stalcraft-color .block__head h1:before,
.stalcraft-color .block__head span:before {
    background: var(--stalcraft-color);
    bottom: 10px;
    content: "";
    left: 20px;
    position: absolute;
    top: 10px;
    width: 5px;
}
.stalcraft-color .block__head.stalcraft-color-2 {
    color: var(--stalcraft-color-2);
}
.stalcraft-color .block__head.stalcraft-color-2 h1:before,
.stalcraft-color .block__head.stalcraft-color-2 span:before {
    background: var(--stalcraft-color-2);
}
.stalcraft-color .block__head.stalcraft-color-3 {
    color: var(--stalcraft-color-3);
}
.stalcraft-color .block__head.stalcraft-color-3 h1:before,
.stalcraft-color .block__head.stalcraft-color-3 span:before {
    background: var(--stalcraft-color-3);
}
.stalcraft-color .block__head.stalcraft-color-4 {
    color: var(--stalcraft-color-4);
}
.stalcraft-color .block__head.stalcraft-color-4 h1:before,
.stalcraft-color .block__head.stalcraft-color-4 span:before {
    background: var(--stalcraft-color-4);
}
.stalcraft-color .block__head.stalcraft-color-5 {
    color: var(--stalcraft-color-5);
}
.stalcraft-color .block__head.stalcraft-color-5 h1:before,
.stalcraft-color .block__head.stalcraft-color-5 span:before {
    background: var(--stalcraft-color-5);
}
@media (max-width: 768px) {
    .stalcraft-color .block__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 30px;
        justify-content: center;
        line-height: 30px;
    }
    .stalcraft-color .block__head h1 br,
    .stalcraft-color .block__head span br {
        display: none;
    }
}
.stalcraft-color .block__head.h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
    text-shadow: none;
}
@media (max-width: 768px) {
    .stalcraft-color .block__head.h2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        font-size: 26px;
        justify-content: flex-start;
        text-align: left;
    }
}
.stalcraft-color .block__head.h2 span {
    background: none;
    border-radius: 0;
    padding: 2px 0 0 15px;
}
.stalcraft-color .block__head.h2 span:before {
    bottom: 0;
    left: 0;
    top: 0;
}
.warface-color .block__head {
    color: var(--white);
    font-family: var(--font-warface);
    font-size: 48px;
    font-weight: 900;
    line-height: 52px;
}
@media (max-width: 768px) {
    .warface-color .block__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        font-size: 28px;
        justify-content: center;
        line-height: 32px;
        margin-bottom: 20px;
        text-align: center;
    }
}
.warface-color .block__head h1,
.warface-color .block__head span {
    border: none;
}
@media (max-width: 768px) {
    .warface-color .block__head h1,
    .warface-color .block__head span {
        text-align: center;
    }
}
.warface-color .block__head h1:before,
.warface-color .block__head span:before {
    display: none;
}
.warface-color .block__head.h2 {
    font-size: 38px;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 15px;
    text-shadow: none;
}
@media (max-width: 768px) {
    .warface-color .block__head.h2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        font-size: 24px;
        justify-content: flex-start;
        text-align: left;
    }
}
.warface-color .block__head.h2 span:after,
.warface-color .block__head.h2 span:before {
    display: none;
}
.bt2-color .block__head {
    color: var(--white);
    font-family: var(--font-bebas);
    font-size: 80px;
    font-weight: 700;
    line-height: 52px;
    position: relative;
}
.bt2-color .block__head:before {
    content: "";
    height: 56px;
    left: -27px;
    position: absolute;
    top: -5px;
    width: 11px;
}
@media (max-width: 768px) {
    .bt2-color .block__head:before {
        height: 36px;
    }
    .bt2-color .block__head {
        font-size: 46px;
        line-height: 46px;
        margin-bottom: 20px;
        padding-left: 27px;
    }
    .bt2-color .block__head:before {
        left: 0;
        top: 3px;
    }
}
.bt2-color .block__head h1,
.bt2-color .block__head span {
    border: none;
}
@media (max-width: 768px) {
    .bt2-color .block__head h1,
    .bt2-color .block__head span {
        text-align: center;
    }
}
.bt2-color .block__head h1:before,
.bt2-color .block__head span:before {
    display: none;
}
.bt2-color .block__head.h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
    padding-left: 20px;
    text-shadow: none;
}
@media (max-width: 768px) {
    .bt2-color .block__head.h2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        font-size: 24px;
        justify-content: flex-start;
        text-align: left;
    }
}
.bt2-color .block__head.h2 span:after {
    display: none;
}
.bt2-color .block__head.h2:before {
    background: var(--bt2-light);
    content: "";
    height: 35px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 6px;
}
@media (max-width: 768px) {
    .bt2-color .block__head.h2:before {
        height: 22px;
        top: 3px;
    }
}
.bt2-color .preview__content .block__head.h2 {
    padding-left: 35px;
}
.bt2-color .preview__content .block__head.h2:before {
    left: 15px;
}
.bns-color .block__head {
    color: var(--white);
    font-family: var(--font-trajan-pro-3);
    font-size: 50px;
    font-weight: 700;
    line-height: 77px;
    margin-bottom: 80px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bns-color .block__head {
        font-size: 30px;
        font-weight: 700;
        line-height: 46px;
    }
}
.bns-color .block__head h1,
.bns-color .block__head span {
    border-bottom: none;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .bns-color .block__head h1,
    .bns-color .block__head span {
        text-align: center;
    }
}
.bns-color .block__head h1:before,
.bns-color .block__head span:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/header-1-bg.png) 50% 50% no-repeat;
    content: "";
    height: 152px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 747px;
    z-index: -1;
}
.bns-color .block__head.h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
    text-shadow: none;
}
@media (max-width: 768px) {
    .bns-color .block__head.h2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        font-size: 26px;
        justify-content: flex-start;
        text-align: left;
    }
}
.bns-color .block__head.h2 span:after,
.bns-color .block__head.h2 span:before {
    display: none;
}
.nintendo-color .block__head {
    color: var(--black);
    font-family: var(--font-futura);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 80px;
    text-shadow: none;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .nintendo-color .block__head {
        font-size: 30px;
        font-weight: 700;
        line-height: 46px;
    }
}
.nintendo-color .block__head h1,
.nintendo-color .block__head span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--white);
    border: 3px solid var(--black);
    border-radius: 100px;
    -webkit-box-shadow: 3px 3px 0 5px var(--black);
    box-shadow: 3px 3px 0 5px var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-futura);
    font-size: 32px;
    font-weight: 700;
    height: 70px;
    justify-content: center;
    padding: 10px 40px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
@media (max-width: 1140px) {
    .nintendo-color .block__head h1,
    .nintendo-color .block__head span {
        border: 2.4px solid var(--black);
        border-radius: 80px;
        -webkit-box-shadow: 2.4px 2.4px 0 4px var(--black);
        box-shadow: 2.4px 2.4px 0 4px var(--black);
    }
}
@media (max-width: 768px) {
    .nintendo-color .block__head h1,
    .nintendo-color .block__head span {
        border: 1.92px solid var(--black);
        border-radius: 64px;
        -webkit-box-shadow: 1.92px 1.92px 0 3.2px var(--black);
        box-shadow: 1.92px 1.92px 0 3.2px var(--black);
        font-size: 22px;
        height: 44px;
        padding: 5px 20px 5px 25px;
    }
}
.nintendo-color .block__head.h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
    text-shadow: none;
}
@media (max-width: 768px) {
    .nintendo-color .block__head.h2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        font-size: 26px;
        justify-content: flex-start;
        text-align: left;
    }
}
.nintendo-color .block__head.h2 span:after,
.nintendo-color .block__head.h2 span:before {
    display: none;
}
.xboxgp-color .block__head,
.xboxpage-color .block__head {
    color: var(--white);
    font-family: var(--font-segoeui);
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
    text-shadow: none;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .xboxgp-color .block__head,
    .xboxpage-color .block__head {
        font-size: 36px;
        font-weight: 700;
    }
}
.xboxgp-color .block__head h1,
.xboxgp-color .block__head span,
.xboxpage-color .block__head h1,
.xboxpage-color .block__head span {
    font-family: var(--font-segoeui);
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    z-index: 1;
}
@media (max-width: 768px) {
    .xboxgp-color .block__head h1,
    .xboxgp-color .block__head span,
    .xboxpage-color .block__head h1,
    .xboxpage-color .block__head span {
        font-size: 36px;
    }
}
.xboxgp-color .block__head.h2,
.xboxpage-color .block__head.h2 {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 15px;
    text-shadow: none;
}
@media (max-width: 768px) {
    .xboxgp-color .block__head.h2,
    .xboxpage-color .block__head.h2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        font-size: 26px;
        justify-content: flex-start;
        text-align: left;
    }
}
.xboxgp-color .block__head.h2 > span,
.xboxpage-color .block__head.h2 > span {
    padding-bottom: 15px;
    position: relative;
}
.xboxgp-color .block__head.h2 > span:before,
.xboxpage-color .block__head.h2 > span:before {
    display: none;
}
.xboxgp-color .block__head.h2 > span:after,
.xboxpage-color .block__head.h2 > span:after {
    background: var(--xbox-color-1);
    bottom: 0;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    -webkit-transform: skew(-18deg);
    -ms-transform: skew(-18deg);
    transform: skew(-18deg);
    width: 76px;
}
.genshin-color .block__head {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    color: var(--white);
    font-family: var(--font-genshin);
    font-size: 48px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: 80px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .genshin-color .block__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        font-size: 34px;
        justify-content: center;
        margin-bottom: 40px;
        text-align: center;
    }
}
.genshin-color .block__head h1,
.genshin-color .block__head span {
    border-bottom: none;
    position: relative;
}
@media (max-width: 768px) {
    .genshin-color .block__head h1,
    .genshin-color .block__head span {
        text-align: center;
    }
}
.genshin-color .block__head h1:after,
.genshin-color .block__head h1:before,
.genshin-color .block__head span:after,
.genshin-color .block__head span:before {
    background-size: contain;
    content: "";
    height: 12px;
    position: absolute;
    width: 255px;
}
.genshin-color .block__head h1:before,
.genshin-color .block__head span:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/aion-header-tl.svg) 50% 50% no-repeat;
    left: -86px;
    top: -24px;
}
@media (max-width: 768px) {
    .genshin-color .block__head h1:before,
    .genshin-color .block__head span:before {
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}
.genshin-color .block__head h1:after,
.genshin-color .block__head span:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/aion-header-br.svg) 50% 50% no-repeat;
    bottom: -20px;
    right: 11px;
}
@media (max-width: 768px) {
    .genshin-color .block__head h1:after,
    .genshin-color .block__head span:after {
        bottom: -24px;
        left: 50%;
        right: auto;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}
.genshin-color .block__head.h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 23px;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
    .genshin-color .block__head.h2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        font-size: 26px;
        justify-content: flex-start;
        text-align: left;
    }
}
.genshin-color .block__head.h2 span:after,
.genshin-color .block__head.h2 span:before {
    display: none;
}
.product-top__info .genshin-color .block__head h2,
.product-top__info .genshin-color .block__head.h2 {
    font-size: 24px;
}
.roblox-color .block__head {
    color: var(--roblox-text);
    font-family: var(--font-russo-one);
    font-size: 48px;
    font-weight: 400;
    line-height: 58px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .roblox-color .block__head {
        font-size: 28px;
        line-height: 34px;
    }
}
.roblox-color .block__head h1,
.roblox-color .block__head span {
    border-bottom: none;
}
.roblox-color .block__head.h2 {
    font-size: 24px;
    font-weight: 400;
}
.product-top__info .roblox-color .block__head h2,
.product-top__info .roblox-color .block__head.h2 {
    font-size: 24px;
}
.roblox-color .block__head .help-block {
    bottom: 100%;
    height: 30px;
    left: 81px;
    margin-bottom: 20px;
    position: absolute;
}
@media (max-width: 768px) {
    .roblox-color .block__head .help-block {
        left: 68px;
    }
}
.roblox-color .block__head .help-block img {
    left: -50px;
    position: absolute;
    top: 15px;
}
.roblox-color .block__head .help-block i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--roblox-color);
    border-radius: var(--br-15);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 30px;
    line-height: 1;
    padding: 0 15px;
    vertical-align: top;
}
.roblox-color .block__head .icon-roblox-header-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
}
@media (max-width: 768px) {
    .roblox-color .block__head .icon-roblox-header-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
        flex: 0 0 25px;
        height: 25px;
        margin-right: 10px;
        width: 25px;
    }
}
.roblox-color .block__head .icon-roblox-header-diamond {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46px;
    flex: 0 0 46px;
}
@media (max-width: 768px) {
    .roblox-color .block__head .icon-roblox-header-diamond {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
        flex: 0 0 25px;
        height: 25px;
        margin-right: 10px;
        width: 25px;
    }
}
.fortnite-color .block__head {
    color: var(--white);
    font-family: var(--font-fortnite);
    font-size: 48px;
    font-weight: 400;
    line-height: 70px;
    margin-bottom: 50px;
    position: relative;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .fortnite-color .block__head {
        font-size: 28px;
        line-height: 34px;
    }
}
.fortnite-color .block__head h1,
.fortnite-color .block__head span {
    border-bottom: none;
}
.fortnite-color .block__head.h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 70px;
}
.product-top__info .fortnite-color .block__head h2,
.product-top__info .fortnite-color .block__head.h2 {
    font-size: 24px;
}
.fortnite-color .block__head .help-block {
    bottom: 100%;
    height: 30px;
    left: 15px;
    margin-bottom: 20px;
    position: absolute;
}
.fortnite-color .block__head .help-block i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f2bd00;
    border-radius: 21px;
    color: var(--black);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--font-refrigerator);
    font-size: 28px;
    font-weight: 900;
    height: 42px;
    line-height: 1;
    padding: 0 24px;
    text-shadow: none;
    vertical-align: top;
}
.fortnite-color .block__head .help-block i.red {
    background: #ed1d24;
}
.fortnite-color .block__head .help-block i.purple {
    background: #854694;
    color: var(--white);
}
.fortnite-color .block__head .help-block i.blue {
    background: #00e4f2;
    color: var(--black);
}
.freefire-color .block__head {
    font-family: var(--font-ff);
    font-size: 58px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 80px;
    position: relative;
    text-transform: uppercase;
}
.freefire-color .block__head.h2 {
    font-size: 38px;
    line-height: 1;
    margin-bottom: 60px;
}
.freefire-color .block__head span {
    border-bottom: none;
    position: relative;
}
.freefire-color .block__head span:after {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/header-block-border.svg) 0 0 no-repeat;
    content: "";
    height: 8px;
    left: 0;
    margin: 15px 0 0 5px;
    position: absolute;
    top: 100%;
    width: 274px;
}
.lol-color .block__head {
    font-family: var(--font-lol);
    font-size: 48px;
    font-weight: 900;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
}
.lol-color .block__head.h2 {
    font-size: 24px;
}
.lol-color .block__head .help-block {
    bottom: 100%;
    height: 30px;
    left: 15px;
    position: absolute;
}
.lol-color .block__head .help-block i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    font-weight: 900;
    height: 24px;
    line-height: 1;
    text-shadow: none;
    vertical-align: top;
}
.lol-color .block__head span {
    border-bottom: none;
}
.pubg__content .block__head {
    color: #f2f0ed;
    font-family: horta;
    font-size: 74px;
    font-weight: 600;
    line-height: 91px;
    text-transform: uppercase;
    z-index: 3;
}
@media (max-width: 960px) {
    .pubg__content .block__head {
        font-size: 62px;
        line-height: 1;
    }
}
@media (max-width: 768px) {
    .pubg__content .block__head {
        font-size: 52px;
    }
}
.pubg__content .block__head h1,
.pubg__content .block__head span {
    border-bottom: none;
}
.block__head.bb-color {
    font-family: var(--font-montserrat);
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 40px;
}
.block__head.bb-color span {
    border-bottom: none;
}
.bang-bang__content .block__head {
    color: #efd8fe;
    font-family: var(--font-yanone);
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 5px;
    line-height: 48px;
    text-transform: uppercase;
}
.bang-bang__content .block__head h1,
.bang-bang__content .block__head span {
    border-bottom: none;
}
.caliber__block .block__head,
.caliber__content .block__head {
    font-family: var(--font-caliber);
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 33px;
}
@media (max-width: 768px) {
    .caliber__block .block__head,
    .caliber__content .block__head {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 30px;
    }
}
.caliber__block .block__head h1,
.caliber__block .block__head span,
.caliber__content .block__head h1,
.caliber__content .block__head span {
    border-bottom: none;
}
.wt__block .block__head,
.wt__content .block__head {
    font-family: var(--font-roboto);
    font-weight: 700;
}
.wt__block .block__head > span,
.wt__content .block__head > span {
    border-bottom-color: var(--wt-color-1);
}
.product__block .wt__block .block__head > span,
.product__block .wt__content .block__head > span {
    border-bottom: none;
}
.block__head.wt-color {
    font-family: var(--font-roboto);
}
.block__head.wt-color.h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}
@media (max-width: 1024px) {
    .block__head.wt-color.h3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.block__head.wt-color > span {
    border-bottom-color: var(--wt-color-1);
}
.block__head.wt-color.product__block > span {
    border-bottom: none;
}
.wt__block .block__head.wt-color-gold > span,
.wt__block .wt__premium .block__head > span,
.wt__content .block__head.wt-color-gold > span,
.wt__content .wt__premium .block__head > span {
    border-bottom-color: var(--wt-color-2);
}
.pb__content .block__head {
    font-family: var(--font-gotham);
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 75px;
    padding-top: 20px;
    position: relative;
}
.pb__content .block__head h1,
.pb__content .block__head span {
    border-bottom: none;
}
.pb__content .block__head .icon-pb-head-top {
    left: 0;
    position: absolute;
    top: 0;
}
.pb__content .block__head .icon-pb-head-bottom {
    bottom: -24px;
    position: absolute;
}
.aion__block .block__head,
.aion__content .block__head {
    font-family: var(--font-trajan-pro-3);
    font-size: 35px;
    font-weight: 600;
}
@media (max-width: 768px) {
    .aion__block .block__head,
    .aion__content .block__head {
        font-size: 24px;
    }
}
.apex__block .block__head {
    color: var(--black);
    font-size: 44px;
    font-weight: 700;
}
@media (max-width: 1024px) {
    .apex__block .block__head {
        font-size: 34px;
    }
}
.crowfall__block .block__head,
.crowfall__content .block__head {
    font-family: var(--font-lazurski);
    font-size: 35px;
    font-weight: 400;
    letter-spacing: 1.17px;
}
@media (max-width: 768px) {
    .crowfall__block .block__head,
    .crowfall__content .block__head {
        font-size: 24px;
    }
}
.essence__block .block__head,
.essence__content .block__head {
    color: #efdcd1;
    font-family: var(--font-dxangelusmediaval);
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 1.17px;
    text-transform: uppercase;
}
.essence__block .block__head h1,
.essence__block .block__head span,
.essence__content .block__head h1,
.essence__content .block__head span {
    border-bottom: none;
}
@media (max-width: 768px) {
    .essence__block .block__head,
    .essence__content .block__head {
        font-size: 24px;
    }
}
.l2-main__block .block__head,
.l2-main__content .block__head {
    color: #eae5da;
    font-family: var(--font-lineage-serif);
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 1.17px;
    line-height: 45px;
    text-transform: uppercase;
}
.l2-main__block .block__head h1,
.l2-main__block .block__head span,
.l2-main__content .block__head h1,
.l2-main__content .block__head span {
    border-bottom: none;
}
@media (max-width: 768px) {
    .l2-main__block .block__head,
    .l2-main__content .block__head {
        font-size: 35px;
    }
}
.l2-legacy__block .block__head,
.l2-legacy__content .block__head {
    color: var(--l2-legacy-color-1);
    font-family: var(--font-kitsch);
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 1.17px;
    line-height: 45px;
    text-transform: uppercase;
}
.l2-legacy__block .block__head h1,
.l2-legacy__block .block__head span,
.l2-legacy__content .block__head h1,
.l2-legacy__content .block__head span {
    border-bottom: none;
}
@media (max-width: 768px) {
    .l2-legacy__block .block__head,
    .l2-legacy__content .block__head {
        font-size: 35px;
    }
}
.rf__content .block__head {
    font-family: var(--font-kelson-sans);
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 1.17px;
    line-height: 45px;
    text-transform: uppercase;
}
.crowfall__premium .block__head .icon {
    --white: var(--crowfall-color);
}
.fourgame__block .block__head {
    font-size: 30px;
    line-height: 38px;
}
@media (max-width: 576px) {
    .fourgame__block .block__head {
        font-size: 24px;
        line-height: 34px;
    }
}
.block__head.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}
.block__head.with-icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.block__head.with-icon .icon {
    --color-1: var(--white);
    --color-2: var(--white);
    margin: 0 20px 0 0;
}
@media (max-width: 768px) {
    .crowfall__block .block__head.with-icon .icon,
    .crowfall__content .block__head.with-icon .icon {
        height: 50px;
        width: 50px;
    }
}
.rf__content .block__head.with-icon .icon {
    margin: -15px 0 -15px -20px;
}
.aion__premium .block__head.with-icon .icon {
    --aion-header: var(--white);
}
.aion__block .block__head.with-icon .icon,
.aion__content .block__head.with-icon .icon {
    margin: -2px 0 0;
}
.caliber__premium .block__head.with-icon img.premium-icon {
    margin: -10px 20px 0 0;
}
@media (max-width: 768px) {
    .caliber__premium .block__head.with-icon img.premium-icon {
        height: auto;
        margin: 0 10px 0 0;
        width: 42px;
    }
}
.fortnite-color .block__head.with-icon img {
    margin: -50px 20px 0 0;
    vertical-align: bottom;
}
.block__head.with-icon.rf-color-1 {
    --rf-color-current: var(--rf-color-1);
}
.block__head.with-icon.rf-color-2 {
    --rf-color-current: var(--rf-color-2);
}
.block__head.with-icon.rf-color-3 {
    --rf-color-current: var(--rf-color-3);
}
.block__head.with-icon.rf-color-4 {
    --rf-color-current: var(--rf-color-4);
}
.block__head.with-icon.h3 .icon {
    margin: 0 20px 0 6px;
}
.block__head > h1,
.block__head > span {
    border-bottom: 3px solid var(--bg-1);
}
@media (max-width: 768px) {
    .block__head > h1.adaptive-title:after,
    .block__head > span.adaptive-title:after {
        content: attr(data-adaptive);
    }
    .block__head > h1.adaptive-title span,
    .block__head > span.adaptive-title span {
        display: none;
    }
}
.xbox-color .block__head > h1,
.xbox-color .block__head > span {
    border-bottom-color: var(--xbox-color-1);
}
.xboxgp-color .block__head > h1,
.xboxgp-color .block__head > span,
.xboxpage-color .block__head > h1,
.xboxpage-color .block__head > span {
    border-bottom: none;
    font-family: var(--font-segoeui);
    font-weight: 900;
}
.ragnarok__content .block__head > h1,
.ragnarok__content .block__head > span {
    border-bottom-color: var(--rg-color2);
    color: var(--rg-color2);
}
.ragnarok__premium .block__head > h1,
.ragnarok__premium .block__head > span {
    color: var(--white);
}
.crowfall__block .block__head > h1,
.crowfall__block .block__head > span,
.crowfall__content .block__head > h1,
.crowfall__content .block__head > span,
.rf__content .block__head > h1,
.rf__content .block__head > span {
    border-bottom: none;
    color: var(--white);
}
.crowfall__premium .block__head > h1,
.crowfall__premium .block__head > span {
    color: var(--crowfall-color);
}
.aion__block .block__head > h1,
.aion__block .block__head > span,
.aion__content .block__head > h1,
.aion__content .block__head > span {
    border-bottom: none;
    color: var(--aion-header);
}
.aion__premium .block__head > h1,
.aion__premium .block__head > span {
    color: var(--white);
}
.apex__block .block__head > h1,
.apex__block .block__head > span {
    border-bottom: none;
}
.apex__block .block__head > h1:first-letter,
.apex__block .block__head > span:first-letter {
    color: var(--bg-1);
}
.block__head.wow-color > h1,
.block__head.wow-color > span {
    border-bottom-color: var(--ww-color);
}
.block__head.wowsh-color > h1,
.block__head.wowsh-color > span {
    border-bottom-color: var(--wow-color);
}
.wow__content .block__head.wowsh-color > h1,
.wow__content .block__head.wowsh-color > span {
    border-bottom: none;
    padding-bottom: 0;
}
.block__head.wowsh-color > h1 > i.coll,
.block__head.wowsh-color > span > i.coll {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1a2939;
    border-radius: var(--br-5);
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 28px;
    margin-left: 25px;
    padding: 0 10px;
    vertical-align: top;
}
.block__head.wg-color2 > h1,
.block__head.wg-color2 > span {
    border-bottom-color: var(--price-color);
}
.block__head.with-wg-filter {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-top: 23px;
}
.block__head.with-wg-filter > h1,
.block__head.with-wg-filter > span {
    margin-right: 50px;
    white-space: nowrap;
}
@media (max-width: 767px) {
    .block__head.with-wg-filter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .block__head.with-wg-filter > span {
        margin-bottom: 0;
    }
}
.block__head .swiper__filter {
    margin: 0;
    padding: 18px 0 0 15px;
    width: auto;
}
@media (max-width: 1140px) {
    .wowsh-color .block__head .swiper__filter {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .block__head .swiper__filter {
        margin: 25px 0 0;
        min-width: 100%;
        padding: 0;
        width: 100%;
    }
}
.wg__content .block__head .swiper__filter {
    padding: 0;
}
@media (max-width: 1024px) {
    .wg__content .block__head .swiper__filter {
        margin: 0;
        min-width: 0;
        padding: 0;
        width: auto;
    }
}
@media (max-width: 767px) {
    .wg__content .block__head .swiper__filter {
        margin: 45px -15px 0;
        min-width: 100%;
        width: 100%;
    }
}
.block__head.h2 {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 27px;
}
@media (max-width: 1024px) {
    .block__head.h2 {
        font-size: 34px;
        line-height: 40px;
    }
}
@media (max-width: 768px) {
    .block__head.h2 {
        font-size: 20px;
        line-height: 26px;
    }
}
@media (max-width: 360px) {
    .block__head.h2 {
        font-size: 18px;
    }
}
.block__head.h2 > span {
    border-bottom-width: 2px;
}
.block__head.h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .block__head.h3 {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    .block__head.h3 {
        font-size: 18px;
        line-height: 26px;
    }
}
@media (max-width: 360px) {
    .block__head.h3 {
        font-size: 18px;
    }
}
.wow__content .block__head.h3 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px;
}
.wow__content .block__head.h3.with-wg-filter {
    padding-right: 30px;
}
@media (max-width: 1140px) {
    .wow__content .block__head.h3.with-wg-filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 15px;
    }
    .wow__content .block__head.h3.with-wg-filter > span {
        margin: 0 0 30px;
    }
}
@media (max-width: 375px) {
    .wow__content .block__head.h3.with-wg-filter > span {
        white-space: normal;
    }
}
.wow__content .block__head.h3 > span {
    -ms-flex-item-align: center;
    align-self: center;
}
@media (max-width: 1140px) {
    .wow__content .block__head.h3 > span {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}
.block__head.h3 > span {
    border-bottom-width: 2px;
    padding-bottom: 4px;
}
.bonus-preview__title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 24px;
}
.bonus-preview__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 0 -10px;
}
.bonus-preview__item {
    padding: 0 10px;
}
.bonus-preview__item .icon {
    display: block;
    max-width: 100%;
}
.hh-50 {
    height: 50px;
}
.popup-close .icon.icon-close {
    --bg-2: var(--white);
    height: 13px;
    margin: 0 10px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    vertical-align: middle;
    width: 13px;
}
.popup-close:hover .icon.icon-close {
    --bg-2: var(--black);
}
.popup-basket .icon.icon-cart-empty {
    fill: #fff;
    margin-bottom: 30px;
    max-width: 65%;
}
.fix-menu-profile .search-open .icon.icon-search {
    cursor: pointer;
    height: 44px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    vertical-align: middle;
    width: 44px;
}
.fix-menu-profile .search-open:hover .icon {
    opacity: 0.65;
}
.fix-menu-profile .profile-div .icon.icon-lk {
    --color1: #fff;
    --color2: #fff;
    height: 24px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    vertical-align: middle;
    width: 24px;
}
.fix-menu-profile .profile-div:hover .icon {
    opacity: 0.65;
}
.fix-menu-profile .basket-link .icon.icon-basket {
    --color1: var(--white);
    --color2: var(--bg-1);
    height: 26px;
    margin-bottom: 4px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    vertical-align: middle;
    width: 44px;
}
.fix-menu-profile .basket-link:hover .icon {
    opacity: 0.65;
}
footer.footer {
    background-color: var(--black);
    margin: 0;
}
footer.footer,
footer.footer a {
    color: var(--white);
}
.footer__top {
    border-bottom: 2px solid #373737;
    padding-bottom: 32px;
    padding-top: 28px;
    position: relative;
}
@media (max-width: 768px) {
    .footer__top {
        padding-bottom: 25px;
        padding-top: 25px;
    }
}
.footer__menu {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1180px) {
    .footer__menu {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1100px) {
    .footer__menu {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .footer__menu {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        /* margin-bottom: 20px; */
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.footer__menu nav {
    display: block;
    margin: 0 -15px;
}
@media (max-width: 768px) {
    .footer__menu nav {
        margin: 0;
    }
}
.footer__menu nav > ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .footer__menu nav > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.footer__menu nav > ul li {
    list-style-type: none;
}
.footer__menu nav > ul > li.parent {
    padding: 0 15px;
}
@media (max-width: 768px) {
    .footer__menu nav > ul > li.parent {
        /* border-bottom: 1px solid hsla(0, 0%, 77%, 0.2);
        margin: 0 0 7px; */
        padding: 0;
        position: relative;
        width: 100%;
    }
}
.footer__menu nav > ul > li.parent > span.name {
    border-bottom: 2px solid #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 12px;
    position: relative;
    vertical-align: top;
}
@media (max-width: 768px) {
    .footer__menu nav > ul > li.parent > span.name {
        border-bottom: none;
        cursor: pointer;
        display: block;
        margin-bottom: 7px;
        padding: 5px 0;
    }
    /* .footer__menu nav > ul > li.parent > span.name:after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg class='dont-edit' width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='m1 1 5 5 5-5' stroke='var(--color-1)' stroke-width='2'/%3E%3C/svg%3E")
            50% 50% no-repeat;
        content: "";
        height: 8px;
        margin: -4px 0 0;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transition: var(--transition03);
        -o-transition: var(--transition03);
        transition: var(--transition03);
        width: 12px;
    } */
}
.footer__menu nav > ul > li.parent.active > span.name:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.footer__menu nav > ul > li > ul {
    padding: 15px 0 0;
}
@media (max-width: 768px) {
    .footer__menu nav > ul > li > ul {
        /* display: none; */
        padding: 7px 0 12px;
    }
}
.footer__menu nav > ul > li > ul li {
    font-size: 14px;
    margin: 0 0 15px;
}
.footer__menu nav > ul > li > ul li a {
    color: #b5b5b5;
    text-decoration: none;
    -webkit-transition: color var(--transition03), opacity var(--transition03);
    -o-transition: color var(--transition03), opacity var(--transition03);
    transition: color var(--transition03), opacity var(--transition03);
}
.footer__menu nav > ul > li > ul li a span {
    position: relative;
}
.footer__menu nav > ul > li > ul li a span:after {
    background-color: #c74242;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: 1px 0 0;
    position: absolute;
    -webkit-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
    width: 0;
}
.footer__menu nav > ul > li > ul li a:hover {
    color: #fff;
    opacity: 1;
}
.footer__menu nav > ul > li > ul li a:hover span:after {
    width: 100%;
}
.footer__right {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1180px) {
    .footer__right {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1100px) {
    .footer__right {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .footer__right {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.footer__bonus {
    margin: 0 0 30px;
}
@media (max-width: 768px) {
    .footer__bonus {
        margin-bottom: 10px;
    }
}
.footer-bonus__label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 18px;
    text-align: right;
}
@media (max-width: 768px) {
    .footer-bonus__label {
        text-align: left;
    }
}
.footer-bonus__list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: -12px;
    margin-right: -12px;
}
@media (max-width: 1180px) {
    .footer-bonus__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .footer-bonus__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start;
    }
}
@media (max-width: 413px) {
    .footer-bonus__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -5px;
    }
}
.footer-bonus__item {
    margin-bottom: 24px;
    padding: 0 12px;
}
@media (max-width: 1180px) {
    .footer-bonus__item {
        margin-bottom: 18px;
    }
}
@media (max-width: 413px) {
    .footer-bonus__item {
        padding: 0 5px;
    }
}
.footer-bonus__item .icon {
    display: block;
}
.footer-bonus__item .icon.icon-bonus-spasibo {
    height: 26px;
    width: 95px;
}
.footer-bonus__item .icon.icon-bonus-multy {
    height: 26px;
    width: 70px;
}
.footer-bonus__item .icon.icon-bonus-gorod {
    height: 18px;
    width: 91px;
}
.footer__social {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin: 0 0 0 -200px;
}
@media (max-width: 768px) {
    .footer__social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        border-top: 2px solid #373737;
        justify-content: flex-start;
        margin: 0;
        padding-top: 25px;
    }
}
.footer-social__label {
    color: #b5b5b5;
    font-size: 14px;
    margin: 0 20px 0 0;
}
.footer-social__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
}
.footer-social__item {
    padding: 0 12px;
}
.footer-social__item .icon {
    display: block;
}
.footer__bottom {
    padding-bottom: 36px;
    padding-top: 31px;
}
.footer__bottom > .b-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 768px) {
    .footer__bottom {
        padding-bottom: 25px;
        padding-top: 25px;
    }
}
.footer__copyright {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--info-grey-color);
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    font-size: 14px;
    line-height: 1.643;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .footer__copyright {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .footer__copyright {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 25px;
        width: 100%;
    }
}
.footer__copyright p {
    margin: 0;
}
.footer__copyright p.code4game {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .footer__copyright p.code4game {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 60px;
        margin-bottom: 15px;
        /* padding-left: 85px; */
    }
}
.footer__copyright a {
    border-bottom: 1px dashed var(--white);
    text-decoration: none;
}
.footer__icons {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .footer__icons {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .footer__icons {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: -1;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        width: 100%;
    }
    .footer__icons:after {
        background: #373737;
        bottom: 0;
        content: "";
        height: 2px;
        left: 15px;
        position: absolute;
        right: 15px;
    }
}
.footer-icons__list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
}
@media (max-width: 768px) {
    .footer-icons__list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (max-width: 413px) {
    .footer-icons__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -5px;
    }
}
@media (max-width: 350px) {
    .footer-icons__list {
        margin: 0 -2px;
    }
}
.footer-icons__item {
    padding: 0 10px;
}
@media (max-width: 1180px) {
    .footer-icons__item {
        margin-bottom: 15px;
    }
}
@media (max-width: 413px) {
    .footer-icons__item {
        padding: 0 5px;
    }
}
@media (max-width: 350px) {
    .footer-icons__item {
        padding: 0 2px;
    }
}
@media (max-width: 1222px) {
    .footer-icons__item--18 {
        margin-top: 10px;
    }
}
@media (max-width: 1100px) {
    .footer-icons__item--18 {
        margin-top: 0;
        position: absolute;
        top: -200px;
    }
}
@media (max-width: 768px) {
    .footer-icons__item--18 {
        left: 0;
        margin-top: 35px;
        top: 100%;
    }
}
.footer-icons__item .icon {
    display: block;
}
.footer-icons__item .icon-card-visa {
    height: 20px;
    width: 62px;
}
.footer-icons__item .icon-card-mir {
    height: 20px;
    width: 73px;
}
@media (max-width: 350px) {
    .footer-icons__item .icon-card-mir {
        width: 60px;
    }
    .footer-icons__item .icon-card-qiwi {
        width: 54px;
    }
}
.slider__best-offers {
    color: var(--white);
    position: relative;
}
@media (max-width: 768px) {
    .slider__best-offers {
        margin: 0 auto;
        max-width: 400px;
    }
}
.slider__best-offers .swiper-container {
    overflow: visible;
    pointer-events: none;
}
@media (max-width: 1140px) {
    .slider__best-offers .swiper-container {
        margin: 0 70px;
    }
}
@media (max-width: 1024px) {
    .slider__best-offers .swiper-container {
        margin: 0 20px;
    }
}
@media (max-width: 768px) {
    .slider__best-offers .swiper-container {
        margin: 0;
    }
}
.slider__best-offers .swiper-container .swiper-wrapper {
    pointer-events: auto;
}
.slider__best-offers .swiper-container .swiper-slide {
    opacity: 0.4;
    -webkit-transition: opacity var(--transition03);
    -o-transition: opacity var(--transition03);
    transition: opacity var(--transition03);
}
@media (max-width: 768px) {
    .slider__best-offers .swiper-container .swiper-slide {
        opacity: 1;
    }
}
.slider__best-offers .swiper-container .swiper-slide.swiper-slide-visible {
    opacity: 1;
}
.slider__best-offers .swiper-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 44%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 1140px) {
    .slider__best-offers .swiper-nav {
        right: 70px;
    }
}
@media (max-width: 768px) {
    .slider__best-offers .swiper-nav {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: 0;
        justify-content: space-between;
        left: -15px;
        pointer-events: none;
        right: -15px;
        top: -50px;
        z-index: 2;
    }
}
.slider__best-offers .swiper-nav .swiper-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: auto;
    position: relative;
    width: auto;
}
@media (max-width: 768px) {
    .slider__best-offers .swiper-nav .swiper-pagination {
        display: none;
    }
}
.slider__best-offers .swiper-nav .swiper-pagination-bullet {
    background: #1b1d21;
    border-radius: 5px;
    height: 20px;
    margin: 0 10px;
    opacity: 1;
    width: 20px;
}
@media (max-width: 1140px) {
    .slider__best-offers .swiper-nav .swiper-pagination-bullet {
        margin: 0 5px;
    }
}
.slider__best-offers .swiper-nav .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    background: var(--bg-1);
}
.slider__best-offers .swiper-nav .swiper-button-next,
.slider__best-offers .swiper-nav .swiper-button-prev {
    background-color: #1b1d21;
    border-radius: 6px;
    height: 34px;
    left: auto;
    margin: 0 20px;
    position: relative;
    right: auto;
    top: auto;
    width: 44px;
}
@media (max-width: 768px) {
    .slider__best-offers .swiper-nav .swiper-button-next,
    .slider__best-offers .swiper-nav .swiper-button-prev {
        background-color: transparent;
        border-radius: 80% 20% 20% 80%/50% 50% 50% 50%;
        height: 50%;
        margin: 0;
        pointer-events: auto;
        width: 30px;
    }
}
.slider__best-offers .swiper-nav .swiper-button-next:after,
.slider__best-offers .swiper-nav .swiper-button-prev:after {
    display: none;
}
.slider__best-offers .swiper-nav .swiper-button-next .icon,
.slider__best-offers .swiper-nav .swiper-button-prev .icon {
    fill: none;
    stroke: var(--white);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    height: 13px;
    width: 7px;
}
@media (max-width: 768px) {
    .slider__best-offers .swiper-nav .swiper-button-next .icon,
    .slider__best-offers .swiper-nav .swiper-button-prev .icon {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: slideOutLeft, fadeOut05;
        animation-name: slideOutLeft, fadeOut05;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        height: 28px;
        opacity: 0.5;
        width: 20px;
    }
}
.slider__best-offers .swiper-nav .swiper-button-prev:hover .icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: slideOutLeft, fadeOut05;
    animation-name: slideOutLeft, fadeOut05;
}
.slider__best-offers .swiper-nav .swiper-button-next {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}
.slider__best-offers .swiper-nav .swiper-button-next:hover .icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: slideOutRight, fadeOut05;
    animation-name: slideOutRight, fadeOut05;
}
@media (max-width: 768px) {
    .slider__best-offers .swiper-nav .swiper-button-next {
        background-color: transparent;
        border-radius: 20% 80% 80% 20%/50% 50% 50% 50%;
    }
    .slider__best-offers .swiper-nav .swiper-button-next .icon {
        -webkit-animation-name: slideOutRight, fadeOut05;
        animation-name: slideOutRight, fadeOut05;
    }
}
.slider__best-offers .swiper-container-initialized + .swiper-nav,
.slider__best-offers .swiper-container-initialized + .swiper-nav .swiper-pagination-bullet {
    opacity: 1;
}
.slider-best-offers__item {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: auto;
    margin-top: 84px;
    width: 100%;
}
@media (max-width: 1140px) {
    .slider-best-offers__item {
        margin-top: 50px;
    }
}
.slider-best-offers__back {
    background: var(--darkenBG);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 50px 60px 35px;
    width: 100%;
}
@media (max-width: 1140px) {
    .slider-best-offers__back {
        padding: 25px 10px 25px 15px;
    }
}
@media (max-width: 768px) {
    .slider-best-offers__back {
        padding: 25px 5px 20px;
    }
}
.slider-best-offers__details {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 39.67%;
    flex: 0 0 39.67%;
    max-width: 39.67%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .slider-best-offers__details {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.1125%;
        flex: 0 0 41.1125%;
        max-width: 41.1125%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .slider-best-offers__details {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.slider-best-offers__picture {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--darkenBG);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    padding-bottom: 140px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    z-index: auto;
}
.wot-block .slider-best-offers__picture {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
@media (max-width: 768px) {
    .slider-best-offers__picture {
        min-height: 500px;
    }
    .wot-block .slider-best-offers__picture {
        min-height: 496px;
    }
}
@media (max-width: 550px) {
    .slider-best-offers__picture {
        min-height: 480px;
    }
    .wot-block .slider-best-offers__picture {
        min-height: 476px;
    }
}
@media (max-width: 374px) {
    .slider-best-offers__picture {
        min-height: 420px;
    }
    .wot-block .slider-best-offers__picture {
        min-height: 416px;
    }
}
.slider-best-offers__picture-center {
    background-color: #1c1b15;
    background-position: 50% 20%;
    background-size: 95% auto;
}
.slider-best-offers__picture-block {
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.3);
    height: 0;
    margin-top: -124px;
    overflow: hidden;
    padding-bottom: 148%;
    position: relative;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 1140px) {
    .slider-best-offers__picture-block {
        margin-top: -75px;
    }
}
@media (max-width: 768px) {
    .slider-best-offers__picture-block {
        margin: -75px auto 20px;
        max-width: 350px;
        min-height: 500px;
        padding: 0 0 80%;
    }
}
@media (max-width: 550px) {
    .slider-best-offers__picture-block {
        min-height: 480px;
    }
}
@media (max-width: 374px) {
    .slider-best-offers__picture-block {
        min-height: 420px;
    }
}
.slider-best-offers__picture-block.wot-block {
    border: 2px solid hsla(38, 41%, 61%, 0.3);
    border-radius: 10px;
    overflow: visible;
    padding-bottom: calc(148% - 4px);
}
@media (max-width: 768px) {
    .slider-best-offers__picture-block.wot-block {
        min-height: 496px;
        padding: 0 0 80%;
    }
}
@media (max-width: 550px) {
    .slider-best-offers__picture-block.wot-block {
        min-height: 476px;
    }
}
@media (max-width: 374px) {
    .slider-best-offers__picture-block.wot-block {
        min-height: 416px;
    }
}
.slider-best-offers__picture-block.wot-block .slider-best-offers__picture {
    border-radius: 10px;
    overflow: hidden;
}
.slider-best-offers__picture-block.wot-block:hover .slider-best-offers__picture {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.slider-best-offers__picture-block.wot-block:after,
.slider-best-offers__picture-block.wot-block:before {
    border: 3px solid #c5a774;
    content: "";
    height: 80px;
    pointer-events: none;
    position: absolute;
    width: 84px;
    z-index: 1;
}
.slider-best-offers__picture-block.wot-block:before {
    border-bottom: none;
    border-radius: 10px 0 0 0;
    border-right: none;
    left: -2px;
    top: -2px;
}
.slider-best-offers__picture-block.wot-block:after {
    border-left: none;
    border-radius: 0 0 10px 0;
    border-top: none;
    bottom: -2px;
    right: -2px;
}
.slider-best-offers__picture-block > a:hover {
    opacity: 1;
}
@media (min-width: 769px) {
    .slider-best-offers__picture-block > a:hover {
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        transform: scale(1.06);
    }
}
.slider-best-offers__picture .playBut {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    padding: 5px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.slider-best-offers__picture .playBut svg {
    height: 109px;
    width: 109px;
}
@media (max-width: 1140px) {
    .slider-best-offers__picture .playBut svg {
        height: 73px;
        width: 73px;
    }
}
.slider-best-offers__picture.swiper-lazy-loaded {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.slider-best-offers__picture.swiper-lazy-loaded .playBut {
    opacity: 1;
}
.slider-best-offers__picture:before {
    height: 300px;
    opacity: 0.95;
}
.slider-best-offers__picture:after,
.slider-best-offers__picture:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: -webkit-linear-gradient(top, transparent, #000);
    background: -o-linear-gradient(top, transparent 0, #000 100%);
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
}
.slider-best-offers__picture:after {
    opacity: 0.5;
    top: 0;
}
.slider-best-offers__picture-tn {
    background-color: var(--darkenBG);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px;
    bottom: 0;
    -webkit-box-shadow: 2.81203px 2.81203px 14.0602px rgba(0, 0, 0, 0.2);
    box-shadow: 2.81203px 2.81203px 14.0602px rgba(0, 0, 0, 0.2);
    display: block;
    height: 0;
    left: 0;
    opacity: 0.6;
    padding: 0 0 49%;
    position: absolute;
    -webkit-transform: translate(10px, 10px);
    -ms-transform: translate(10px, 10px);
    transform: translate(10px, 10px);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 89%;
    z-index: 4;
}
@media (max-width: 1140px) {
    .slider-best-offers__picture-tn {
        padding: 0 0 47%;
        width: 80%;
    }
}
@media (max-width: 1024px) {
    .slider-best-offers__picture-tn {
        padding: 0 0 42%;
        width: 80%;
    }
}
.slider-best-offers__picture-tn:nth-child(2) {
    z-index: 3;
}
.slider-best-offers__picture-tn:nth-child(3) {
    z-index: 2;
}
.slider-best-offers__picture-tn:nth-child(4) {
    z-index: 1;
}
.slider-best-offers__picture-tn.swiper-lazy-loaded {
    -webkit-backface-visibility: hidden;
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.slider-best-offers__picture-tn.swiper-lazy-loaded:nth-child(2) {
    -webkit-transform: translate3d(4%, -6.6666%, 0);
    transform: translate3d(4%, -6.6666%, 0);
}
.slider-best-offers__picture-tn.swiper-lazy-loaded:nth-child(3) {
    -webkit-transform: translate3d(8%, -13.3333%, 0);
    transform: translate3d(8%, -13.3333%, 0);
}
.slider-best-offers__picture-tn.swiper-lazy-loaded:nth-child(4) {
    -webkit-transform: translate3d(12%, -20%, 0);
    transform: translate3d(12%, -20%, 0);
}
.slider-best-offers__icons {
    left: 20px;
    position: relative;
    top: 25px;
}
@media (max-width: 768px) {
    .slider-best-offers__icons {
        left: 15px;
        top: 15px;
    }
}
.slider-best-offers__icons .new {
    background: var(--bg-1);
    border-radius: 5px;
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 14px;
    padding: 8px 15px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .slider-best-offers__icons .new {
        font-size: 10px;
        padding: 5px 10px;
    }
}
.slider-best-offers__desc {
    bottom: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
    z-index: 1;
}
@media (max-width: 768px) {
    .slider-best-offers__desc {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }
}
.slider-best-offers__name {
    font-size: 28px;
    font-weight: 500;
    line-height: 44px;
    margin-bottom: 5px;
    text-shadow: 0 1.30039px 3.90117px rgba(0, 0, 0, 0.5);
    width: auto;
}
.slider-best-offers__name.col-a {
    width: auto;
}
@media (max-width: 1140px) {
    .slider-best-offers__name {
        font-size: 28px;
        line-height: 36px;
        text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
        width: 80%;
    }
}
@media (max-width: 768px) {
    .slider-best-offers__name {
        font-size: 18px;
        line-height: 26px;
    }
}
.slider-best-offers__name a {
    color: var(--white);
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.slider-best-offers__name a:hover {
    opacity: 1;
}
.slider-best-offers__price {
    color: var(--price-color);
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 14px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1140px) {
    .slider-best-offers__price {
        font-size: 28px;
        line-height: 28px;
    }
}
.slider-best-offers__price s {
    color: var(--white);
    margin-left: 20px;
    opacity: 0.5;
    text-decoration-line: line-through;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.slider-best-offers__more {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.slider-best-offers-more__label {
    font-size: 16px;
    padding-left: 25px;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .slider-best-offers-more__label {
        font-size: 12px;
        padding-left: 18px;
    }
}
.slider-best-offers-more__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23fff'/%3E%3C/svg%3E") 50% 0 no-repeat;
    content: "";
    height: 11px;
    left: 0;
    position: absolute;
    top: 5px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: 10px;
}
@media (max-width: 768px) {
    .slider-best-offers-more__label:before {
        top: 3px;
    }
}
.blue-color .slider-best-offers-more__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%230af'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
.psp-color .slider-best-offers-more__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23000'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
.slider-best-offers-more__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
}
@media (max-width: 768px) {
    .slider-best-offers-more__value {
        font-size: 12px;
    }
}
.slider-best-offers-more__value span {
    color: hsla(0, 0%, 100%, 0.5);
    margin: 0 15px 0 0;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
@media (max-width: 768px) {
    .slider-best-offers-more__value span {
        margin: 0 10px 0 0;
    }
}
.blue-color .slider-best-offers-more__value span,
.psp-color .slider-best-offers-more__value span,
.xbox-color .slider-best-offers-more__value span {
    color: rgba(0, 0, 0, 0.4);
}
.slider-best-offers-more__value s {
    color: hsla(0, 0%, 100%, 0.5);
    margin-left: 20px;
    text-decoration: line-through;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
@media (max-width: 768px) {
    .slider-best-offers-more__value s {
        margin-left: 15px;
    }
}
.blue-color .slider-best-offers-more__value s,
.psp-color .slider-best-offers-more__value s,
.xbox-color .slider-best-offers-more__value s {
    color: rgba(0, 0, 0, 0.4);
}
.slider-best-offers__bonus {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    background-color: rgba(255, 71, 71, 0.3);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: space-around;
    padding: 5px 9px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.slider-best-offers__bonus a {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.default-color .slider-best-offers__bonus {
    background-color: rgba(199, 66, 66, 0.3);
}
.blue-color .slider-best-offers__bonus {
    background-color: rgba(0, 170, 255, 0.3);
    color: var(--black);
}
.gfn-color .slider-best-offers__bonus {
    background-color: rgba(118, 185, 0, 0.3);
}
.xbox-color .slider-best-offers__bonus {
    background-color: hsla(0, 0%, 100%, 0.3);
    color: #213402;
}
.psp-color .slider-best-offers__bonus {
    background-color: hsla(0, 0%, 100%, 0.3);
    color: var(--black);
}
.slider-best-offers__bonus .icon {
    display: block;
}
.slider-best-offers__bonus .icon-bonus-multy {
    height: 24px;
    margin: 0 0 3px;
    width: 64px;
}
.slider-best-offers__bonus .icon-bonus-spasibo {
    height: 22px;
    margin: 0;
    width: 80px;
}
.slider-best-offers__bonus .icon-bonus-gorod {
    height: 18px;
    margin: 0;
    width: 91px;
}
.slider-best-offers__text {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 45px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1140px) {
    .slider-best-offers__text {
        font-size: 14px;
        line-height: 1.6;
    }
}
.slider-best-offers__text p {
    margin: 0;
    padding: 0;
}
.slider-best-offers__wot {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
@media (max-width: 768px) {
    .slider-best-offers__wot {
        display: none;
    }
}
.slider-best-offers__wot .card-ul-nabor {
    margin-bottom: 60px;
    margin-left: 0;
    position: relative;
}
.slider-best-offers__wot .card-ul-nabor:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0 0 3.375V9l7-3.375V0Zm8 12-7 3.375V21l7-3.375V12ZM0 12l7 3.375V21l-7-3.375V12Zm8 1V6l7 3.5L8 13Z' opacity='.5' fill='%23fff'/%3E%3C/svg%3E");
}
.slider-best-offers__wot .card-ul-nabor h3 {
    padding-left: 30px;
}
.slider-best-offers__wot .card-ul-nabor ul {
    border-left: 1px solid hsla(0, 0%, 100%, 0.5);
    margin-left: 11px;
    padding-top: 10px;
}
.slider-best-offers__wot .card-ul-nabor ul li {
    padding-bottom: 5px;
}
.slider-best-offers__wot .card-ul-nabor ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.slider-best-offers__wot .card-ul-nabor ul li:before {
    background-color: #1b1d21;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.5'%3E%3Cpath fill='%23fff' d='M0 0h7v7H0z'/%3E%3Cpath d='M2 8h6V3' stroke='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    height: 16px;
    left: -9px;
    width: 16px;
}
.slider-best-offers__bottom {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 60.33%;
    flex: 0 0 60.33%;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 60.33%;
    padding-left: 55px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .slider-best-offers__bottom {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.8875%;
        flex: 0 0 58.8875%;
        max-width: 58.8875%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .slider-best-offers__bottom {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.slider-best-offers__h2 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 28px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .slider-best-offers__h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }
}
@media (max-width: 768px) {
    .slider-best-offers__h2 {
        display: none;
    }
}
.slider-best-offers__h2 span {
    border-bottom: 3px solid var(--bg-1);
}
.slider-best-offers__pictures {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-bottom: 44px;
}
@media (max-width: 1140px) {
    .slider-best-offers__pictures {
        margin-bottom: 33px;
    }
}
@media (max-width: 768px) {
    .slider-best-offers__pictures {
        display: none;
    }
}
.slider-best-offers__pictures a {
    display: block;
    height: 100%;
    opacity: 1;
    position: relative;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 100%;
}
.slider-best-offers__pictures a:hover.animation-type-1 .slider-best-offers__picture-tn {
    -webkit-transform: translateZ(0) scale(0.55);
    transform: translateZ(0) scale(0.55);
}
.slider-best-offers__pictures a:hover.animation-type-1 .slider-best-offers__picture-tn .wot-screenshots__item-total {
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
}
.slider-best-offers__pictures a:hover.animation-type-1 .slider-best-offers__picture-tn:nth-child(2) {
    -webkit-transform: translate3d(58%, 0, 0) scale(0.55);
    transform: translate3d(58%, 0, 0) scale(0.55);
}
.slider-best-offers__pictures a:hover.animation-type-1 .slider-best-offers__picture-tn:nth-child(3) {
    -webkit-transform: translate3d(0, -60%, 0) scale(0.55);
    transform: translate3d(0, -60%, 0) scale(0.55);
}
.slider-best-offers__pictures a:hover.animation-type-1 .slider-best-offers__picture-tn:nth-child(4) {
    -webkit-transform: translate3d(58%, -60%, 0) scale(0.55);
    transform: translate3d(58%, -60%, 0) scale(0.55);
}
.slider-best-offers__pictures a:hover.animation-type-2 .slider-best-offers__picture-tn {
    -webkit-transform: translate(40px, -30px);
    -ms-transform: translate(40px, -30px);
    transform: translate(40px, -30px);
}
@media (max-width: 1140px) {
    .slider-best-offers__pictures a:hover.animation-type-2 .slider-best-offers__picture-tn {
        -webkit-transform: translate(40px, -20px);
        -ms-transform: translate(40px, -20px);
        transform: translate(40px, -20px);
    }
}
.slider-best-offers__pictures a:hover.animation-type-2 .slider-best-offers__picture-tn:nth-child(2) {
    -webkit-transform: translate(40px, -30px);
    -ms-transform: translate(40px, -30px);
    transform: translate(40px, -30px);
}
@media (max-width: 1140px) {
    .slider-best-offers__pictures a:hover.animation-type-2 .slider-best-offers__picture-tn:nth-child(2) {
        -webkit-transform: translate(40px, -20px);
        -ms-transform: translate(40px, -20px);
        transform: translate(40px, -20px);
    }
}
.slider-best-offers__pictures a:hover.animation-type-2 .slider-best-offers__picture-tn:nth-child(3) {
    -webkit-transform: translate(40px, -30px);
    -ms-transform: translate(40px, -30px);
    transform: translate(40px, -30px);
}
@media (max-width: 1140px) {
    .slider-best-offers__pictures a:hover.animation-type-2 .slider-best-offers__picture-tn:nth-child(3) {
        -webkit-transform: translate(40px, -20px);
        -ms-transform: translate(40px, -20px);
        transform: translate(40px, -20px);
    }
}
.slider-best-offers__pictures .icon {
    fill: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    z-index: 4;
}
.slider-best-offers__pictures .swiper-lazy-preloader {
    left: 50%;
    position: absolute;
    top: 50%;
}
.slider-best-offers__pictures-more {
    display: none;
}
.slider-best-offers__pictures-total {
    background-color: var(--bg-1);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8.43609px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 8.43609px rgba(0, 0, 0, 0.5);
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
    opacity: 0.8;
    padding: 6px 12px;
    position: absolute;
    right: 30px;
    text-shadow: 2.81203px 2.81203px 0 rgba(0, 0, 0, 0.15);
    top: 30px;
    z-index: 5;
}
@media (max-width: 1140px) {
    .slider-best-offers__pictures-total {
        font-size: 12px;
        padding: 5px 10px;
    }
}
.slider-best-offers__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 900px) {
    .slider-best-offers__buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        max-width: 350px;
        width: 100%;
    }
}
.slider-best-offers__buttons a:hover {
    opacity: 1;
}
.slider-best-offers__buttons .btn {
    margin: 0 25px 0 0;
}
@media (max-width: 1140px) {
    .slider-best-offers__buttons .btn {
        margin: 0 10px 0 0;
    }
}
@media (max-width: 900px) {
    .slider-best-offers__buttons .btn {
        margin: 0;
        padding: 8px 10px;
    }
}
.slider-best-offers__buttons .btn:last-child {
    margin: 0 0 0 25px;
}
.slider-best-offers__buttons .btn:last-child.btn-more-one {
    margin: 0;
}
@media (max-width: 1140px) {
    .slider-best-offers__buttons .btn:last-child:not(.btn-more-one) {
        margin: 0 0 0 10px;
    }
}
@media (max-width: 900px) {
    .slider-best-offers__buttons .btn:last-child:not(.btn-more-one) {
        margin: 0;
        max-width: 70px;
    }
    .slider-best-offers__buttons .btn:last-child:not(.btn-more-one) .icon {
        margin-right: 0;
    }
    .slider-best-offers__buttons .btn:last-child:not(.btn-more-one) span {
        display: none;
    }
}
.slider-best-offers__buttons .coll-block-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 20px;
    position: relative;
    width: 100%;
    z-index: 4;
}
@media (max-width: 1140px) {
    .slider-best-offers__buttons .coll-block-wrapper {
        margin-left: 10px;
    }
}
@media (max-width: 900px) {
    .slider-best-offers__buttons .coll-block-wrapper {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        margin: 0 0 15px;
        order: -1;
    }
}
.slider-best-offers__buttons .coll-block-wrapper .btn {
    margin-left: 0;
}
@media (max-width: 900px) {
    .slider-best-offers__buttons .coll-block-wrapper .btn {
        padding: 8px 10px;
    }
}
.slider-best-offers__buttons .coll-block-wrapper .btn span {
    white-space: nowrap;
}
@media (max-width: 1140px) {
    .slider-best-offers__buttons .coll-block-wrapper .btn:last-child:not(.btn-more-one) {
        margin-left: 0;
    }
}
.slider-best-offers__buttons .coll-block-wrapper .btn-primary {
    margin: 0 20px 0 0;
    padding: 10px 18px 9px;
}
@media (max-width: 900px) {
    .slider-best-offers__buttons .coll-block-wrapper .btn-primary {
        padding: 5px 10px 4px;
    }
}
.slider-best-offers__buttons .coll-block-wrapper .btn-primary .icon {
    fill: var(--white);
    margin-right: 15px;
}
.slider-best-offers__buttons .coll-block-wrapper .btn-primary .icon-cart-mini {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 21px;
    width: 24px;
}
.slider-best-offers__buttons .coll-block-wrapper .btn-primary span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    white-space: nowrap;
}
.slider-best-offers__buttons .coll-block-wrapper .btn-primary span span {
    display: block;
    font-size: 11px;
    font-weight: 400;
    padding-top: 3px;
    text-transform: lowercase;
    width: 100%;
}
.slider-best-offers__buttons .coll-block-wrapper .btn:last-child {
    max-width: 100%;
    padding: 15px 20px 13px;
}
@media (max-width: 900px) {
    .slider-best-offers__buttons .coll-block-wrapper .btn:last-child {
        padding: 8px 10px;
    }
}
.slider-best-offers__buttons .coll-block-wrapper .btn:last-child .icon {
    margin-right: 15px;
}
.slider-best-offers__buttons .coll-block-wrapper .btn:last-child span {
    display: block;
}
div.btn {
    cursor: pointer;
}
.btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 15px 20px 13px;
    text-decoration: none;
    -webkit-transition: var(--transition03-color), var(--transition03-background);
    -o-transition: var(--transition03-color), var(--transition03-background);
    transition: var(--transition03-color), var(--transition03-background);
    width: 100%;
}
@media (max-width: 768px) {
    .btn {
        padding: 8px 20px;
    }
}
.xboxgame-color .btn,
.xboxgp-color .btn,
.xboxpage-color .btn {
    font-family: var(--font-segoeui);
    font-weight: 700;
}
.btn-arrow:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5h10m0 0L6 1m4 4L6 9' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") 50% 50% no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin: 0 5px 2px 0;
    vertical-align: middle;
    width: 12px;
}
.btn-transparent {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #0d1624;
    border: 2px solid rgba(103, 122, 149, 0.3);
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    padding: 0 10px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 1230px) {
    .btn-transparent {
        font-size: 10px;
        height: 33px;
        padding: 0 5px;
    }
}
.btn-transparent .icon {
    stroke: var(--white);
    stroke-width: 2;
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    margin: 0 8px 0 0;
}
@media (max-width: 1230px) {
    .btn-transparent .icon-arrow-top {
        height: 7px;
        margin: 0 4px 1px 0;
        width: 6px;
    }
}
.btn-transparent:hover {
    border-color: var(--bg-1);
    opacity: 1;
}
.btn-transparent:hover .icon {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.btn-default {
    background: hsla(0, 0%, 100%, 0.9);
    border-radius: var(--br-5);
    color: var(--dark);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
}
.btn-default.checked {
    position: relative;
}
.btn-default.checked:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg class='dont-edit' width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0s10 4.477 10 10Z' fill='%23C74242'/%3E%3Cpath d='M6 10.143 9.273 13 15 8' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")
        0 0 no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    position: absolute;
    right: 10px;
    top: -5px;
    width: 20px;
}
@media (max-width: 786px) {
    .btn-default.checked:after {
        right: 5px;
    }
}
.btn-default .icon {
    fill: var(--dark);
    margin-right: 15px;
    margin-top: -1px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.btn-default .icon.icon-card-mini,
.btn-default .icon.icon-cart-mini {
    margin-top: 0;
}
.btn-default .icon-card-mini {
    -webkit-box-flex: 0;
    fill: var(--black);
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-default .icon-cart-mini {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23px;
    flex: 0 0 23px;
    height: 20px;
    width: 23px;
}
.blue-color .btn-default {
    background-color: var(--bg-4);
    color: var(--white);
}
.blue-color .btn-default .icon {
    fill: var(--white);
}
.xbox-white-color .btn-default {
    background-color: var(--bg-9);
    color: var(--black);
}
.xbox-white-color .btn-default .icon {
    fill: var(--black);
}
.xboxgame-color .btn-default,
.xboxgp-color .btn-default {
    background-color: var(--xbox-color-1);
    color: var(--white);
}
.xboxgame-color .btn-default .icon,
.xboxgp-color .btn-default .icon {
    fill: var(--white);
}
.xboxgp-grey-color .btn-default {
    background-color: var(--xbox-color-2-bg);
    color: var(--black);
}
.xboxgp-grey-color .btn-default .icon {
    fill: var(--black);
}
.warface-color .product-order__buttons .btn-default {
    background-color: var(--warface-color-2);
    color: var(--white);
}
.warface-color .product-order__buttons .btn-default .icon {
    fill: var(--white);
}
.bt2-color .product-order__buttons .btn-default {
    background-color: var(--bt2-light);
    color: var(--black);
}
.bt2-color .product-order__buttons .btn-default .icon {
    fill: var(--black);
}
.ragnarok-color .btn-default {
    background-color: var(--rg-color2);
    color: var(--rg-color);
}
.ragnarok-color .btn-default .icon {
    fill: var(--rg-color);
}
.crowfall-color .btn-default {
    background-color: var(--crowfall-color);
    color: var(--black);
}
.crowfall-color .btn-default .icon {
    fill: var(--black);
}
.aion-color .btn-default {
    background-color: var(--aion-color);
    color: var(--white);
}
.aion-color .btn-default .icon {
    fill: var(--white);
}
.essence-color .btn-default {
    background-color: var(--essence-color-3);
    color: var(--black);
}
.essence-color .btn-default .icon {
    fill: var(--black);
}
.l2-main-color .btn-default,
.l2-main-premium-color .btn-default {
    background-color: var(--l2-main-color-1);
    color: var(--black);
}
.l2-main-color .btn-default .icon,
.l2-main-premium-color .btn-default .icon {
    fill: var(--black);
}
.l2-legacy-color .btn-default {
    background-color: var(--l2-legacy-color-1);
    color: var(--black);
}
.l2-legacy-color .btn-default .icon {
    fill: var(--black);
}
.rf-color .btn-default {
    border-radius: 0;
}
.rf-color-1 .btn-default {
    color: #312949;
}
.rf-color-1 .btn-default .icon {
    fill: #312949;
}
.rf-color-2 .btn-default {
    color: #7d411d;
}
.rf-color-2 .btn-default .icon {
    fill: #7d411d;
}
.rf-color-3 .btn-default {
    color: #6b7da1;
}
.rf-color-3 .btn-default .icon {
    fill: #6b7da1;
}
.rf-color-4 .btn-default {
    color: #0f3f2b;
}
.rf-color-4 .btn-default .icon {
    fill: #0f3f2b;
}
.nintendo-color .btn-default {
    background: var(--nintendo-link);
    color: var(--white);
}
.nintendo-color .btn-default .icon {
    fill: var(--white);
}
.aion-classic-color .btn-default {
    background: var(--aion-classic-btn);
    color: var(--black);
}
.aion-classic-color .btn-default .icon {
    fill: var(--black);
}
.aion-classic-premium-color .btn-default {
    background: var(--aion-classic-btn-prem);
    color: var(--black);
}
.aion-classic-premium-color .btn-default .icon {
    fill: var(--black);
}
.genshin-color .btn-default {
    background: var(--genshin-btn);
    color: var(--black);
}
.genshin-color .btn-default .icon {
    fill: var(--black);
}
.stalcraft-color .btn-default {
    background: var(--white);
    color: var(--black);
}
.stalcraft-color .btn-default .icon {
    fill: var(--black);
}
.stalcraft-color-2 .btn-default {
    background: var(--white);
    color: var(--black);
}
.stalcraft-color-2 .btn-default .icon {
    fill: var(--black);
}
.stalcraft-color-3 .btn-default {
    background: var(--white);
    color: var(--black);
}
.stalcraft-color-3 .btn-default .icon {
    fill: var(--black);
}
.stalcraft-color-4 .btn-default {
    background: var(--white);
    color: var(--black);
}
.stalcraft-color-4 .btn-default .icon {
    fill: var(--black);
}
.stalcraft-color-5 .btn-default {
    background: var(--white);
    color: var(--black);
}
.stalcraft-color-5 .btn-default .icon {
    fill: var(--black);
}
.bns-color .btn-default {
    background: var(--bns-price);
    color: var(--white);
}
.bns-color .btn-default .icon {
    fill: var(--white);
}
.wt-color .product-order__buttons .btn-default {
    background-color: var(--wt-color-2);
    color: var(--white);
}
.wt-color .product-order__buttons .btn-default .icon {
    fill: var(--white);
}
.roblox-color .product-order__buttons .btn-default {
    font-family: var(--font-russo-one);
    font-weight: 400;
}
.wowsh-color .product-info-gfn__button .btn-default {
    background-color: var(--fgp-color-1);
    color: var(--black);
}
.wowsh-color .product-info-gfn__button .btn-default .icon {
    fill: var(--black);
}
.btn-default:focus,
.btn-default:hover {
    background-color: var(--bg-1);
    color: var(--white);
}
.btn-default:focus .icon,
.btn-default:hover .icon {
    fill: var(--white);
}
.ea-slider__item .btn-default:focus,
.ea-slider__item .btn-default:hover,
.ea__block .btn-default:focus,
.ea__block .btn-default:hover {
    background-color: var(--ea-color);
}
.zvuk-color .btn-default:focus,
.zvuk-color .btn-default:hover {
    background-color: #52189c;
    color: var(--white);
}
.zvuk-color .btn-default:focus .icon,
.zvuk-color .btn-default:hover .icon {
    fill: var(--white);
}
.roblox-color .btn-default:focus,
.roblox-color .btn-default:hover {
    background-color: var(--roblox-color);
    color: var(--black);
}
.roblox-color .btn-default:focus .icon,
.roblox-color .btn-default:hover .icon {
    fill: var(--black);
}
.freefire-color .btn-default:focus,
.freefire-color .btn-default:hover {
    background-color: var(--ff-bg);
    color: var(--black);
}
.freefire-color .btn-default:focus .icon,
.freefire-color .btn-default:hover .icon {
    fill: var(--black);
}
.fortnite-color .btn-default:focus,
.fortnite-color .btn-default:hover {
    background-color: var(--fortnite-color-2);
    color: var(--black);
}
.fortnite-color .btn-default:focus .icon,
.fortnite-color .btn-default:hover .icon {
    fill: var(--black);
}
.lol-color .btn-default:focus,
.lol-color .btn-default:hover {
    background-color: var(--lol-color);
    color: var(--white);
}
.lol-color .btn-default:focus .icon,
.lol-color .btn-default:hover .icon {
    fill: var(--white);
}
.bb-color .btn-default:focus,
.bb-color .btn-default:hover {
    background-color: var(--ml-color);
    color: var(--black);
}
.bb-color .btn-default:focus .icon,
.bb-color .btn-default:hover .icon {
    fill: var(--black);
}
.pubg-color .btn-default:focus,
.pubg-color .btn-default:hover {
    background-color: var(--pubg-color);
    color: var(--black);
}
.pubg-color .btn-default:focus .icon,
.pubg-color .btn-default:hover .icon {
    fill: var(--black);
}
.kasper-color-1 .btn-default:focus,
.kasper-color-1 .btn-default:hover {
    background-color: var(--kasper-color-2);
}
.kasper-color-2 .btn-default:focus,
.kasper-color-2 .btn-default:hover {
    background-color: var(--kasper-color-1);
}
.okko-promo-color .l2-essence .btn-default:focus,
.okko-promo-color .l2-essence .btn-default:hover {
    background-color: var(--okko-l2-essence);
    color: var(--black);
}
.okko-promo-color .l2-essence .btn-default:focus .icon,
.okko-promo-color .l2-essence .btn-default:hover .icon {
    fill: var(--black);
}
.okko-promo-color .l2-legacy .btn-default:focus,
.okko-promo-color .l2-legacy .btn-default:hover {
    background-color: var(--okko-l2-legacy);
    color: var(--black);
}
.okko-promo-color .l2-legacy .btn-default:focus .icon,
.okko-promo-color .l2-legacy .btn-default:hover .icon {
    fill: var(--black);
}
.okko-promo-color .l2-main .btn-default:focus,
.okko-promo-color .l2-main .btn-default:hover {
    background-color: var(--okko-l2-main);
    color: var(--black);
}
.okko-promo-color .l2-main .btn-default:focus .icon,
.okko-promo-color .l2-main .btn-default:hover .icon {
    fill: var(--black);
}
.okko-promo-color .aion-month .btn-default:focus,
.okko-promo-color .aion-month .btn-default:hover {
    background-color: var(--okko-aion-month);
    color: var(--white);
}
.okko-promo-color .aion-month .btn-default:focus .icon,
.okko-promo-color .aion-month .btn-default:hover .icon {
    fill: var(--white);
}
.okko-promo-color .aion-year .btn-default:focus,
.okko-promo-color .aion-year .btn-default:hover {
    background-color: var(--okko-aion-year);
    color: var(--white);
}
.okko-promo-color .aion-year .btn-default:focus .icon,
.okko-promo-color .aion-year .btn-default:hover .icon {
    fill: var(--white);
}
.okko-promo-color .pubg-month .btn-default:focus,
.okko-promo-color .pubg-month .btn-default:hover {
    background-color: var(--pubg-color);
    color: var(--black);
}
.okko-promo-color .pubg-month .btn-default:focus .icon,
.okko-promo-color .pubg-month .btn-default:hover .icon {
    fill: var(--black);
}
.okko-promo-color .pubg-year .btn-default:focus,
.okko-promo-color .pubg-year .btn-default:hover {
    background-color: var(--pubg-year);
    color: var(--black);
}
.okko-promo-color .pubg-year .btn-default:focus .icon,
.okko-promo-color .pubg-year .btn-default:hover .icon {
    fill: var(--black);
}
.okko-promo-color .pointblank-1 .btn-default:focus,
.okko-promo-color .pointblank-1 .btn-default:hover {
    background-color: var(--pointblank-color-1);
    color: var(--black);
}
.okko-promo-color .pointblank-1 .btn-default:focus .icon,
.okko-promo-color .pointblank-1 .btn-default:hover .icon {
    fill: var(--black);
}
.okko-promo-color .pointblank-2 .btn-default:focus,
.okko-promo-color .pointblank-2 .btn-default:hover {
    background-color: var(--pointblank-color-2);
    color: var(--white);
}
.okko-promo-color .pointblank-2 .btn-default:focus .icon,
.okko-promo-color .pointblank-2 .btn-default:hover .icon {
    fill: var(--white);
}
.okko-promo-color .pointblank-3 .btn-default:focus,
.okko-promo-color .pointblank-3 .btn-default:hover {
    background-color: var(--pointblank-color-3);
    color: var(--white);
}
.okko-promo-color .pointblank-3 .btn-default:focus .icon,
.okko-promo-color .pointblank-3 .btn-default:hover .icon {
    fill: var(--white);
}
.fgp-color-ai .btn-default:focus,
.fgp-color-ai .btn-default:hover {
    background-color: #7880d5;
    color: var(--black);
}
.fgp-color-ai .btn-default:focus .icon,
.fgp-color-ai .btn-default:hover .icon {
    fill: var(--black);
}
.fgp-color-cf .btn-default:focus,
.fgp-color-cf .btn-default:hover {
    background-color: #e3b135;
    color: var(--black);
}
.fgp-color-cf .btn-default:focus .icon,
.fgp-color-cf .btn-default:hover .icon {
    fill: var(--black);
}
.fgp-color-l2e .btn-default:focus,
.fgp-color-l2e .btn-default:hover {
    background-color: #765236;
}
.fgp-color-l2m .btn-default:focus,
.fgp-color-l2m .btn-default:hover {
    background-color: #b58149;
    color: var(--black);
}
.fgp-color-l2m .btn-default:focus .icon,
.fgp-color-l2m .btn-default:hover .icon {
    fill: var(--black);
}
.fgp-color-rf .btn-default:focus,
.fgp-color-rf .btn-default:hover {
    background-color: #4d4070;
}
.fgp-color-l2l .btn-default:focus,
.fgp-color-l2l .btn-default:hover {
    background-color: #fdd657;
    color: var(--black);
}
.fgp-color-l2l .btn-default:focus .icon,
.fgp-color-l2l .btn-default:hover .icon {
    fill: var(--black);
}
.fgp-color-pb .btn-default:focus,
.fgp-color-pb .btn-default:hover {
    background-color: #f7b107;
    color: var(--black);
}
.fgp-color-pb .btn-default:focus .icon,
.fgp-color-pb .btn-default:hover .icon {
    fill: var(--black);
}
.fgp-color-rg .btn-default:focus,
.fgp-color-rg .btn-default:hover {
    background-color: #e9875d;
    color: var(--black);
}
.fgp-color-rg .btn-default:focus .icon,
.fgp-color-rg .btn-default:hover .icon {
    fill: var(--black);
}
.fgp-color-1 .btn-default:focus,
.fgp-color-1 .btn-default:hover,
.pb-color .btn-default:focus,
.pb-color .btn-default:hover {
    background-color: var(--fgp-color-1);
    color: var(--black);
}
.fgp-color-1 .btn-default:focus .icon,
.fgp-color-1 .btn-default:hover .icon,
.pb-color .btn-default:focus .icon,
.pb-color .btn-default:hover .icon {
    fill: var(--black);
}
.fgp-color-2 .btn-default:focus,
.fgp-color-2 .btn-default:hover {
    background-color: var(--fgp-color-2);
    color: var(--white);
}
.fgp-color-2 .btn-default:focus .icon,
.fgp-color-2 .btn-default:hover .icon {
    fill: var(--white);
}
.fgp-color-3 .btn-default:focus,
.fgp-color-3 .btn-default:hover {
    background-color: #221229;
    color: var(--white);
}
.fgp-color-3 .btn-default:focus .icon,
.fgp-color-3 .btn-default:hover .icon {
    fill: var(--white);
}
.fgp-color-4 .btn-default:focus,
.fgp-color-4 .btn-default:hover {
    background-color: var(--fgp-color-4);
    color: var(--white);
}
.fgp-color-4 .btn-default:focus .icon,
.fgp-color-4 .btn-default:hover .icon {
    fill: var(--white);
}
.default-color .btn-default:focus,
.default-color .btn-default:hover,
.fourgame-color .btn-default:focus,
.fourgame-color .btn-default:hover,
.wg-color .btn-default:focus,
.wg-color .btn-default:hover {
    background-color: var(--bg-1);
}
.wg-color2 .btn-default:focus,
.wg-color2 .btn-default:hover {
    background-color: var(--bg3-wg);
}
.gfn-color .btn-default:focus,
.gfn-color .btn-default:hover {
    background-color: var(--bg-5);
}
.xbox-color .btn-default:focus,
.xbox-color .btn-default:hover {
    background-color: var(--bg-6-hover);
}
.xbox-white-color .btn-default:focus,
.xbox-white-color .btn-default:hover {
    color: var(--black);
}
.xbox-white-color .btn-default:focus .icon,
.xbox-white-color .btn-default:hover .icon {
    fill: var(--black);
}
.xboxgame-color .btn-default:focus,
.xboxgame-color .btn-default:hover,
.xboxgp-color .btn-default:focus,
.xboxgp-color .btn-default:hover {
    background-color: var(--xbox-color-1-bg);
}
.warface-color .btn-default:focus,
.warface-color .btn-default:hover {
    background-color: var(--warface-color-2);
}
.warface-prem-color .btn-default:focus,
.warface-prem-color .btn-default:hover {
    background-color: hsla(0, 0%, 100%, 0.5);
}
.bt2-color .btn-default:focus,
.bt2-color .btn-default:hover {
    background-color: var(--bt2-light);
    color: var(--black);
}
.bt2-color .btn-default:focus .icon,
.bt2-color .btn-default:hover .icon {
    fill: var(--black);
}
.warface-color .product-order__buttons .btn-default:focus,
.warface-color .product-order__buttons .btn-default:hover {
    background-color: var(--warface-color-2-hover);
}
.bt2-color .product-order__buttons .btn-default:focus,
.bt2-color .product-order__buttons .btn-default:hover {
    background-color: var(--bt2-light-hover);
}
.xboxgp-grey-color .btn-default:focus,
.xboxgp-grey-color .btn-default:hover {
    background-color: var(--xbox-color-1);
}
.okko-color .btn-default:focus,
.okko-color .btn-default:hover {
    background-color: var(--okko-aion-year);
}
.aion-color .btn-default:focus,
.aion-color .btn-default:hover {
    background-color: var(--aion-color-2);
}
.ragnarok-color .btn-default:focus,
.ragnarok-color .btn-default:hover {
    background-color: rgba(233, 135, 93, 0.65);
    color: var(--white);
}
.ragnarok-color .btn-default:focus .icon,
.ragnarok-color .btn-default:hover .icon {
    fill: var(--white);
}
.crowfall-color .btn-default:focus,
.crowfall-color .btn-default:hover {
    background-color: var(--crowfall-color);
    color: var(--black);
}
.crowfall-color .btn-default:focus .icon,
.crowfall-color .btn-default:hover .icon {
    fill: var(--black);
}
.wow-color .btn-default:focus,
.wow-color .btn-default:hover {
    background-color: var(--ww-color);
    color: var(--white);
}
.wow-color .btn-default:focus .icon,
.wow-color .btn-default:hover .icon {
    fill: var(--white);
}
.wt-color .btn-default:focus,
.wt-color .btn-default:hover {
    background-color: var(--wt-color-1);
    color: var(--white);
}
.wt-color .btn-default:focus .icon,
.wt-color .btn-default:hover .icon {
    fill: var(--white);
}
.wt-color-gold .btn-default:focus,
.wt-color-gold .btn-default:hover {
    background-color: var(--wt-color-2);
}
.wowsh-color .btn-default:focus,
.wowsh-color .btn-default:hover {
    background-color: var(--fgp-color-1);
    color: var(--black);
}
.wowsh-color .btn-default:focus .icon,
.wowsh-color .btn-default:hover .icon {
    fill: var(--black);
}
.wt-color .product-order__buttons .btn-default:focus,
.wt-color .product-order__buttons .btn-default:hover {
    background-color: var(--wt-color-2-hover);
    color: var(--white);
    opacity: 1;
}
.wt-color .product-order__buttons .btn-default:focus .icon,
.wt-color .product-order__buttons .btn-default:hover .icon {
    fill: var(--white);
}
.wowsh-color .ea-slider__item--wide .btn-default:focus,
.wowsh-color .ea-slider__item--wide .btn-default:hover,
.wowsh-color .product-info-gfn__button .btn-default:focus,
.wowsh-color .product-info-gfn__button .btn-default:hover {
    background-color: var(--fgp-color-1-hover);
    color: var(--black);
    opacity: 1;
}
.wowsh-color .ea-slider__item--wide .btn-default:focus .icon,
.wowsh-color .ea-slider__item--wide .btn-default:hover .icon,
.wowsh-color .product-info-gfn__button .btn-default:focus .icon,
.wowsh-color .product-info-gfn__button .btn-default:hover .icon {
    fill: var(--black);
}
.psn-color .btn-default:focus,
.psn-color .btn-default:hover {
    background-color: var(--psn-color);
    color: var(--black);
}
.psn-color .btn-default:focus .icon,
.psn-color .btn-default:hover .icon {
    fill: var(--black);
}
.caliber-color .btn-default:focus,
.caliber-color .btn-default:hover {
    background-color: var(--caliber-color);
    color: var(--black);
}
.caliber-color .btn-default:focus .icon,
.caliber-color .btn-default:hover .icon {
    fill: var(--black);
}
.essence-color .btn-default:focus,
.essence-color .btn-default:hover,
.l2-main-color .btn-default:focus,
.l2-main-color .btn-default:hover,
.l2-main-premium-color .btn-default:focus,
.l2-main-premium-color .btn-default:hover {
    background-color: var(--essence-color-3-hover);
}
.l2-legacy-color .btn-default:focus,
.l2-legacy-color .btn-default:hover {
    background-color: var(--l2-legacy-color-1-hover);
}
.rf-color .btn-default:focus,
.rf-color .btn-default:hover {
    color: var(--white);
}
.rf-color-1 .btn-default:focus,
.rf-color-1 .btn-default:hover {
    background-color: #635390;
}
.rf-color-2 .btn-default:focus,
.rf-color-2 .btn-default:hover {
    background-color: #a65727;
}
.rf-color-3 .btn-default:focus,
.rf-color-3 .btn-default:hover {
    background-color: #4a5670;
}
.rf-color-4 .btn-default:focus,
.rf-color-4 .btn-default:hover {
    background-color: #196847;
}
.nintendo-color .btn-default:focus,
.nintendo-color .btn-default:hover {
    background-color: var(--nintendo-blue);
    color: var(--white);
}
.nintendo-color .btn-default:focus .icon,
.nintendo-color .btn-default:hover .icon {
    fill: var(--white);
}
.aion-classic-color .btn-default:focus,
.aion-classic-color .btn-default:hover {
    background-color: var(--aion-classic-name);
    color: var(--white);
}
.aion-classic-color .btn-default:focus .icon,
.aion-classic-color .btn-default:hover .icon {
    fill: var(--white);
}
.aion-classic-premium-color .btn-default:focus,
.aion-classic-premium-color .btn-default:hover {
    background-color: var(--aion-class-blue-hover);
    color: var(--white);
}
.aion-classic-premium-color .btn-default:focus .icon,
.aion-classic-premium-color .btn-default:hover .icon {
    fill: var(--white);
}
.genshin-color .btn-default:focus,
.genshin-color .btn-default:hover {
    background-color: var(--genshin-btn-hover);
    color: var(--black);
}
.genshin-color .btn-default:focus .icon,
.genshin-color .btn-default:hover .icon {
    fill: var(--black);
}
.stalcraft-color .btn-default:focus,
.stalcraft-color .btn-default:hover {
    background-color: var(--stalcraft-color);
    color: var(--black);
}
.stalcraft-color .btn-default:focus .icon,
.stalcraft-color .btn-default:hover .icon {
    fill: var(--black);
}
.stalcraft-color-2 .btn-default:focus,
.stalcraft-color-2 .btn-default:hover {
    background-color: var(--stalcraft-color-2);
    color: var(--white);
}
.stalcraft-color-2 .btn-default:focus .icon,
.stalcraft-color-2 .btn-default:hover .icon {
    fill: var(--white);
}
.stalcraft-color-3 .btn-default:focus,
.stalcraft-color-3 .btn-default:hover {
    background-color: var(--stalcraft-color-3);
    color: var(--white);
}
.stalcraft-color-3 .btn-default:focus .icon,
.stalcraft-color-3 .btn-default:hover .icon {
    fill: var(--white);
}
.stalcraft-color-4 .btn-default:focus,
.stalcraft-color-4 .btn-default:hover {
    background-color: var(--stalcraft-color-4);
    color: var(--white);
}
.stalcraft-color-4 .btn-default:focus .icon,
.stalcraft-color-4 .btn-default:hover .icon {
    fill: var(--white);
}
.stalcraft-color-5 .btn-default:focus,
.stalcraft-color-5 .btn-default:hover {
    background-color: var(--stalcraft-color-5);
    color: var(--white);
}
.stalcraft-color-5 .btn-default:focus .icon,
.stalcraft-color-5 .btn-default:hover .icon {
    fill: var(--white);
}
.bns-color .btn-default:focus,
.bns-color .btn-default:hover {
    background-color: var(--bns-btn-hover);
    color: var(--white);
}
.bns-color .btn-default:focus .icon,
.bns-color .btn-default:hover .icon {
    fill: var(--white);
}
.btn-default.disabled {
    background: hsla(0, 0%, 100%, 0.2);
    border: 2px solid var(--bg-1);
    color: var(--white);
    cursor: default;
}
.btn-default.disabled .icon {
    fill: var(--white);
}
.btn-default.disabled:focus,
.btn-default.disabled:hover {
    background: hsla(0, 0%, 100%, 0.2);
    border: 2px solid var(--bg-1);
    color: var(--white);
}
.btn-default.disabled:focus .icon,
.btn-default.disabled:hover .icon {
    fill: var(--white);
}
.roblox-color .btn-default.disabled {
    background: rgba(240, 201, 0, 0.1);
    border: 2px solid var(--roblox-color);
    color: var(--black);
}
.roblox-color .btn-default.disabled .icon {
    fill: var(--black);
}
.freefire-color .btn-default.disabled {
    border: 2px solid var(--ff-bg);
}
.fortnite-color .btn-default.disabled {
    border: 2px solid var(--fortnite-color-2);
}
.lol-color .btn-default.disabled {
    border: 2px solid var(--lol-color);
}
.bb-color .btn-default.disabled {
    border: 2px solid var(--ml-color);
}
.pb-color .btn-default.disabled {
    border: 2px solid var(--fgp-color-1);
}
.crowfall-color .btn-default.disabled {
    border: 2px solid var(--crowfall-color);
}
.ragnarok-color .btn-default.disabled {
    border: 2px solid var(--rg-color2);
}
.wow-color .btn-default.disabled {
    border: 2px solid var(--ww-color);
}
.wowsh-color .btn-default.disabled {
    border: 2px solid var(--fgp-color-1);
}
.wt-color .btn-default.disabled {
    border: 2px solid var(--wt-color-1);
}
.aion-color .btn-default.disabled {
    border: 2px solid var(--aion-color);
}
.essence-color .btn-default.disabled {
    border: 2px solid var(--essence-color-3-hover);
}
.l2-main-color .btn-default.disabled,
.l2-main-premium-color .btn-default.disabled {
    border: 2px solid var(--l2-main-color-1);
}
.l2-legacy-color .btn-default.disabled {
    border: 2px solid var(--l2-legacy-color-1);
}
.rf-color-1 .btn-default.disabled {
    border: 2px solid var(--rf-color-1-bg);
}
.rf-color-2 .btn-default.disabled {
    border: 2px solid var(--rf-color-2-bg);
}
.rf-color-3 .btn-default.disabled {
    border: 2px solid var(--rf-color-3);
}
.rf-color-4 .btn-default.disabled {
    border: 2px solid var(--rf-color-4-bg);
}
.aion-classic-color .btn-default.disabled {
    border: 2px solid var(--aion-classic-name);
}
.aion-classic-premium-color .btn-default.disabled {
    border: 2px solid var(--aion-classic-btn-prem);
}
.stalcraft-color .btn-default.disabled {
    border: 2px solid var(--stalcraft-color-1-border);
}
.bns-color .btn-default.disabled {
    border: 2px solid var(--bns-name-color);
}
.genshin-color .btn-default.disabled,
.genshin-premium-color .btn-default.disabled {
    border: 2px solid var(--genshin-name-color);
}
.xboxgame-color .btn-default.disabled,
.xboxgp-color .btn-default.disabled,
.xboxpage-color .btn-default.disabled {
    border: 2px solid var(--xbox-color-1);
}
.btn-primary {
    background-color: var(--bg-1);
    border-radius: 5px;
    color: var(--white);
}
.btn-primary span {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.btn-primary .icon {
    fill: var(--white);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.btn-primary:hover {
    background-color: rgba(199, 66, 66, 0.75);
}
.ea-slider__item .btn-primary {
    background-color: var(--ea-color);
}
.ea-slider__item .btn-primary:hover {
    background-color: rgba(255, 71, 71, 0.65);
}
.roblox-color .btn-primary {
    background-color: var(--roblox-color);
    color: var(--black);
}
.roblox-color .btn-primary span {
    text-shadow: none;
}
.roblox-color .btn-primary .icon {
    fill: var(--black);
}
.roblox-color .btn-primary:hover {
    background-color: var(--roblox-color-hover);
}
.aion-classic-color .btn-primary {
    background-color: var(--aion-classic-name);
    color: var(--white);
}
.aion-classic-color .btn-primary span {
    text-shadow: none;
}
.aion-classic-color .btn-primary .icon {
    fill: var(--white);
}
.aion-classic-color .btn-primary:hover {
    background-color: var(--aion-classic-name-hover);
}
.aion-classic-premium-color .btn-primary {
    background-color: var(--aion-classic-btn-prem);
    color: var(--black);
}
.aion-classic-premium-color .btn-primary span {
    text-shadow: none;
}
.aion-classic-premium-color .btn-primary .icon {
    fill: var(--black);
}
.aion-classic-premium-color .btn-primary:hover {
    background-color: var(--aion-class-blue-hover);
    color: var(--white);
}
.aion-classic-premium-color .btn-primary:hover .icon {
    fill: var(--white);
}
.genshin-color .btn-primary {
    background-color: var(--genshin-btn-hover);
    color: var(--black);
}
.genshin-color .btn-primary span {
    text-shadow: none;
}
.genshin-color .btn-primary .icon {
    fill: var(--black);
}
.genshin-color .btn-primary:hover {
    background-color: var(--genshin-btn);
}
.stalcraft-color .btn-primary {
    background-color: var(--stalcraft-color-1-border);
    color: var(--white);
}
.stalcraft-color .btn-primary span {
    text-shadow: none;
}
.stalcraft-color .btn-primary .icon {
    fill: var(--white);
}
.stalcraft-color .btn-primary:hover {
    background-color: var(--stalcraft-color-hover);
}
.stalcraft-color-2 .btn-primary {
    background-color: var(--stalcraft-color-2-border);
    color: var(--white);
}
.stalcraft-color-2 .btn-primary span {
    text-shadow: none;
}
.stalcraft-color-2 .btn-primary .icon {
    fill: var(--white);
}
.stalcraft-color-2 .btn-primary:hover {
    background-color: var(--stalcraft-color-2-hover);
}
.stalcraft-color-3 .btn-primary {
    background-color: var(--stalcraft-color-3-hover);
    color: var(--white);
}
.stalcraft-color-3 .btn-primary span {
    text-shadow: none;
}
.stalcraft-color-3 .btn-primary .icon {
    fill: var(--white);
}
.stalcraft-color-3 .btn-primary:hover {
    background-color: var(--stalcraft-color-3-border);
}
.stalcraft-color-4 .btn-primary {
    background-color: var(--stalcraft-color-4-hover);
    color: var(--white);
}
.stalcraft-color-4 .btn-primary span {
    text-shadow: none;
}
.stalcraft-color-4 .btn-primary .icon {
    fill: var(--white);
}
.stalcraft-color-4 .btn-primary:hover {
    background-color: var(--stalcraft-color-4-border);
}
.stalcraft-color-5 .btn-primary {
    background-color: var(--stalcraft-color-5-hover);
    color: var(--white);
}
.stalcraft-color-5 .btn-primary span {
    text-shadow: none;
}
.stalcraft-color-5 .btn-primary .icon {
    fill: var(--white);
}
.stalcraft-color-5 .btn-primary:hover {
    background-color: var(--stalcraft-color-5-border);
}
.bns-color .btn-primary {
    background-color: var(--bns-btn-hover);
    color: var(--white);
}
.bns-color .btn-primary span {
    text-shadow: none;
}
.bns-color .btn-primary .icon {
    fill: var(--white);
}
.bns-color .btn-primary:hover {
    background-color: var(--bns-price);
}
.genshin-premium-color .btn-primary {
    background-color: var(--genshin-btn-hover);
    color: var(--black);
}
.genshin-premium-color .btn-primary span {
    text-shadow: none;
}
.genshin-premium-color .btn-primary .icon {
    fill: var(--black);
}
.genshin-premium-color .btn-primary:hover {
    background-color: var(--genshin-btn);
    color: var(--black);
}
.genshin-premium-color .btn-primary:hover .icon {
    fill: var(--black);
}
.freefire-color .btn-primary {
    background-color: var(--ff-bg);
    color: var(--black);
}
.freefire-color .btn-primary span {
    text-shadow: none;
}
.freefire-color .btn-primary .icon {
    fill: var(--black);
}
.freefire-color .btn-primary:hover {
    background-color: var(--ff-bg-hover);
}
.fortnite-color .btn-primary {
    background-color: var(--fortnite-color-2);
    color: var(--black);
}
.fortnite-color .btn-primary span {
    text-shadow: none;
}
.fortnite-color .btn-primary .icon {
    fill: var(--black);
}
.fortnite-color .btn-primary:hover {
    background-color: var(--fortnite-color-2-hover);
}
.lol-color .btn-primary {
    background-color: var(--lol-color);
    color: var(--white);
}
.lol-color .btn-primary span {
    text-shadow: none;
}
.lol-color .btn-primary .icon {
    fill: var(--white);
}
.lol-color .btn-primary:hover {
    background-color: var(--lol-color-hover);
}
.bb-color .btn-primary {
    background-color: var(--ml-color);
    color: var(--black);
}
.bb-color .btn-primary span {
    text-shadow: none;
}
.bb-color .btn-primary .icon {
    fill: var(--black);
}
.bb-color .btn-primary:hover {
    background-color: var(--ml-color-hover);
}
.pubg-color .btn-primary {
    background-color: var(--pubg-color);
    color: var(--black);
}
.pubg-color .btn-primary .icon {
    fill: var(--black);
}
.pubg-color .btn-primary:hover {
    background-color: var(--pubg-color-hover);
}
.kasper-color-1 .btn-primary {
    background-color: var(--kasper-color-2);
}
.kasper-color-1 .btn-primary:hover {
    background-color: rgba(38, 89, 81, 0.65);
}
.kasper-color-2 .btn-primary {
    background-color: var(--kasper-color-1);
}
.kasper-color-2 .btn-primary:hover {
    background-color: rgba(0, 153, 130, 0.65);
}
.okko-color .btn-primary {
    background-color: var(--white);
    color: var(--dark);
}
.okko-color .btn-primary .icon {
    fill: var(--dark);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.okko-color .btn-primary:hover {
    background-color: var(--okko-aion-year);
    color: var(--white);
}
.okko-color .btn-primary:hover .icon {
    fill: var(--white);
}
.zvuk-color .btn-primary {
    background-color: #52189c;
    color: var(--white);
}
.zvuk-color .btn-primary .icon {
    fill: var(--white);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.zvuk-color .btn-primary:hover {
    background-color: rgba(82, 24, 156, 0.8);
    color: var(--white);
}
.zvuk-color .btn-primary:hover .icon {
    fill: var(--white);
}
.okko-promo-color .l2-essence .btn-primary {
    background-color: var(--okko-l2-essence);
    color: var(--black);
}
.okko-promo-color .l2-essence .btn-primary .icon {
    fill: var(--black);
}
.okko-promo-color .l2-essence .btn-primary:hover {
    background-color: var(--okko-l2-essence-hover);
}
.okko-promo-color .l2-legacy .btn-primary {
    background-color: var(--okko-l2-legacy);
    color: var(--black);
}
.okko-promo-color .l2-legacy .btn-primary .icon {
    fill: var(--black);
}
.okko-promo-color .l2-legacy .btn-primary:hover {
    background-color: var(--okko-l2-legacy-hover);
}
.okko-promo-color .l2-main .btn-primary {
    background-color: var(--okko-l2-main);
    color: var(--black);
}
.okko-promo-color .l2-main .btn-primary .icon {
    fill: var(--black);
}
.okko-promo-color .l2-main .btn-primary:hover {
    background-color: var(--okko-l2-main-hover);
}
.okko-promo-color .aion-month .btn-primary {
    background-color: var(--okko-aion-month);
    color: var(--white);
}
.okko-promo-color .aion-month .btn-primary .icon {
    fill: var(--white);
}
.okko-promo-color .aion-month .btn-primary:hover {
    background-color: var(--okko-aion-month-hover);
}
.okko-promo-color .aion-year .btn-primary {
    background-color: var(--okko-aion-year);
    color: var(--white);
}
.okko-promo-color .aion-year .btn-primary .icon {
    fill: var(--white);
}
.okko-promo-color .aion-year .btn-primary:hover {
    background-color: var(--okko-aion-year-hover);
}
.okko-promo-color .pubg-month .btn-primary {
    background-color: var(--pubg-color);
    color: var(--white);
}
.okko-promo-color .pubg-month .btn-primary .icon {
    fill: var(--white);
}
.okko-promo-color .pubg-month .btn-primary:hover {
    background-color: var(--pubg-color-hover);
}
.okko-promo-color .pubg-year .btn-primary {
    background-color: var(--pubg-year);
    color: var(--white);
}
.okko-promo-color .pubg-year .btn-primary .icon {
    fill: var(--white);
}
.okko-promo-color .pubg-year .btn-primary:hover {
    background-color: var(--pubg-year-hover);
}
.okko-promo-color .pointblank-1 .btn-primary {
    background-color: var(--pointblank-color-1);
    color: var(--black);
}
.okko-promo-color .pointblank-1 .btn-primary .icon {
    fill: var(--black);
}
.okko-promo-color .pointblank-1 .btn-primary:hover {
    background-color: var(--pointblank-color-1-hover);
}
.okko-promo-color .pointblank-2 .btn-primary {
    background-color: var(--pointblank-color-2);
    color: var(--white);
}
.okko-promo-color .pointblank-2 .btn-primary .icon {
    fill: var(--white);
}
.okko-promo-color .pointblank-2 .btn-primary:hover {
    background-color: var(--pointblank-color-2-hover);
}
.okko-promo-color .pointblank-3 .btn-primary {
    background-color: var(--pointblank-color-3);
    color: var(--white);
}
.okko-promo-color .pointblank-3 .btn-primary .icon {
    fill: var(--white);
}
.okko-promo-color .pointblank-3 .btn-primary:hover {
    background-color: var(--pointblank-color-3-hover);
}
.fgp-color-ai .btn-primary {
    background-color: #7880d5;
    color: var(--black);
}
.fgp-color-ai .btn-primary .icon {
    fill: var(--black);
}
.fgp-color-ai .btn-primary:hover {
    background-color: #515bc9;
}
.fgp-color-cf .btn-primary {
    background-color: #e3b135;
    color: var(--black);
}
.fgp-color-cf .btn-primary .icon {
    fill: var(--black);
}
.fgp-color-cf .btn-primary:hover {
    background-color: #c9971c;
}
.fgp-color-l2e .btn-primary {
    background-color: #765236;
}
.fgp-color-l2e .btn-primary:hover {
    background-color: #533a26;
}
.fgp-color-l2m .btn-primary {
    background-color: #b58149;
    color: var(--black);
}
.fgp-color-l2m .btn-primary .icon {
    fill: var(--black);
}
.fgp-color-l2m .btn-primary:hover {
    background-color: #91673a;
}
.fgp-color-rf .btn-primary {
    background-color: #4d4070;
}
.fgp-color-rf .btn-primary:hover {
    background-color: #372d50;
}
.fgp-color-l2l .btn-primary {
    background-color: #fdd657;
    color: var(--black);
}
.fgp-color-l2l .btn-primary .icon {
    fill: var(--black);
}
.fgp-color-l2l .btn-primary:hover {
    background-color: #fcca25;
}
.fgp-color-pb .btn-primary {
    background-color: #f7b107;
    color: var(--black);
}
.fgp-color-pb .btn-primary .icon {
    fill: var(--black);
}
.fgp-color-pb .btn-primary:hover {
    background-color: #c58d06;
}
.fgp-color-rg .btn-primary {
    background-color: #e9875d;
    color: var(--black);
}
.fgp-color-rg .btn-primary .icon {
    fill: var(--black);
}
.fgp-color-rg .btn-primary:hover {
    background-color: #e36630;
}
.fgp-color-1 .btn-primary,
.pb-color .btn-primary {
    background-color: var(--fgp-color-1);
    color: var(--black);
}
.fgp-color-1 .btn-primary .icon,
.pb-color .btn-primary .icon {
    fill: var(--black);
}
.fgp-color-1 .btn-primary:hover,
.pb-color .btn-primary:hover {
    background-color: var(--fgp-color-1-hover);
}
.fgp-color-2 .btn-primary {
    background-color: var(--fgp-color-2);
    color: var(--white);
}
.fgp-color-2 .btn-primary .icon {
    fill: var(--white);
}
.fgp-color-2 .btn-primary:hover {
    background-color: var(--fgp-color-2-hover);
}
.fgp-color-3 .btn-primary {
    background-color: #221229;
    color: var(--white);
}
.fgp-color-3 .btn-primary .icon {
    fill: var(--white);
}
.fgp-color-3 .btn-primary:hover {
    background-color: #311a3b;
}
.fgp-color-4 .btn-primary {
    background-color: var(--fgp-color-4);
    color: var(--white);
}
.fgp-color-4 .btn-primary .icon {
    fill: var(--white);
}
.fgp-color-4 .btn-primary:hover {
    background-color: var(--fgp-color-4-hover);
}
.default-color .btn-primary,
.fourgame-color .btn-primary,
.wg-color .btn-primary {
    background-color: var(--bg-1);
}
.default-color .btn-primary:hover,
.fourgame-color .btn-primary:hover,
.wg-color .btn-primary:hover {
    background-color: rgba(199, 66, 66, 0.65);
}
.wg-color2 .btn-primary {
    background-color: var(--bg3-wg);
}
.wg-color2 .btn-primary:hover {
    background-color: rgba(141, 121, 85, 0.65);
}
.blue-color .btn-primary {
    background-color: var(--bg-4);
}
.blue-color .btn-primary:hover {
    background-color: rgba(0, 170, 255, 0.65);
}
.gfn-color .btn-primary {
    background-color: var(--bg-5);
}
.gfn-color .btn-primary:hover {
    background-color: rgba(118, 185, 0, 0.75);
}
.xbox-color .btn-primary {
    background-color: var(--bg-6-hover);
}
.xbox-color .btn-primary:hover {
    background-color: rgba(50, 94, 34, 0.75);
}
.xbox-white-color .btn-primary {
    background-color: var(--bg-9-hover);
    color: var(--black);
}
.xbox-white-color .btn-primary span {
    text-shadow: none;
}
.xbox-white-color .btn-primary .icon {
    fill: var(--black);
}
.xbox-white-color .btn-primary:hover {
    background-color: rgba(215, 180, 68, 0.65);
}
.bt2-color .btn-primary {
    background-color: var(--bt2-light);
    color: var(--black);
}
.bt2-color .btn-primary span {
    text-shadow: none;
}
.bt2-color .btn-primary .icon {
    fill: var(--black);
}
.bt2-color .btn-primary:hover {
    background-color: var(--bt2-light-hover);
    color: var(--black);
}
.bt2-color .btn-primary:hover .icon {
    fill: var(--black);
}
.warface-color .btn-primary {
    background-color: var(--warface-color-2);
}
.warface-color .btn-primary:hover {
    background-color: var(--warface-color-2-hover);
}
.warface-prem-color .btn-primary {
    background-color: var(--warface-color-prem-primary);
}
.warface-prem-color .btn-primary:hover {
    background-color: var(--warface-color-2);
}
.xboxgame-color .btn-primary,
.xboxgp-color .btn-primary {
    background-color: var(--xbox-color-1-bg);
}
.xboxgame-color .btn-primary:hover,
.xboxgp-color .btn-primary:hover {
    background-color: var(--xbox-color-1);
}
.xboxgp-grey-color .btn-primary {
    background-color: var(--xbox-color-2-bg);
    color: var(--black);
}
.xboxgp-grey-color .btn-primary span {
    text-shadow: none;
}
.xboxgp-grey-color .btn-primary .icon {
    fill: var(--black);
}
.xboxgp-grey-color .btn-primary:hover {
    background-color: var(--xbox-color-1);
    color: var(--white);
}
.xboxgp-grey-color .btn-primary:hover .icon {
    fill: var(--white);
}
.psp-color .btn-primary {
    background-color: var(--bg-7-hover);
}
.psp-color .btn-primary:hover {
    background-color: rgba(169, 137, 24, 0.65);
}
.ragnarok-color .btn-primary {
    background-color: var(--rg-color2);
    color: var(--rg-color);
}
.ragnarok-color .btn-primary span {
    text-shadow: none;
}
.ragnarok-color .btn-primary .icon {
    fill: var(--rg-color);
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
.ragnarok-color .btn-primary:hover {
    background-color: rgba(233, 135, 93, 0.65);
    color: var(--white);
}
.ragnarok-color .btn-primary:hover .icon {
    fill: var(--white);
}
.wow-color .btn-primary {
    background-color: var(--ww-color);
    color: var(--white);
}
.wow-color .btn-primary span {
    text-shadow: none;
}
.wow-color .btn-primary .icon {
    fill: var(--white);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.wow-color .btn-primary:hover {
    background-color: #11387c;
    color: var(--white);
}
.wow-color .btn-primary:hover .icon {
    fill: var(--white);
}
.psn-color .btn-primary {
    background-color: var(--psn-color);
    color: var(--black);
}
.psn-color .btn-primary span {
    text-shadow: none;
}
.psn-color .btn-primary .icon {
    fill: var(--black);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.psn-color .btn-primary:hover {
    background-color: var(--psn-color-hover);
    color: var(--black);
}
.psn-color .btn-primary:hover .icon {
    fill: var(--black);
}
.caliber-color .btn-primary {
    background-color: var(--caliber-color);
    color: var(--black);
}
.caliber-color .btn-primary span {
    text-shadow: none;
}
.caliber-color .btn-primary .icon {
    fill: var(--black);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.caliber-color .btn-primary:hover {
    background-color: var(--caliber-color-hover);
    color: var(--black);
}
.caliber-color .btn-primary:hover .icon {
    fill: var(--black);
}
.wt-color .btn-primary {
    background-color: var(--wt-color-1);
    color: var(--white);
}
.wt-color .btn-primary span {
    text-shadow: none;
}
.wt-color .btn-primary .icon {
    fill: var(--white);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.wt-color .btn-primary:hover {
    background-color: var(--wt-color-1-hover);
    color: var(--white);
}
.wt-color .btn-primary:hover .icon {
    fill: var(--white);
}
.wt-color-gold .btn-primary {
    background-color: var(--wt-color-2);
}
.wt-color-gold .btn-primary:hover {
    background-color: var(--wt-color-2-hover);
}
.wowsh-color .btn-primary {
    background-color: var(--fgp-color-1);
    color: var(--black);
}
.wowsh-color .btn-primary span {
    text-shadow: none;
}
.wowsh-color .btn-primary .icon {
    fill: var(--black);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.wowsh-color .btn-primary:hover {
    background-color: var(--fgp-color-1-hover);
    color: var(--black);
}
.wowsh-color .btn-primary:hover .icon {
    fill: var(--black);
}
.wowsh-color .ea-slider__item--wide .btn-primary {
    background-color: var(--fgp-color-1);
    color: var(--black);
}
.wowsh-color .ea-slider__item--wide .btn-primary span {
    text-shadow: none;
}
.wowsh-color .ea-slider__item--wide .btn-primary .icon {
    fill: var(--black);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.wowsh-color .ea-slider__item--wide .btn-primary:hover {
    background-color: var(--fgp-color-1-hover);
    color: var(--black);
}
.wowsh-color .ea-slider__item--wide .btn-primary:hover .icon {
    fill: var(--black);
}
.crowfall-color .btn-primary {
    background-color: var(--crowfall-color);
    color: var(--black);
}
.crowfall-color .btn-primary span {
    text-shadow: none;
}
.crowfall-color .btn-primary .icon {
    fill: var(--black);
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
.crowfall-color .btn-primary:hover {
    background-color: #9c7616;
    color: var(--black);
}
.crowfall-color .btn-primary:hover .icon {
    fill: var(--black);
}
.essence-color .btn-primary {
    background-color: var(--essence-color-3);
    color: var(--black);
}
.essence-color .btn-primary span {
    text-shadow: none;
}
.essence-color .btn-primary .icon {
    fill: var(--black);
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
.essence-color .btn-primary:hover {
    background-color: var(--essence-color-3-hover);
    color: var(--white);
}
.essence-color .btn-primary:hover .icon {
    fill: var(--white);
}
.l2-main-color .btn-primary,
.l2-main-premium-color .btn-primary {
    background-color: var(--l2-main-color-1);
    color: var(--black);
}
.l2-main-color .btn-primary span,
.l2-main-premium-color .btn-primary span {
    text-shadow: none;
}
.l2-main-color .btn-primary .icon,
.l2-main-premium-color .btn-primary .icon {
    fill: var(--black);
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
.l2-main-color .btn-primary:hover,
.l2-main-premium-color .btn-primary:hover {
    background-color: var(--essence-color-3-hover);
    color: var(--white);
}
.l2-main-color .btn-primary:hover .icon,
.l2-main-premium-color .btn-primary:hover .icon {
    fill: var(--white);
}
.l2-legacy-color .btn-primary {
    background-color: var(--l2-legacy-color-1);
    color: var(--black);
}
.l2-legacy-color .btn-primary span {
    text-shadow: none;
}
.l2-legacy-color .btn-primary .icon {
    fill: var(--black);
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
.l2-legacy-color .btn-primary:hover {
    background-color: var(--l2-legacy-color-1-hover);
    color: var(--white);
}
.l2-legacy-color .btn-primary:hover .icon {
    fill: var(--white);
}
.aion-color .btn-primary {
    background-color: var(--aion-color);
    color: var(--white);
}
.aion-color .btn-primary span {
    text-shadow: none;
}
.aion-color .btn-primary .icon {
    fill: var(--white);
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
.aion-color .btn-primary:hover {
    background-color: var(--aion-color-2);
    color: var(--white);
}
.aion-color .btn-primary:hover .icon {
    fill: var(--white);
}
.rf-color .btn-primary {
    border-radius: 0;
    color: var(--white);
}
.rf-color .btn-primary span {
    text-shadow: none;
}
.rf-color .btn-primary .icon {
    fill: var(--white);
}
.rf-color-1 .btn-primary {
    background-color: var(--rf-color-1-bg);
}
.rf-color-1 .btn-primary:hover {
    background-color: #635390;
}
.rf-color-2 .btn-primary {
    background-color: var(--rf-color-2-bg);
}
.rf-color-2 .btn-primary:hover {
    background-color: #a65727;
}
.rf-color-3 .btn-primary {
    background-color: #546580;
}
.rf-color-3 .btn-primary:hover {
    background-color: #8999b1;
}
.rf-color-4 .btn-primary {
    background-color: var(--rf-color-4-bg);
}
.rf-color-4 .btn-primary:hover {
    background-color: #196847;
}
.btn-primary-border {
    background-color: transparent;
    border: 2px solid var(--bg-1);
    border-radius: 5px;
    color: var(--white);
    cursor: pointer;
}
.btn-primary-border:hover {
    background-color: rgba(199, 66, 66, 0.75);
    border-color: rgba(199, 66, 66, 0.75);
    opacity: 1;
}
.btn-primary-no-border {
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 5px;
    color: var(--white);
    cursor: pointer;
}
.btn-primary-no-border:hover {
    background-color: rgba(199, 66, 66, 0.75);
    border-color: rgba(199, 66, 66, 0.75);
    opacity: 1;
}
.btn-success {
    background-color: var(--success);
    border-radius: 5px;
    color: var(--white);
}
.btn-success:hover {
    background-color: rgba(127, 219, 48, 0.75);
}
.btn-success-border {
    background-color: transparent;
    border: 2px solid var(--success);
    border-radius: 5px;
    color: var(--white);
    cursor: pointer;
}
.btn-success-border:hover {
    background-color: rgba(127, 219, 48, 0.75);
    border-color: rgba(127, 219, 48, 0.75);
    opacity: 1;
}
.btn-warning {
    background-color: var(--warning);
    border-radius: 5px;
    color: var(--white);
}
.btn-warning:hover {
    background-color: rgba(255, 205, 1, 0.75);
}
.btn-warning-border {
    background-color: transparent;
    border: 2px solid var(--warning);
    border-radius: 5px;
    color: var(--white);
    cursor: pointer;
}
.btn-warning-border:hover {
    background-color: rgba(255, 205, 1, 0.75);
    border-color: rgba(255, 205, 1, 0.75);
    opacity: 1;
}
.btn-waiting {
    border-color: var(--waiting);
    border-radius: 5px;
    color: var(--white);
}
.btn-waiting:hover {
    background-color: rgba(0, 210, 255, 0.75);
}
.btn-waiting-border {
    background-color: transparent;
    border: 2px solid var(--waiting);
    border-radius: 5px;
    color: var(--white);
    cursor: pointer;
}
.btn-waiting-border:hover {
    background-color: rgba(0, 210, 255, 0.75);
    border-color: rgba(0, 210, 255, 0.75);
    opacity: 1;
}
.btn-new {
    border-radius: 8px;
    font-size: 20px;
    font-weight: 700;
    height: 60px;
    line-height: 24px;
    text-shadow: 1.6px 1.6px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
    .btn-new {
        font-size: 16px;
        height: 48px;
    }
    .order-total__button .btn-new {
        height: 40px;
    }
}
.btn-animate {
    --btn-bg: var(--bg-1);
    --bg: #861d24;
    --icon-size: 25px;
    --width: 100%;
    --height: 60px;
    --heightSm: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--bg);
    border: 0;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    justify-content: center;
    min-height: var(--height);
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 767px) {
    .btn-animate {
        min-height: var(--heightSm);
    }
    .order-total__button .btn-animate {
        min-height: 40px;
    }
}
.btn-animate__icons,
.btn-animate__label {
    position: relative;
    z-index: 2;
}
.btn-animate__label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.btn-animate__icons {
    margin-left: 15px;
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.btn-animate__icons,
.btn-animate__icons > .icon {
    height: var(--icon-size);
    width: var(--icon-size);
}
.btn-animate__icons > .icon {
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.btn-animate__icons > .icon--left {
    opacity: 0;
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
}
.btn-animate__icons > .icon svg {
    fill: #fff;
    height: 100%;
    width: 100%;
}
.btn-animate:after {
    background: var(--btn-bg);
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    width: 100%;
    z-index: 1;
}
.btn-animate:hover:after {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0);
}
.btn-animate:hover .btn-animate__label {
    width: 75%;
}
.btn-animate:hover .btn-animate__icons {
    -webkit-transform: translateX(80%);
    -ms-transform: translateX(80%);
    transform: translateX(80%);
}
.btn-animate:hover .btn-animate__icons .icon--left {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.btn-animate:hover .btn-animate__icons .icon--right {
    opacity: 0;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}
.btn-animate:active {
    -webkit-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
}
.file-drop {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .file-drop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.file-drop-area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #b5b5b5;
    border-radius: 5px;
    color: #b5b5b5;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 220px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    width: 100%;
}
.file-drop-area,
.file-drop-area-block {
    margin: 0 15px 15px 0;
}
.file-drop-area-block .file-drop-area {
    margin: 0 0 10px;
}
.file-drop-area-text {
    color: var(--bg-1);
    font-size: 13px;
}
@media (max-width: 768px) {
    .file-drop-area {
        margin: 0 0 15px;
    }
}
.file-drop-area.is-active,
.file-drop-area:hover {
    background-color: hsla(0, 0%, 100%, 0.15);
}
.file-drop-area .fake-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23B5B5B5' d='M5 0h3v13H5z'/%3E%3Cpath fill='%23B5B5B5' d='M0 8V5h13v3z'/%3E%3C/svg%3E") 50%
        50% no-repeat;
    display: inline-block;
    height: 13px;
    margin: 0;
    width: 13px;
}
.file-drop-area .fake-btn {
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    max-width: -webkit-calc(100% - 20px);
    max-width: calc(100% - 20px);
    overflow: hidden;
    padding: 0 0 0 30px;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.file-drop-area .fake-btn:before {
    background: #b5b5b5;
    content: "";
    height: 18px;
    left: 15px;
    margin: -9px 0 0;
    position: absolute;
    top: 50%;
    width: 2px;
}
.file-drop-area .file-msg {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.file-drop-area .file-input {
    cursor: pointer;
    height: 200%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -30px;
    width: 100%;
}
.file-drop-area .file-input:focus {
    outline: none;
}
.file-drop-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .file-drop-preview {
        margin: 0 -10px;
    }
}
.file-drop-preview div {
    margin-bottom: 10px;
    max-width: 90px;
    padding: 0 10px;
}
.file-drop-preview div img {
    height: auto;
    max-width: 100%;
}
.coll-block input {
    width: 100%;
}
.coll-block .jq-number {
    padding: 0;
    vertical-align: top;
}
.coll-block .jq-number.focused .jq-number__field {
    border: none;
}
.coll-block .jq-number__field {
    background: hsla(0, 0%, 100%, 0.3);
    border: none;
    border-radius: 7px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 41px;
    width: 122px;
}
@media (min-width: 1140px) {
    .ea-slider__item--big .coll-block .jq-number__field {
        padding: 0 62px;
        width: 174px;
    }
}
.aion-classic-color .coll-block .jq-number__field {
    background: var(--aion-classic-btn);
    border-radius: 10px;
}
.aion-classic-premium-color .coll-block .jq-number__field {
    background: #31425a;
}
.ragnarok-color .coll-block .jq-number__field {
    background: rgba(233, 135, 93, 0.3);
}
.cont-back .back .coll-block .jq-number__field,
.gfn-color .coll-block .jq-number__field,
.psp-color .coll-block .jq-number__field,
.xbox-white-color .coll-block .jq-number__field,
.xboxgame-color .coll-block .jq-number__field,
.xboxgp-color .coll-block .jq-number__field {
    background: rgba(0, 0, 0, 0.3);
}
.coll-block-wrapper .coll-block .jq-number__field {
    background: hsla(0, 0%, 100%, 0.3);
}
.coll-block .jq-number__field input {
    background: transparent;
    border-radius: 0;
    color: var(--white);
    display: block;
    font-family: var(--font-rubik);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.aion-classic-color .coll-block .jq-number__field input,
.blue-color .coll-block .jq-number__field input,
.essence-color .coll-block .jq-number__field input,
.genshin-color .coll-block .jq-number__field input,
.ragnarok-color .coll-block .jq-number__field input {
    color: var(--black);
}
.aion-classic-premium-color .coll-block .jq-number__field input,
.crowfall-color .coll-block .jq-number__field input,
.essence-color .product__order .coll-block .jq-number__field input,
.gfn-color .coll-block .jq-number__field input,
.l2-legacy-color .coll-block .jq-number__field input,
.l2-main-color .coll-block .jq-number__field input,
.l2-main-premium-color .coll-block .jq-number__field input {
    color: var(--white);
}
.aion-color .buttons--new .coll-block .jq-number__field input {
    color: var(--black);
}
.cont-back .back .coll-block .jq-number__field input,
.product-order__buttons .coll-block .jq-number__field input {
    height: 46px;
}
.ragnarok-color .product-order__buttons .coll-block .jq-number__field input {
    color: var(--white);
}
.catalog-mini__item .coll-block .jq-number__field input,
.ea-payment__item .coll-block .jq-number__field input,
.ea-slider__item .coll-block .jq-number__field input {
    height: 40px;
}
.coll-block-wrapper .coll-block .jq-number__field input {
    height: 36px;
}
@media (min-width: 900px) {
    .coll-block-wrapper .coll-block .jq-number__field input {
        height: 46px;
    }
}
@media (min-width: 1140px) {
    .coll-block-wrapper .coll-block .jq-number__field input,
    .ea-slider__item--big .coll-block .jq-number__field input {
        height: 48px;
    }
}
.coll-block-wrapper .coll-block .jq-number__field input {
    color: var(--white);
}
.coll-block .jq-number__spin {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--white);
    border: none;
    border-radius: 7px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 41px;
}
.okko-color .coll-block .jq-number__spin {
    background: var(--white);
}
.pubg-color .coll-block .jq-number__spin,
.pubg-month .coll-block .jq-number__spin {
    background: var(--pubg-color);
}
.pubg-year .coll-block .jq-number__spin {
    background: var(--pubg-year);
}
.pubg-year .coll-block .jq-number__spin:before {
    opacity: 1;
}
.pubg-year .coll-block .jq-number__spin:after {
    opacity: 0;
}
.aion-classic-color .coll-block .jq-number__spin {
    background: var(--aion-classic-name);
}
.aion-classic-color .coll-block .jq-number__spin:before {
    opacity: 1;
}
.aion-classic-color .coll-block .jq-number__spin:after {
    opacity: 0;
}
.aion-classic-premium-color .coll-block .jq-number__spin {
    background: var(--aion-classic-btn-prem);
}
.aion-classic-premium-color .coll-block .jq-number__spin:before {
    opacity: 0;
}
.aion-classic-premium-color .coll-block .jq-number__spin:after {
    opacity: 1;
}
.stalcraft-color .coll-block .jq-number__spin {
    background: var(--stalcraft-color-1-border);
}
.stalcraft-color .coll-block .jq-number__spin:before {
    opacity: 1;
}
.stalcraft-color .coll-block .jq-number__spin:after {
    opacity: 0;
}
.stalcraft-color-2 .coll-block .jq-number__spin {
    background: var(--stalcraft-color-2-border);
}
.stalcraft-color-2 .coll-block .jq-number__spin:before {
    opacity: 1;
}
.stalcraft-color-2 .coll-block .jq-number__spin:after {
    opacity: 0;
}
.stalcraft-color-3 .coll-block .jq-number__spin {
    background: var(--stalcraft-color-3-border);
}
.stalcraft-color-3 .coll-block .jq-number__spin:before {
    opacity: 1;
}
.stalcraft-color-3 .coll-block .jq-number__spin:after {
    opacity: 0;
}
.stalcraft-color-4 .coll-block .jq-number__spin {
    background: var(--stalcraft-color-4-border);
}
.stalcraft-color-4 .coll-block .jq-number__spin:before {
    opacity: 1;
}
.stalcraft-color-4 .coll-block .jq-number__spin:after {
    opacity: 0;
}
.stalcraft-color-5 .coll-block .jq-number__spin {
    background: var(--stalcraft-color-5-border);
}
.stalcraft-color-5 .coll-block .jq-number__spin:before {
    opacity: 1;
}
.stalcraft-color-5 .coll-block .jq-number__spin:after {
    opacity: 0;
}
.bns-color .coll-block .jq-number__spin {
    background: var(--bns-btn-hover);
}
.bns-color .coll-block .jq-number__spin:before {
    opacity: 1;
}
.bns-color .coll-block .jq-number__spin:after {
    opacity: 0;
}
.genshin-color .coll-block .jq-number__spin {
    background: var(--genshin-btn-hover);
}
.genshin-color .coll-block .jq-number__spin:before {
    opacity: 0;
}
.genshin-color .coll-block .jq-number__spin:after {
    opacity: 1;
}
.genshin-premium-color .coll-block .jq-number__spin {
    background: var(--genshin-btn-hover);
}
.genshin-premium-color .coll-block .jq-number__spin:before {
    opacity: 0;
}
.genshin-premium-color .coll-block .jq-number__spin:after {
    opacity: 1;
}
.pointblank-1 .coll-block .jq-number__spin {
    background: var(--pointblank-color-1);
}
.pointblank-2 .coll-block .jq-number__spin {
    background: var(--pointblank-color-2);
}
.pointblank-3 .coll-block .jq-number__spin {
    background: var(--pointblank-color-3);
}
.pointblank-3 .coll-block .jq-number__spin:before {
    opacity: 1;
}
.pointblank-3 .coll-block .jq-number__spin:after {
    opacity: 0;
}
.zvuk-color .coll-block .jq-number__spin {
    background: #52189c;
}
.okko-promo-color .l2-essence .coll-block .jq-number__spin {
    background-color: var(--okko-l2-essence);
}
.okko-promo-color .l2-legacy .coll-block .jq-number__spin {
    background-color: var(--okko-l2-legacy);
}
.okko-promo-color .l2-main .coll-block .jq-number__spin {
    background-color: var(--okko-l2-main);
}
.ragnarok-color .coll-block .jq-number__spin {
    background: var(--rg-color2);
}
.crowfall-color .coll-block .jq-number__spin {
    background: var(--crowfall-color);
}
.aion-color .coll-block .jq-number__spin {
    background: var(--aion-color);
}
.essence-color .coll-block .jq-number__spin {
    background: var(--essence-color-3);
}
.l2-main-color .coll-block .jq-number__spin,
.l2-main-premium-color .coll-block .jq-number__spin {
    background: var(--l2-main-color-1);
}
.l2-legacy-color .coll-block .jq-number__spin {
    background: var(--l2-legacy-color-1);
}
.blue-color .coll-block .jq-number__spin {
    background: var(--bg-4);
}
.gfn-color .coll-block .jq-number__spin,
.xbox-color .coll-block .jq-number__spin {
    background: var(--white);
}
.xbox-white-color .coll-block .jq-number__spin {
    background: var(--bg-9);
}
.xboxgame-color .coll-block .jq-number__spin,
.xboxgp-color .coll-block .jq-number__spin {
    background: var(--xbox-color-1-bg);
}
.xboxgame-color .coll-block .jq-number__spin:before,
.xboxgp-color .coll-block .jq-number__spin:before {
    opacity: 1;
}
.xboxgame-color .coll-block .jq-number__spin:after,
.xboxgp-color .coll-block .jq-number__spin:after {
    opacity: 0;
}
.xboxgp-grey-color .coll-block .jq-number__spin {
    background: var(--xbox-color-2-bg);
}
.xboxgp-grey-color .coll-block .jq-number__spin:before {
    opacity: 0;
}
.xboxgp-grey-color .coll-block .jq-number__spin:after {
    opacity: 1;
}
.bt2-color .coll-block .jq-number__spin {
    background: var(--bt2-light);
}
.bt2-color .coll-block .jq-number__spin:before {
    opacity: 0;
}
.bt2-color .coll-block .jq-number__spin:after {
    opacity: 1;
}
.psp-color .coll-block .jq-number__spin {
    background: var(--white);
}
.rf-color .coll-block .jq-number__spin {
    border-radius: 0;
}
.cont-back .back .coll-block .jq-number__spin {
    background: var(--black);
}
.cont-back .back .coll-block .jq-number__spin,
.product-order__buttons .coll-block .jq-number__spin {
    height: 46px;
}
.catalog-mini__item .coll-block .jq-number__spin,
.ea-payment__item .coll-block .jq-number__spin,
.ea-slider__item .coll-block .jq-number__spin {
    height: 40px;
}
.coll-block-wrapper .coll-block .jq-number__spin {
    height: 36px;
}
@media (min-width: 900px) {
    .coll-block-wrapper .coll-block .jq-number__spin {
        height: 46px;
    }
}
@media (min-width: 1140px) {
    .coll-block-wrapper .coll-block .jq-number__spin {
        height: 48px;
    }
    .ea-slider__item--big .coll-block .jq-number__spin {
        height: 48px;
        width: 60px;
    }
}
.coll-block .jq-number__spin:hover {
    background: var(--ea-color);
}
.aion-classic-color .coll-block .jq-number__spin:hover {
    background: var(--aion-classic-name-hover);
}
.aion-classic-premium-color .coll-block .jq-number__spin:hover {
    background: var(--aion-class-blue-hover);
}
.aion-classic-premium-color .coll-block .jq-number__spin:hover:before {
    opacity: 1;
}
.aion-classic-premium-color .coll-block .jq-number__spin:hover:after {
    opacity: 0;
}
.stalcraft-color .coll-block .jq-number__spin:hover {
    background: var(--stalcraft-color-hover);
}
.stalcraft-color .coll-block .jq-number__spin:hover:before {
    opacity: 1;
}
.stalcraft-color .coll-block .jq-number__spin:hover:after {
    opacity: 0;
}
.stalcraft-color-2 .coll-block .jq-number__spin:hover {
    background: var(--stalcraft-color-2-hover);
}
.stalcraft-color-2 .coll-block .jq-number__spin:hover:before {
    opacity: 1;
}
.stalcraft-color-2 .coll-block .jq-number__spin:hover:after {
    opacity: 0;
}
.stalcraft-color-3 .coll-block .jq-number__spin:hover {
    background: var(--stalcraft-color-3-hover);
}
.stalcraft-color-3 .coll-block .jq-number__spin:hover:before {
    opacity: 1;
}
.stalcraft-color-3 .coll-block .jq-number__spin:hover:after {
    opacity: 0;
}
.stalcraft-color-4 .coll-block .jq-number__spin:hover {
    background: var(--stalcraft-color-4-hover);
}
.stalcraft-color-4 .coll-block .jq-number__spin:hover:before {
    opacity: 1;
}
.stalcraft-color-4 .coll-block .jq-number__spin:hover:after {
    opacity: 0;
}
.stalcraft-color-5 .coll-block .jq-number__spin:hover {
    background: var(--stalcraft-color-5-hover);
}
.stalcraft-color-5 .coll-block .jq-number__spin:hover:before {
    opacity: 1;
}
.stalcraft-color-5 .coll-block .jq-number__spin:hover:after {
    opacity: 0;
}
.bns-color .coll-block .jq-number__spin:hover {
    background: var(--bns-price);
}
.bns-color .coll-block .jq-number__spin:hover:before {
    opacity: 1;
}
.bns-color .coll-block .jq-number__spin:hover:after {
    opacity: 0;
}
.genshin-color .coll-block .jq-number__spin:hover {
    background: var(--genshin-btn);
}
.genshin-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.genshin-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.genshin-premium-color .coll-block .jq-number__spin:hover {
    background: var(--genshin-btn);
}
.genshin-premium-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.genshin-premium-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.roblox-color .coll-block .jq-number__spin:hover {
    background: var(--roblox-color-hover);
}
.roblox-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.roblox-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.fortnite-color .coll-block .jq-number__spin:hover {
    background: var(--fortnite-color-2-hover);
}
.fortnite-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.fortnite-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.freefire-color .coll-block .jq-number__spin:hover {
    background: var(--ff-bg-hover);
}
.freefire-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.freefire-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.lol-color .coll-block .jq-number__spin:hover {
    background: var(--lol-color-hover);
}
.bb-color .coll-block .jq-number__spin:hover {
    background: var(--ml-color-hover);
}
.bb-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.bb-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.pubg-color .coll-block .jq-number__spin:hover {
    background: var(--pubg-color-hover);
}
.pubg-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.pubg-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.pubg-color .coll-block .jq-number__spin:hover,
.pubg-month .coll-block .jq-number__spin:hover {
    background: var(--pubg-color-hover);
}
.pubg-year .coll-block .jq-number__spin:hover {
    background: var(--pubg-year-hover);
}
.pointblank-1 .coll-block .jq-number__spin:hover {
    background: var(--pointblank-color-1-hover);
}
.pointblank-1 .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.pointblank-1 .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.pointblank-2 .coll-block .jq-number__spin:hover {
    background: var(--pointblank-color-2-hover);
}
.pointblank-3 .coll-block .jq-number__spin:hover {
    background: var(--pointblank-color-3-hover);
}
.kasper-color-1 .coll-block .jq-number__spin:hover {
    background-color: var(--kasper-color-2);
}
.kasper-color-2 .coll-block .jq-number__spin:hover {
    background-color: var(--kasper-color-1);
}
.zvuk-color .coll-block .jq-number__spin:hover {
    background-color: rgba(82, 24, 156, 0.8);
}
.okko-promo-color .l2-essence .coll-block .jq-number__spin:hover {
    background-color: var(--okko-l2-essence-hover);
}
.okko-promo-color .l2-essence .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.okko-promo-color .l2-essence .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.okko-promo-color .l2-legacy .coll-block .jq-number__spin:hover {
    background-color: var(--okko-l2-legacy-hover);
}
.okko-promo-color .l2-legacy .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.okko-promo-color .l2-legacy .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.okko-promo-color .l2-main .coll-block .jq-number__spin:hover {
    background-color: var(--okko-l2-main-hover);
}
.okko-promo-color .l2-main .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.okko-promo-color .l2-main .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.okko-promo-color .aion-month .coll-block .jq-number__spin:hover {
    background-color: var(--okko-aion-month-hover);
}
.okko-promo-color .aion-year .coll-block .jq-number__spin:hover {
    background-color: var(--okko-aion-year-hover);
}
.okko-color .coll-block .jq-number__spin:hover {
    background: var(--okko-aion-year);
}
.okko-color .coll-block .jq-number__spin:hover:before {
    opacity: 1;
}
.okko-color .coll-block .jq-number__spin:hover:after {
    opacity: 0;
}
.fgp-color-1 .coll-block .jq-number__spin:hover,
.pb-color .coll-block .jq-number__spin:hover {
    background: var(--fgp-color-1);
}
.fgp-color-1 .coll-block .jq-number__spin:hover:before,
.pb-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.fgp-color-1 .coll-block .jq-number__spin:hover:after,
.pb-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.fgp-color-2 .coll-block .jq-number__spin:hover {
    background: var(--fgp-color-2);
}
.fgp-color-3 .coll-block .jq-number__spin:hover {
    background: #221229;
}
.fgp-color-4 .coll-block .jq-number__spin:hover {
    background: var(--fgp-color-4);
}
.cont-back .back .coll-block .jq-number__spin:hover,
.default-color .coll-block .jq-number__spin:hover,
.fourgame-color .coll-block .jq-number__spin:hover,
.wg-color .coll-block .jq-number__spin:hover {
    background: var(--bg-1);
}
.wow-color .coll-block .jq-number__spin:hover {
    background-color: var(--ww-color);
}
.wt-color .coll-block .jq-number__spin:hover {
    background: var(--wt-color-1);
}
.wt-color-gold .coll-block .jq-number__spin:hover {
    background: var(--wt-color-2);
}
.wowsh-color .coll-block .jq-number__spin:hover {
    background: var(--fgp-color-1);
}
.wowsh-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.wowsh-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.psn-color .coll-block .jq-number__spin:hover {
    background: var(--psn-color-hover);
}
.psn-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.psn-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.caliber-color .coll-block .jq-number__spin:hover {
    background: var(--caliber-color-hover);
}
.caliber-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.caliber-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.wowsh-color .ea-slider__item--wide .coll-block .jq-number__spin:hover {
    background-color: var(--fgp-color-1);
}
.wowsh-color .ea-slider__item--wide .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.wowsh-color .ea-slider__item--wide .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.fgp-color-ai .coll-block .jq-number__spin:hover {
    background-color: #7880d5;
}
.fgp-color-cf .coll-block .jq-number__spin:hover {
    background-color: #e3b135;
}
.fgp-color-l2e .coll-block .jq-number__spin:hover {
    background-color: #765236;
}
.fgp-color-l2m .coll-block .jq-number__spin:hover {
    background-color: #b58149;
}
.fgp-color-rf .coll-block .jq-number__spin:hover {
    background-color: #4d4070;
}
.fgp-color-l2l .coll-block .jq-number__spin:hover {
    background-color: #fdd657;
}
.fgp-color-pb .coll-block .jq-number__spin:hover {
    background-color: #f7b107;
}
.fgp-color-rg .coll-block .jq-number__spin:hover {
    background-color: #e9875d;
}
.wg-color2 .coll-block .jq-number__spin:hover {
    background-color: var(--bg3-wg);
}
.ragnarok-color .coll-block .jq-number__spin:hover {
    background: rgba(233, 135, 93, 0.65);
}
.crowfall-color .coll-block .jq-number__spin:hover {
    background-color: #9c7616;
}
.aion-color .coll-block .jq-number__spin:hover {
    background-color: var(--aion-color-2);
}
.essence-color .coll-block .jq-number__spin:hover,
.l2-main-color .coll-block .jq-number__spin:hover,
.l2-main-premium-color .coll-block .jq-number__spin:hover {
    background-color: var(--essence-color-3-hover);
}
.l2-legacy-color .coll-block .jq-number__spin:hover {
    background-color: var(--l2-legacy-color-1-hover);
}
.blue-color .coll-block .jq-number__spin:hover {
    background: rgba(0, 170, 255, 0.65);
}
.xbox-color .coll-block .jq-number__spin:hover {
    background: var(--bg-6-hover);
}
.xbox-white-color .coll-block .jq-number__spin:hover {
    background: var(--bg-9-hover);
}
.bt2-color .coll-block .jq-number__spin:hover {
    background: var(--bt2-light-hover);
}
.bt2-color .coll-block .jq-number__spin:hover:before {
    opacity: 0;
}
.bt2-color .coll-block .jq-number__spin:hover:after {
    opacity: 1;
}
.warface-color .coll-block .jq-number__spin:hover {
    background: var(--warface-color-2-hover);
}
.xboxgame-color .coll-block .jq-number__spin:hover,
.xboxgp-color .coll-block .jq-number__spin:hover,
.xboxgp-grey-color .coll-block .jq-number__spin:hover {
    background: var(--xbox-color-1);
}
.xboxgp-grey-color .coll-block .jq-number__spin:hover:before {
    opacity: 1;
}
.xboxgp-grey-color .coll-block .jq-number__spin:hover:after {
    opacity: 0;
}
.gfn-color .coll-block .jq-number__spin:hover {
    background: var(--bg-5);
}
.psp-color .coll-block .jq-number__spin:hover {
    background: var(--bg-7-hover);
}
.rf-color-1 .coll-block .jq-number__spin:hover {
    background-color: #635390;
}
.rf-color-2 .coll-block .jq-number__spin:hover {
    background-color: #a65727;
}
.rf-color-3 .coll-block .jq-number__spin:hover {
    background-color: #8999b1;
}
.rf-color-4 .coll-block .jq-number__spin:hover {
    background-color: #196847;
}
.coll-block .jq-number__spin:after,
.coll-block .jq-number__spin:before {
    border: none;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.cont-back .back .coll-block .jq-number__spin:after,
.zvuk-color .coll-block .jq-number__spin:after {
    opacity: 0;
}
.cont-back .back .coll-block .jq-number__spin:before,
.zvuk-color .coll-block .jq-number__spin:before {
    opacity: 1;
}
.coll-block .jq-number__spin:hover:after {
    opacity: 0;
}
.coll-block .jq-number__spin:hover:before {
    opacity: 1;
}
.coll-block .jq-number__spin.minus {
    right: auto;
}
.coll-block .jq-number__spin.minus:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='3' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='2.5' width='2' height='15' rx='1' transform='rotate(-90 0 2.5)'/%3E%3C/svg%3E") 50% 50% no-repeat;
    height: 2px;
    width: 15px;
}
.coll-block .jq-number__spin.minus:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='3' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='2.5' width='2' height='15' rx='1' transform='rotate(-90 0 2.5)'/%3E%3C/svg%3E") 50% 50%
        no-repeat;
    height: 2px;
    width: 15px;
}
.coll-block .jq-number__spin.plus:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6.5' width='2' height='15' rx='1'/%3E%3Crect y='8.5' width='2' height='15' rx='1' transform='rotate(-90 0 8.5)'/%3E%3C/svg%3E")
        50% 50% no-repeat;
    height: 15px;
    width: 15px;
}
.coll-block .jq-number__spin.plus:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6.5' width='2' height='15' rx='1'/%3E%3Crect y='8.5' width='2' height='15' rx='1' transform='rotate(-90 0 8.5)'/%3E%3C/svg%3E")
        50% 50% no-repeat;
    height: 15px;
    width: 15px;
}
.not-available {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border-radius: var(--br-10);
    bottom: 100%;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
    opacity: 0;
    padding: 12px 15px;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    visibility: hidden;
}
.ragnarok-color .not-available {
    background: #f9dbcf;
}
.not-available.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    visibility: visible;
}
.not-available__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    margin: 0 12px 0 0;
}
.not-available__icon .icon {
    --bg-1: var(--ea-color);
    --white: var(--black);
    fill: none;
    display: block;
}
.default-color .not-available__icon .icon,
.fourgame-color .not-available__icon .icon,
.slider__best-offers .not-available__icon .icon {
    --bg-1: #c74242;
    --white: var(--black);
}
.blue-color .not-available__icon .icon {
    --bg-1: var(--bg-4);
    --white: var(--black);
}
.xbox-color .not-available__icon .icon {
    --bg-1: var(--bg-4);
}
.gfn-color .not-available__icon .icon {
    --bg-1: var(--bg-5);
    --white: var(--black);
}
.xbox-color .not-available__icon .icon {
    --bg-1: var(--bg-6);
    --white: var(--black);
}
.psp-color .not-available__icon .icon {
    --bg-1: var(--bg-7);
    --white: var(--black);
}
.ragnarok-color .not-available__icon .icon {
    --bg-1: var(--rg-color2);
    --white: var(--black);
}
.crowfall-color .not-available__icon .icon {
    --bg-1: var(--crowfall-color);
    --white: var(--black);
}
.aion-color .not-available__icon .icon {
    --bg-1: var(--aion-color);
    --white: var(--aion-color);
}
.essence-color .not-available__icon .icon {
    --bg-1: var(--essence-color-3);
    --white: var(--essence-color-3);
}
.l2-main-color .not-available__icon .icon,
.l2-main-premium-color .not-available__icon .icon {
    --bg-1: var(--l2-main-color-1);
    --white: var(--l2-main-color-1);
}
.l2-legacy-color .not-available__icon .icon {
    --bg-1: var(--l2-legacy-color-1);
    --white: var(--l2-legacy-color-1);
}
.not-available__desc {
    font-size: 14px;
}
@media (min-width: 1140px) {
    .ea-slider__item--big .not-available__desc {
        white-space: nowrap;
    }
}
select.styled-input {
    opacity: 0;
}
.cart-gift {
    background-color: #373c40;
    margin-bottom: 14px;
    padding: 13px 20px;
}
@media (max-width: 550px) {
    .cart-gift {
        padding: 10px 20px;
    }
}
.cart-gift__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}
.cart-gift__name {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
}
@media (max-width: 550px) {
    .cart-gift__name {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 414px) {
    .cart-gift__name {
        font-size: 12px;
    }
}
@media (max-width: 374px) {
    .cart-gift__name {
        font-size: 11px;
    }
}
.cart-gift__type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.cart-gift__type label {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    -webkit-transition: var(--transition03-color);
    -o-transition: var(--transition03-color);
    transition: var(--transition03-color);
}
@media (max-width: 550px) {
    .cart-gift__type label {
        font-size: 12px;
        line-height: 20px;
    }
}
@media (max-width: 414px) {
    .cart-gift__type label {
        font-size: 11px;
    }
}
@media (max-width: 374px) {
    .cart-gift__type label {
        font-size: 10px;
    }
}
.cart-gift__type input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.cart-gift__type input[type="checkbox"] ~ label {
    color: hsla(0, 0%, 100%, 0.35);
}
.cart-gift__type input[type="checkbox"] ~ label:last-child {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.cart-gift__type input[type="checkbox"] + label {
    color: var(--white);
    display: inline-block;
    padding-left: 70px;
    position: relative;
}
@media (max-width: 550px) {
    .cart-gift__type input[type="checkbox"] + label {
        padding-left: 50px;
    }
}
.cart-gift__type input[type="checkbox"] + label:before {
    background: #2a2d30;
    border: 2px solid var(--white);
    border-radius: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 25px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 40px;
}
@media (max-width: 550px) {
    .cart-gift__type input[type="checkbox"] + label:before {
        border-width: 1px;
        height: 20px;
        left: 10px;
        width: 30px;
    }
}
.cart-gift__type input[type="checkbox"] + label:after {
    background: var(--white);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 15px;
    left: 35px;
    position: absolute;
    top: 5px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 15px;
}
@media (max-width: 550px) {
    .cart-gift__type input[type="checkbox"] + label:after {
        height: 12px;
        left: 24px;
        top: 4px;
        width: 12px;
    }
}
.cart-gift__type input[type="checkbox"]:checked ~ label {
    color: var(--white);
}
.cart-gift__type input[type="checkbox"]:checked + label {
    color: hsla(0, 0%, 100%, 0.35);
}
.cart-gift__type input[type="checkbox"]:checked + label:after {
    left: 20px;
}
@media (max-width: 550px) {
    .cart-gift__type input[type="checkbox"]:checked + label:after {
        left: 14px;
    }
}
.cart-gift__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
}
.cart-gift__form.d-nblock {
    display: none;
}
.cart-gift__form .input-block {
    display: block;
    margin-bottom: -10px;
    padding: 15px 0 0 14px;
    position: relative;
}
.cart-gift__form .input-block input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.cart-gift__form .input-block input[type="checkbox"].has-error + label,
.cart-gift__form .input-block input[type="checkbox"].has-error + label a {
    color: var(--bg-1);
}
.cart-gift__form .input-block input[type="checkbox"].has-error + label:before {
    border: 1px solid var(--bg-1);
}
.cart-gift__form .input-block input[type="checkbox"] + label {
    color: var(--white);
    cursor: pointer;
    display: block;
    font-size: 11px;
    padding-left: 30px;
    position: relative;
}
.cart-gift__form .input-block input[type="checkbox"] + label a {
    color: var(--white);
    text-decoration: underline;
}
.cart-gift__form .input-block input[type="checkbox"] + label:after,
.cart-gift__form .input-block input[type="checkbox"] + label:before {
    content: "";
    position: absolute;
}
.cart-gift__form .input-block input[type="checkbox"] + label:before {
    background: var(--info-bg);
    border-radius: 3px;
    height: 20px;
    left: 0;
    top: -4px;
    width: 20px;
}
.cart-gift__form .input-block input[type="checkbox"] + label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.5 6 3 3 6-7.5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
    height: 11px;
    left: 4px;
    opacity: 0;
    top: 1px;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
    width: 12px;
}
.cart-gift__form .input-block input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
.cart-gift-form__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.cart-gift-form__input.have-alert {
    padding-bottom: 20px;
    position: relative;
}
.cart-gift-form__input input {
    background-color: var(--info-bg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    border-radius: var(--br-5);
    -webkit-box-shadow: inset 0 2px 25px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 25px rgba(0, 0, 0, 0.1);
    color: var(--white);
    font-size: 14px;
    height: 40px;
    padding: 10px 15px;
    width: 100%;
}
.cart-gift-form__input input.has-error {
    border: 1px solid var(--bg-1);
}
.cart-gift-form__input input.success {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%2343883D' stroke-width='2'/%3E%3Cpath d='M6 7.5 7.5 9 11 5.5' stroke='%2343883D' stroke-width='2'/%3E%3C/svg%3E");
}
.cart-gift-form__input input.alert {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%23C74242' stroke-width='2'/%3E%3Cpath d='M8 4v5m0 1v2' stroke='%23C74242' stroke-width='2'/%3E%3C/svg%3E");
    color: var(--bg-1);
}
.cart-gift-form__input input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, 0.5);
}
.cart-gift-form__input input::-moz-placeholder {
    color: hsla(0, 0%, 100%, 0.5);
}
.cart-gift-form__input input:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.5);
}
.cart-gift-form__input input::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.5);
}
.cart-gift-form__input input::placeholder {
    color: hsla(0, 0%, 100%, 0.5);
}
.cart-gift-form__input .info-icon {
    position: absolute;
    right: 15px;
    top: 12px;
}
.cart-gift-form__input .info-icon .icon {
    display: block;
}
.cart-gift-form__input .info-icon .icon-lc-question {
    height: 16px;
    width: 16px;
}
.cart-gift-form__input .info-block {
    bottom: 0;
    color: var(--white);
    font-size: 11px;
    left: 14px;
    position: absolute;
}
.cart-gift-form__input .info-block a {
    border-bottom: 1px dashed var(--white);
    color: var(--white);
    text-decoration: none;
}
.cart-gift-form__input .alert-block {
    bottom: 0;
    color: var(--bg-1);
    font-size: 11px;
    left: 14px;
    position: absolute;
}
.cart-gift-form__button {
    padding-left: 20px;
    width: 78px;
}
@media (max-width: 550px) {
    .cart-gift-form__button {
        padding-left: 10px;
        width: 68px;
    }
}
.cart-gift-form__button .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 58px;
}
.cart-gift-form__button .btn.disabled {
    background-color: #2d2f32;
    cursor: default;
}
.cart-gift-form__button .btn.disabled svg {
    opacity: 0.5;
}
.cart-gift-form__button .btn.clear {
    background-color: #4a4f56;
}
.cart-gift-form__button .btn.clear:hover {
    background-color: rgba(74, 79, 86, 0.8);
}
.lc__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.lc__block,
.lc__block .status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lc__block .status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid var(--bg-1);
    border-radius: 5px;
    font-size: 10px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    padding: 5px;
    text-transform: uppercase;
    width: 119px;
}
@media (max-width: 768px) {
    .lc__block .status {
        font-size: 8px;
        padding: 5px 2px;
        width: 90px;
    }
}
.lc__block .status.success {
    border-color: var(--success);
    color: var(--success);
}
.lc__block .status.success:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 4 4 4 7-7' stroke='%237FDB30' stroke-width='2'/%3E%3C/svg%3E") 0 0 no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    width: 13px;
}
.lc__block .status.danger {
    border-color: var(--danger);
    color: var(--danger);
}
.lc__block .status.danger:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6' stroke='%23C74242' stroke-width='2'/%3E%3Cpath d='m11.846 2.154-9.692 9.692' stroke='%23C74242' stroke-width='2'/%3E%3C/svg%3E")
        0 0 no-repeat;
    content: "";
    display: inline-block;
    height: 14px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    width: 14px;
}
.lc__block .status.warning {
    border-color: var(--warning);
    color: var(--warning);
}
.lc__block .status.warning:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' fill='%23FFCD01'/%3E%3Ccircle cx='6.5' cy='1.5' r='1.5' fill='%23FFCD01'/%3E%3Ccircle cx='11.5' cy='1.5' r='1.5' fill='%23FFCD01'/%3E%3C/svg%3E")
        0 0 no-repeat;
    content: "";
    display: inline-block;
    height: 3px;
    margin: 0 7px 0 0;
    vertical-align: middle;
    width: 13px;
}
.lc__block .status.waiting {
    border-color: var(--waiting);
    color: var(--waiting);
}
.lc__block .status.waiting:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.5h10m0 0-4-4m4 4-4 4' stroke='%2300D2FF' stroke-width='2'/%3E%3C/svg%3E") 0 0 no-repeat;
    content: "";
    display: inline-block;
    height: 11px;
    margin: 0 9px 0 0;
    vertical-align: middle;
    width: 12px;
}
.lc__block .status.new {
    border-color: var(--danger);
    color: var(--danger);
}
.lc__block .status.new:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.5h10m0 0-4-4m4 4-4 4' stroke='%23C74242' stroke-width='2'/%3E%3C/svg%3E") 0 0 no-repeat;
    content: "";
    display: inline-block;
    height: 11px;
    margin: -1px 9px 0 0;
    vertical-align: middle;
    width: 12px;
}
.lc__adv {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 60px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .lc__adv {
        -webkit-box-ordinal-group: -4;
        -ms-flex-order: -5;
        margin-bottom: 50px;
        order: -5;
    }
}
@media (max-width: 768px) {
    .lc__adv {
        margin-bottom: 30px;
    }
}
@media (max-width: 374px) {
    .lc__adv {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.lc__adv a {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc__adv img {
    border-radius: 10px;
    height: auto;
    max-width: 100%;
}
.lc__navi {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 30px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .lc__navi {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        display: block;
        order: -2;
    }
}
.lc__navi ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 -20px;
}
@media (max-width: 767px) {
    .lc__navi ul {
        margin: 0 -8px;
    }
}
@media (max-width: 374px) {
    .lc__navi ul {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 0 -5px;
    }
}
.lc__navi ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
    padding: 0 30px;
}
@media (max-width: 767px) {
    .lc__navi ul li {
        padding: 0 8px;
    }
}
@media (max-width: 374px) {
    .lc__navi ul li {
        padding: 0 5px;
    }
}
.lc__navi ul li a {
    color: hsla(0, 0%, 100%, 0.6);
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.lc__navi ul li a:hover {
    opacity: 1;
}
.lc__navi ul li.active a {
    color: #fff;
}
.lc-navi__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: center;
    margin: 0 0 7px;
}
.lc-navi__icon .icon {
    --color-1: var(--white);
    --color-2: var(--white);
    display: block;
    opacity: 0.8;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.active .lc-navi__icon .icon {
    --color-1: var(--white);
    --color-2: var(--bg-1);
    opacity: 1;
}
.lc-navi__name {
    border-bottom: 2px solid transparent;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 2px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .lc-navi__name {
        font-size: 11px;
    }
}
@media (max-width: 374px) {
    .lc-navi__name {
        font-size: 10px;
    }
}
.active .lc-navi__name {
    border-bottom: 2px solid var(--bg-1);
}
@media (max-width: 1024px) {
    .lc-navi__page {
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        visibility: hidden;
    }
    .lc-navi__page.active {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        opacity: 1;
        order: -1;
        position: relative;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        visibility: visible;
    }
}
.lc-navi__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 32px;
}
@media (max-width: 1024px) {
    .lc-navi__list {
        display: none;
    }
}
.lc-navi__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 60px 0 0;
}
.lc-navi__item:last-child {
    margin: 0;
}
.lc-navi__item a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: hsla(0, 0%, 100%, 0.6);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-navi__item.active a {
    color: #fff;
}
.lc-navi__item.active a .lc-navi-item__icon {
    opacity: 1;
}
.lc-navi__item.active a .lc-navi-item__icon .icon {
    --color-1: var(--white);
    --color-2: var(--bg-1);
}
.lc-navi__item.active a .lc-navi-item__name {
    border-bottom: 2px solid var(--bg-1);
}
.lc-navi-item__icon {
    margin: 0 20px 0 0;
    opacity: 0.8;
    position: relative;
}
.lc-navi-item__icon .icon {
    --color-1: var(--white);
    --color-2: var(--white);
    display: block;
}
.lc-navi-item__coll {
    background: var(--bg-1);
    border-radius: 9px;
    color: var(--white);
    font-size: 11px;
    font-weight: 500;
    height: 18px;
    line-height: 18px;
    min-width: 18px;
    padding: 0 3px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -4px;
}
.lc-navi-item__name {
    border-bottom: 2px solid transparent;
    padding-bottom: 4px;
    text-transform: uppercase;
}
.lc__content {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
}
.lc-content__head,
.lc__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lc-content__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.lc-content__title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.lc-content__title span {
    margin-left: 15px;
}
.lc-content__back {
    font-size: 14px;
    font-weight: 500;
}
@media (max-width: 1024px) {
    .lc-refill__block .lc-content__back {
        display: none;
    }
}
.lc-content__back a {
    color: var(--white);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-content__back a .arrow-animate {
    display: inline-block;
    margin: 2px 10px 0 0;
    vertical-align: top;
}
.lc-content__back a span {
    position: relative;
}
.lc-content__back a span:after {
    background: var(--bg-1);
    content: "";
    height: 2px;
    left: 0;
    margin: 2px 0 0;
    position: absolute;
    top: 100%;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 0;
}
.lc-content__back a:hover {
    opacity: 1;
}
.lc-content__back a:hover span:after {
    width: 100%;
}
@media (max-width: 768px) {
    .lc-content__back a span {
        display: none;
    }
    .lc-content__back a:before {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m14.863.016 2.121 2.121-14.85 14.85-2.12-2.122z'/%3E%3Cpath fill='%23fff' d='M.016 2.137 2.137.015l14.85 14.85-2.122 2.12z'/%3E%3C/svg%3E")
            0 0 no-repeat;
        height: 17px;
        margin: 0;
        width: 17px;
    }
}
.lc-content__desc {
    color: #b5b5b5;
    font-size: 14px;
    line-height: 1.572;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .lc-content__desc {
        font-size: 12px;
        line-height: 20px;
    }
}
.lc__request {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.lc-request__block {
    background: var(--bg-2);
    border-radius: 10px;
    color: var(--white);
    margin-bottom: 30px;
    padding: 20px 25px;
    position: relative;
}
@media (max-width: 768px) {
    .lc-request__block {
        padding: 20px 15px;
    }
}
.lc-request__block-add {
    opacity: 0;
    position: absolute;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    visibility: hidden;
}
.show-form .lc-request__block-add {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    opacity: 1;
    order: -1;
    position: relative;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    visibility: visible;
}
.lc-request__block-list {
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.show-form .lc-request__block-list {
    opacity: 0;
    position: absolute;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    visibility: hidden;
}
.lc-request__close {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
}
.lc-request__close .icon {
    --bg-2: var(--white);
}
.lc-request__header {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.lc-request__desc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    color: #b5b5b5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 1.6;
    margin-bottom: 29px;
}
@media (max-width: 768px) {
    .lc-request__desc {
        font-size: 12px;
    }
}
.lc-request__add {
    display: block;
    margin: 0 0 0 10px;
}
.lc-request__add .btn {
    font-size: 12px;
    padding: 7px 12px;
    text-transform: uppercase;
    white-space: nowrap;
}
.lc-request__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-bottom: 2px solid hsla(0, 0%, 100%, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.lc-request-head__number {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.lc-request-head__back {
    font-size: 14px;
    font-weight: 500;
}
.lc-request-head__back a {
    color: var(--white);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-request-head__back a .arrow-animate {
    display: inline-block;
    margin: 2px 10px 0 0;
    vertical-align: top;
}
.lc-request-head__back a span {
    position: relative;
}
.lc-request-head__back a span:after {
    background: var(--bg-1);
    content: "";
    height: 2px;
    left: 0;
    margin: 2px 0 0;
    position: absolute;
    top: 100%;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 0;
}
.lc-request-head__back a:hover {
    opacity: 1;
}
.lc-request-head__back a:hover span:after {
    width: 100%;
}
@media (max-width: 768px) {
    .lc-request-head__back a span {
        display: none;
    }
    .lc-request-head__back a:before {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m14.863.016 2.121 2.121-14.85 14.85-2.12-2.122z'/%3E%3Cpath fill='%23fff' d='M.016 2.137 2.137.015l14.85 14.85-2.122 2.12z'/%3E%3C/svg%3E")
            0 0 no-repeat;
        height: 17px;
        margin: 0;
        width: 17px;
    }
}
.lc-request__body {
    margin-bottom: 10px;
}
.lc-request-body__title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 25px;
}
.lc-request-body__content {
    color: #b5b5b5;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 25px;
}
.lc-request-body__content p {
    margin: 0 0 1rem;
    padding: 0;
}
.lc-request-body__files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.lc-request-body-files__item {
    margin-bottom: 15px;
    padding: 0 15px;
    width: 150px;
}
@media (max-width: 767px) {
    .lc-request-body-files__item {
        width: 100px;
    }
}
.lc-request-body-files__item a {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-request-body-files__item img {
    border-radius: 10px;
    height: auto;
    max-width: 100%;
}
.lc-request-body__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
}
.lc-request-body__status .status {
    min-width: 120px;
    padding: 5px 10px;
    width: auto;
}
.lc-requests__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--bg-1);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    margin: 0 -15px;
    padding: 21px 0 20px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .lc-requests__head {
        font-size: 14px;
        margin: 0 -10px;
        padding: 10px 12px;
    }
}
@media (max-width: 374px) {
    .lc-requests__head {
        font-size: 12px;
    }
}
.lc-requests__label {
    padding: 0 15px;
    width: 100%;
}
.lc-requests__label span {
    display: none;
}
.lc-requests__label:first-child {
    -webkit-box-flex: 0;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    max-width: 80px;
    order: -2;
}
@media (max-width: 768px) {
    .lc-requests__label:first-child {
        display: none;
    }
}
.lc-requests__label.more-1 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    max-width: 80px;
    order: -1;
}
@media (max-width: 768px) {
    .lc-requests__label.more-1 {
        display: none;
    }
}
.lc-requests__label:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
@media (max-width: 768px) {
    .lc-requests__label:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 0;
    }
    .lc-requests__label:nth-child(2) span {
        display: inline;
    }
}
@media (max-width: 470px) {
    .lc-requests__label:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }
}
.lc-requests__label:nth-child(3),
.lc-requests__label:nth-child(4) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
}
@media (max-width: 768px) {
    .lc-requests__label:nth-child(3),
    .lc-requests__label:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}
@media (max-width: 470px) {
    .lc-requests__label:nth-child(3),
    .lc-requests__label:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}
@media (max-width: 768px) {
    .lc-requests__label:nth-child(4) {
        display: none;
    }
}
.lc-requests__label:nth-child(5) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    max-width: 150px;
    text-align: center;
}
@media (max-width: 768px) {
    .lc-requests__label:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 30px;
        text-align: right;
    }
}
@media (max-width: 470px) {
    .lc-requests__label:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 0;
        text-align: left;
    }
}
.lc-requests__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin: 0 -15px;
    padding: 30px 0;
    position: relative;
}
@media (max-width: 768px) {
    .lc-requests__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 12px;
        margin: 0;
        padding: 15px 0;
    }
}
.lc-requests__item.admin-row {
    overflow: hidden;
}
.lc-requests__item.admin-row > div {
    position: relative;
}
@media (max-width: 768px) {
    .lc-requests__item.admin-row > div.lc-requests-item__more-1 {
        height: auto;
        left: 60px;
        position: absolute;
        top: 30px;
    }
}
.lc-requests__item.admin-row > div a:after {
    display: none;
}
@media (min-width: 769px) {
    .lc-requests__item.admin-row > div a:after {
        bottom: auto;
        display: block;
        height: 100px;
        margin: -50px 0 0;
        top: 50%;
    }
}
.lc-requests__item:after {
    background-color: hsla(0, 0%, 100%, 0.05);
    bottom: 0;
    content: "";
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px;
}
@media (max-width: 768px) {
    .lc-requests__item:after {
        left: 0;
        right: 0;
    }
}
.lc-requests__item a {
    color: #fff;
    text-decoration: none;
}
.lc-requests__item a,
.lc-requests__item a:after {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-requests__item a:after {
    background-color: transparent;
    bottom: 2px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.lc-requests__item a:hover:after {
    background-color: rgba(0, 0, 0, 0.1);
}
.lc-requests-item__number {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    font-weight: 500;
    max-width: 80px;
    order: -2;
    padding: 0 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-requests-item__number {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        position: absolute;
        top: 15px;
        width: auto;
    }
}
.lc-requests-item__name {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding: 0 15px;
}
@media (max-width: 768px) {
    .lc-requests-item__name {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 0;
        padding-right: 15px;
        padding-top: 19px;
        width: 100%;
    }
}
@media (max-width: 374px) {
    .lc-requests-item__name {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 0;
        padding-right: 15px;
        width: 100%;
    }
}
.lc-requests-item__date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
    padding: 0 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-requests-item__date {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .lc-requests-item__date:nth-child(4) {
        display: none;
    }
}
@media (max-width: 374px) {
    .lc-requests-item__date {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.lc-requests-item__status {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    max-width: 150px;
    padding: 0 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-requests-item__status {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 15px;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 374px) {
    .lc-requests-item__status {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 0;
        padding-top: 10px;
        width: 100%;
    }
}
.lc-requests-item__status .status {
    margin: 0 0 0 auto;
}
.lc-requests-item__more-1 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    height: 28px;
    max-width: 80px;
    order: -1;
    padding: 0 15px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.lc-request__form .qlist {
    font-size: 14px;
}
.lc-request__form .qlist a {
    color: var(--white);
}
.lc-request__form .qlist ol,
.lc-request__form .qlist ul {
    margin-bottom: 20px;
    margin-left: 20px;
}
.lc-request-form__header {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.lc-request-form__checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px 9px;
}
.lc-request-form-checkboxes__item {
    margin-bottom: 15px;
    padding: 0 15px;
}
.lc-request-form-checkboxes__item input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.lc-request-form-checkboxes__item input[type="radio"] + label {
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding-left: 35px;
    position: relative;
}
.lc-request-form-checkboxes__item input[type="radio"] + label:before {
    background: #222428;
    border-radius: 5px;
    height: 20px;
    left: 0;
    top: 0;
    width: 20px;
}
.lc-request-form-checkboxes__item input[type="radio"] + label:after,
.lc-request-form-checkboxes__item input[type="radio"] + label:before {
    content: "";
    position: absolute;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-request-form-checkboxes__item input[type="radio"] + label:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 4 4 4 6-6' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E") 0 0 no-repeat;
    height: 11px;
    left: 3px;
    opacity: 0;
    top: 5px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 14px;
}
.lc-request-form-checkboxes__item input[type="radio"]:checked + label:before {
    background-color: var(--bg-1);
}
.lc-request-form-checkboxes__item input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.lc-request-form__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}
.lc-request-form__input {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-request-form__input {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .lc-request-form__input:first-child {
        margin-bottom: 20px;
    }
}
.lc-request-form__input input {
    background-color: rgba(31, 34, 38, 0.8);
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 15px;
    width: 100%;
}
.lc-request-form__title {
    margin-bottom: 20px;
}
.lc-request-form__title input {
    background-color: rgba(31, 34, 38, 0.8);
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 15px;
    width: 100%;
}
.lc-request-form__comment {
    margin-bottom: 30px;
}
.lc-request-form__comment textarea {
    background-color: rgba(31, 34, 38, 0.8);
    border-radius: 5px;
    color: #b5b5b5;
    display: block;
    font-size: 14px;
    height: 200px;
    max-height: 500px;
    min-height: 60px;
    padding: 12px 15px;
    resize: vertical;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    width: 100%;
}
.lc-request-form__file {
    margin-bottom: 15px;
}
.lc-request-form__button {
    border-top: 2px solid hsla(0, 0%, 100%, 0.05);
    padding-bottom: 5px;
    padding-top: 25px;
}
.lc-request-form__button .btn {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 20px 10px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    width: auto;
}
.lc-chat__item {
    background: var(--darken);
    border-radius: 8px;
    margin-bottom: 25px;
    padding: 20px;
}
.lc-chat__item.answer {
    background: var(--darkenlight);
}
.lc-chat__item.first-message {
    margin-bottom: 50px;
    position: relative;
}
.lc-chat__item.first-message:after {
    border-bottom: 2px solid hsla(0, 0%, 100%, 0.05);
    bottom: -24px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
}
.lc-chat__item:last-child {
    margin-bottom: 5px;
}
.lc-chat-item__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
@media (max-width: 767px) {
    .lc-chat-item__back {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.lc-chat-item__avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100%;
    width: 100px;
}
@media (max-width: 767px) {
    .lc-chat-item__avatar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        position: absolute;
        width: 70px;
    }
}
.lc-chat-item__avatar img {
    height: auto;
    max-width: 100%;
}
.lc-chat-item__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding-left: 40px;
}
@media (max-width: 767px) {
    .lc-chat-item__body {
        padding: 0;
    }
}
.lc-chat-item__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .lc-chat-item__head {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        min-height: 70px;
        padding-left: 90px;
        padding-top: 5px;
    }
}
.lc-chat-item__name {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}
.lc-chat-item__status {
    color: hsla(0, 0%, 100%, 0.7);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
.lc-chat-item__status.support {
    color: var(--price-color);
}
.lc-chat-item__date {
    font-size: 14px;
}
.lc-chat-item__date span {
    display: block;
}
@media (max-width: 767px) {
    .lc-chat-item__date {
        font-size: 12px;
        padding-top: 5px;
    }
    .lc-chat-item__date span {
        display: inline;
    }
}
.lc-chat-item__text {
    color: #b5b5b5;
    font-size: 14px;
    line-height: 1.6;
}
.lc-chat-item__text p {
    margin: 0 0 1rem;
    padding: 0;
}
.lc__refill {
    position: relative;
}
.lc-refill__close {
    display: none;
    position: absolute;
    right: 15px;
    top: 24px;
}
@media (max-width: 1024px) {
    .lc-refill__close {
        display: block;
    }
}
.lc-refill__close .icon {
    --bg-2: var(--white);
}
.lc-refill__block {
    background: var(--bg-2);
    border-radius: 10px;
    color: var(--white);
    margin-bottom: 30px;
    padding: 20px 25px;
}
@media (max-width: 1024px) {
    .lc-refill__block {
        margin-bottom: 15px;
    }
}
@media (max-width: 768px) {
    .lc-refill__block {
        padding: 23px 15px;
    }
}
.lc-refill__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.lc-refill__back {
    font-size: 14px;
    font-weight: 500;
}
@media (max-width: 1024px) {
    .lc-refill__back {
        display: none;
    }
}
.lc-refill__back a {
    color: var(--white);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-refill__back a .arrow-animate {
    display: inline-block;
    margin: 2px 10px 0 0;
    vertical-align: top;
}
.lc-refill__title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.lc-refill__desc {
    color: #b5b5b5;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 30px;
}
.lc-refill__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.lc-refill__item:last-child {
    margin-bottom: 0;
}
.lc-refill-item__label {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 14px;
    padding: 0 30px 0 0;
}
.lc-refill-item__value {
    -webkit-box-flex: 0;
    background: rgba(31, 34, 38, 0.8);
    border-radius: 5px;
    color: #b5b5b5;
    -ms-flex: 0 0 210px;
    flex: 0 0 210px;
    font-size: 16px;
    padding: 10px 20px;
}
.lc-refill-item__value .price {
    color: var(--price-color);
}
.lc-refill__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 5px;
}
.lc-refill__card input {
    background-color: rgba(31, 34, 38, 0.8);
    border-radius: 5px;
    color: var(--white);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    padding: 5px 10px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    width: 100%;
}
.lc-refill-card__number {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 30px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-refill-card__number {
        margin-bottom: 15px;
    }
}
.lc-refill-card__number input {
    padding-right: 200px;
}
.lc-refill-card__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 15px;
    top: 0;
}
.lc-refill-card__icon .icon {
    margin: 0 10px;
}
@media (max-width: 768px) {
    .lc-refill-card__icon .icon {
        max-width: 37px;
    }
    .lc-refill-card__icon .icon-card-mc {
        max-width: 21px;
    }
}
.lc-refill-card__month,
.lc-refill-card__year {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    margin-bottom: 30px;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-refill-card__month,
    .lc-refill-card__year {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 15px;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .lc-refill-card__month {
        padding-right: 7px;
    }
    .lc-refill-card__year {
        padding-left: 7px;
    }
}
.lc-refill-card__cvv {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 30px;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-refill-card__cvv {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 15px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.lc-refill-card__cvv input {
    padding-right: 50px;
}
.lc-refill-card__cvv span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 0;
}
@media (max-width: 768px) {
    .lc-refill-card__cvv span .icon {
        max-width: 30px;
    }
}
.lc-refill-card__button {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.lc-refill-card__button .btn {
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    padding: 5px 15px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    width: auto;
}
.lc-refill-card__info {
    color: #b5b5b5;
    font-size: 14px;
    line-height: 1.572;
    margin-bottom: 30px;
}
.lc-refill-card__icons,
.lc-refill-card__info {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.lc-refill-card__icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.lc-refill-card__icons .icon {
    margin: 0 15px;
}
.lc__sidebar {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .lc__sidebar {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.lc-order__table + .lc-order__table {
    margin-top: -2px;
}
.lc-order__head {
    -ms-flex-pack: distribute;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin: 0 -15px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .lc-order__head {
        margin: 0 -10px;
    }
}
.lc-order__label {
    -webkit-box-flex: 0;
    background: var(--bg-1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--white);
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    font-size: 16px;
    font-weight: 500;
    max-width: 50%;
    padding: 20px 15px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-order__label {
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        font-size: 14px;
        padding: 13px 10px;
    }
    .lc-order__label,
    .lc-order__label:last-child {
        -webkit-box-flex: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: none;
        width: auto;
    }
    .lc-order__label:last-child {
        -ms-flex: auto 0 0px;
        flex: auto 0 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .lc-order__label span {
        display: none;
    }
    .lc-order__label:before {
        content: attr(data-name);
    }
}
.lc-order__label:last-child {
    text-align: right;
}
.lc-order__tr {
    -ms-flex-pack: distribute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-around;
    margin: 0 -15px;
    overflow: hidden;
    padding-bottom: 14px;
    padding-top: 14px;
    position: relative;
}
.lc-order__tr:first-child:before {
    background-color: hsla(0, 0%, 100%, 0.05);
    content: "";
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px;
    top: 0;
}
.lc-order__item .lc-order__tr:first-child:before {
    display: none;
}
.lc-order__tr:after {
    background-color: hsla(0, 0%, 100%, 0.05);
    bottom: 0;
    content: "";
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px;
}
@media (max-width: 767px) {
    .lc-order__tr {
        font-size: 12px;
    }
}
.opened-details .lc-order__tr-details:after {
    display: none;
}
.lc-order__tr-bottom {
    padding-bottom: 0;
}
.lc-order__tr-bottom:after {
    display: none;
}
.lc-order__td {
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.lc-order__td,
.lc-order__td:last-child {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}
.lc-order__td:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    justify-content: flex-end;
}
.lc-order__td:last-child .lc-order__td-label {
    text-align: right;
}
.lc-order__tr-bottom .lc-order__td {
    -webkit-box-flex: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: flex-end;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.lc-order__td-label,
.lc-order__td-value {
    font-weight: 500;
    text-transform: uppercase;
}
.lc-order__date {
    color: var(--price-color);
}
.lc-order__pay {
    font-weight: 500;
    text-transform: uppercase;
}
.lc-order__status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lc-order-status__icon {
    margin: 0 10px 0 0;
}
.lc-order-status__icon .icon {
    --color-1: var(--bg-1);
    display: block;
}
.lc-order-status__label {
    font-weight: 500;
    text-transform: uppercase;
}
.lc-order-status__label a {
    border-bottom: 1px dashed var(--white);
    color: var(--white);
    text-decoration: none;
}
.lc-order__name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .lc-order__name {
        font-size: 12px;
    }
}
.lc-order__name a {
    color: var(--white);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-order__name a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.lc-order-name__icon {
    margin: 0 15px 0 0;
}
.lc-order-name__icon .icon {
    display: block;
}
.lc-order-name__value {
    margin: 0 10px 0 0;
}
.lc-order-name__more {
    --color-1: var(--white);
    --color-2: #1f2226;
}
.lc-order-name__more .icon {
    display: block;
    margin-top: -2px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.opened-details .lc-order-name__more .icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.lc-order__price {
    color: var(--price-color);
    font-size: 16px;
    font-weight: 500;
}
@media (max-width: 767px) {
    .lc-order__price {
        font-size: 12px;
    }
}
.lc-order__details {
    background: var(--darken);
    border-radius: 5px;
    display: none;
    margin: 0 -15px;
    padding: 21px 15px 15px;
    position: relative;
}
.opened-details .lc-order__details {
    display: block;
}
@media (max-width: 767px) {
    .lc-order__details {
        margin-left: -10px;
        margin-right: -10px;
        padding: 15px 10px 10px;
    }
}
.lc-order__details:before {
    border-color: transparent transparent var(--darken) transparent;
    border-style: solid;
    border-width: 0 5px 7px;
    content: "";
    height: 0;
    left: 20px;
    position: absolute;
    top: -7px;
    width: 0;
}
.lc-order-details__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid #2c2f32;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.lc-order-details__title {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.lc-order-details__close a {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-order-details__close .icon {
    --bg-2: var(--white);
    display: block;
}
.lc-order-details__name {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.lc-order-details__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #342a2a;
    border: 2px solid var(--bg-1);
    border-radius: 5px;
    color: var(--price-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 11px 20px;
}
@media (max-width: 767px) {
    .lc-order-details__info {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.lc-order-details-info__icon {
    margin: 0 20px 0 0;
}
@media (max-width: 767px) {
    .lc-order-details-info__icon {
        margin-top: 2px;
    }
}
.lc-order-details-info__icon .icon {
    --bg-1: var(--white);
    display: block;
}
.lc-order-details-info__icon .icon-wg-wait-code {
    --color-1: #8e8e8e;
}
.lc-order-details-info__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 12px;
    line-height: 1.333;
}
.lc-order-details-info__text span {
    color: var(--white);
}
.lc-order-details__account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
.lc-order-details-account__back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-2);
    border-radius: var(--br-5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
}
.lc-order-details-account__label {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.lc-order-details-account__icon {
    margin: 0 20px;
}
.lc-order-details-account__icon .icon-logo-genshin {
    fill: var(--white);
    height: 20px;
    width: 55px;
}
.lc-order-details-account__name {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.lc-order-details-account__server {
    font-size: 12px;
    line-height: 16px;
    margin: 2px 0;
}
.lc-order-details-account__id {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}
.lc-order-details__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
.lc-order-details__button .btn {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: auto;
}
.lc-order-details__key {
    margin-bottom: 20px;
}
@media (max-width: 550px) {
    .lc-order-details__key {
        margin-bottom: 10px;
    }
}
.lc-order-details__keys {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding-top: 10px;
}
.lc-order-details__keys .lc-order-details__key {
    padding: 0 10px;
}
@media (max-width: 414px) {
    .lc-order-details__keys .lc-order-details__key {
        width: 100%;
    }
}
.lc-order-details-key__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .lc-order-details-key__title {
        font-size: 12px;
        line-height: 20px;
    }
}
.lc-order-details-key__title span {
    color: #b5b5b5;
    font-size: 12px;
    text-transform: none;
}
.lc-order-details-key__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 550px) {
    .lc-order-details-key__block {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
.lc-order-details-key__value {
    margin-right: 15px;
}
@media (max-width: 550px) {
    .lc-order-details-key__value {
        margin-bottom: 10px;
        margin-right: 5px;
    }
    .lc-order-details__keys .lc-order-details-key__value {
        margin-right: 15px;
    }
}
@media (max-width: 550px) and (max-width: 414px) {
    .lc-order-details__keys .lc-order-details-key__value {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
}
.lc-order-details-key__value input,
.lc-order-details-key__value span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(44, 47, 50, 0.8);
    border-radius: 3px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    min-height: 34px;
    padding: 8px 10px;
    width: 180px;
    word-break: break-all;
}
@media (max-width: 767px) {
    .lc-order-details-key__value input,
    .lc-order-details-key__value span {
        font-size: 12px;
        line-height: 20px;
    }
}
@media (max-width: 414px) {
    .lc-order-details-key__value input,
    .lc-order-details-key__value span {
        width: 100%;
    }
}
.lc-order-details-key__value input {
    height: 34px;
}
@media (max-width: 550px) {
    .lc-order-details-key__button {
        margin-bottom: 10px;
    }
}
.lc-order-details-key__button .btn {
    font-size: 14px;
    font-weight: 500;
    height: 34px;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .lc-order-details-key__button .btn {
        font-size: 12px;
        padding: 5px 8px;
    }
}
@media (max-width: 550px) {
    .lc-order-details-key__button .btn {
        min-width: 122px;
    }
}
.lc-order-details-key__button .btn .icon {
    --color-1: var(--white);
    --color-2: #1f2226;
    display: block;
    margin: 0 8px 0 0;
}
.lc-order-details-key__button .btn .icon-eye {
    margin-top: -1px;
}
.lc-order-details__scale {
    border-bottom: 2px solid #2c2f32;
    border-top: 2px solid #2c2f32;
    margin-bottom: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
}
@media (max-width: 1024px) {
    .lc-order-details__scale {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
}
@media (max-width: 768px) {
    .lc-order-details__scale {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }
}
@media (max-width: 1024px) {
    .lc-order-details-scale__header {
        padding: 0 50px 0 0;
    }
}
@media (max-width: 768px) {
    .lc-order-details-scale__header {
        margin-bottom: 10px;
        padding: 0 120px 0 0;
    }
}
.lc-order-details-scale__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .lc-order-details-scale__title {
        font-size: 12px;
        margin-bottom: 5px;
        white-space: nowrap;
    }
}
@media (max-width: 768px) {
    .lc-order-details-scale__title {
        white-space: normal;
    }
}
.lc-order-details-scale__desc {
    color: #b5b5b5;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 10px;
}
@media (max-width: 1024px) {
    .lc-order-details-scale__desc {
        line-height: 14px;
        margin-bottom: 0;
        max-width: 150px;
    }
}
@media (max-width: 768px) {
    .lc-order-details-scale__desc {
        margin-bottom: 10px;
    }
}
.lc-order-details-scale__block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .lc-order-details-scale__block {
        width: 100%;
    }
}
.lc-order-details-scale__line {
    padding: 0 50px 0 0;
    width: 100%;
}
@media (max-width: 1024px) {
    .lc-order-details-scale__line {
        padding-top: 10px;
    }
}
@media (max-width: 768px) {
    .lc-order-details-scale__line {
        padding: 0;
    }
}
.lc-order-details-scale__line .line {
    background: var(--bg-2);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 15px;
    position: relative;
}
@media (max-width: 768px) {
    .lc-order-details-scale__line .line {
        margin-bottom: 20px;
    }
}
.lc-order-details-scale__line .line:after,
.lc-order-details-scale__line .line:before {
    background: url(/bitrix/templates/c4g/css/../pictures/lc/dot.png) 50% 50% repeat-x;
    content: "";
    height: 8px;
    margin: 11px 0 0;
    position: absolute;
    top: 100%;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
}
.lc-order-details-scale__line .line:before {
    left: 15px;
}
.lc-order-details-scale__line .line:after {
    right: 15px;
}
.lc-order-details-scale__line .line__first,
.lc-order-details-scale__line .line__last,
.lc-order-details-scale__line .line__mid {
    font-size: 10px;
    line-height: 22px;
    margin: 5px 0 0;
    position: absolute;
    top: 100%;
}
.lc-order-details-scale__line .line__first {
    left: 0;
}
.lc-order-details-scale__line .line__mid {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.lc-order-details-scale__line .line__last {
    right: 0;
}
.lc-order-details-scale__line .line__scale {
    background: var(--bg-1);
    border-radius: 8px;
    height: 15px;
}
.lc-order-details-scale__days {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .lc-order-details-scale__days {
        position: absolute;
        right: 0;
        top: 44px;
    }
}
.lc-order-details-scale__days span.label {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 20px 0 0;
    text-align: right;
}
@media (max-width: 768px) {
    .lc-order-details-scale__days span.label {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        margin: 0 15px 0 0;
    }
}
.lc-order-details-scale__days span.day {
    font-size: 54px;
    font-weight: 500;
    line-height: 40px;
}
@media (max-width: 768px) {
    .lc-order-details-scale__days span.day {
        font-size: 30px;
        line-height: 36px;
    }
}
.lc-order-details-alert__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .lc-order-details-alert__title {
        font-size: 12px;
        line-height: 20px;
    }
}
.lc-order-details-alert__text {
    color: #b5b5b5;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 20px;
}
.lc-order-details-alert__text.white {
    color: var(--white);
}
.lc-order-details-alert__text:last-child {
    margin-bottom: 0;
}
.lc-order-details-alert__text:last-child.white {
    margin-bottom: 12px;
}
.lc-order-details-alert__text a,
.lc-order-details-alert__text span {
    color: var(--white);
}
.lc-order-details-alert__text ul {
    margin: 0;
    padding: 0;
}
.lc-order-details-alert__text ul li {
    display: block;
    list-style-type: none;
    margin: 0 0 5px;
    padding: 0 0 0 22px;
    position: relative;
}
.lc-order-details-alert__text ul li:before {
    background-color: var(--bg-1);
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 7px;
}
.lc-order-details-alert__text ol {
    counter-reset: num;
    margin: 0;
    padding: 0;
}
.lc-order-details-alert__text ol li {
    list-style-type: none;
    margin: 0 0 5px;
    padding: 0 0 0 22px;
    position: relative;
}
.lc-order-details-alert__text ol li:before {
    color: var(--bg-1);
    content: counter(num) ".";
    counter-increment: num;
    display: inline-block;
    font-weight: 500;
    left: -5px;
    position: absolute;
    top: 0;
}
.lc-order__wait {
    margin-bottom: 25px;
    padding-top: 40px;
}
.lc-order-wait__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.lc-order-wait__icon .icon {
    --color-1: #8e8e8e;
    height: 150px;
    width: 150px;
}
.lc-order-wait__name {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}
.lc-order-wait__text {
    text-align: center;
}
.lc-order-wait__text p {
    margin: 0;
    padding: 0;
}
.lc-order-wait__info {
    color: #b5b5b5;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto 20px;
    max-width: 350px;
    text-align: center;
}
.lc-order-wait__info p {
    margin: 0;
    padding: 0;
}
.lc-order-wait__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.lc-order-wait__button .btn {
    font-size: 14px;
    font-weight: 500;
    padding: 9px 20px 8px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    width: auto;
}
.lc-order-wait__button .btn-arrow:before {
    -webkit-filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, 0.15));
    filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, 0.15));
}
.lc-order__total {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .lc-order__total {
        font-size: 12px;
    }
}
.lc-order__total span {
    color: var(--price-color);
    margin-left: 10px;
}
.lc__orders {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .lc__orders {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 374px) {
    .lc__orders {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.lc-orders__block {
    background-color: var(--bg-2);
    border-radius: 10px;
    color: var(--white);
    overflow: hidden;
    padding: 20px 25px;
}
@media (max-width: 767px) {
    .lc-orders__block {
        padding: 20px 15px;
    }
}
.lc-orders__head {
    -ms-flex-pack: distribute;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin: 0 -15px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .lc-orders__head {
        margin: 0 -5px;
    }
}
.lc-orders__label {
    -webkit-box-flex: 0;
    background: var(--bg-1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--white);
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    font-size: 16px;
    font-weight: 500;
    max-width: 25%;
    padding: 20px 15px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-orders__label {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        font-size: 14px;
        max-width: 37.5%;
        padding: 13px 15px;
        width: 100%;
    }
    .lc-orders__label span {
        display: none;
    }
    .lc-orders__label:before {
        content: attr(data-name);
    }
    .lc-orders__label:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.lc-orders__label:nth-child(3) {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-orders__label:nth-child(3) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        padding: 13px 15px;
        text-align: right;
        width: 100%;
    }
}
.lc-orders__label:nth-child(4) {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
    padding-left: 15px;
    padding-right: 25px;
    text-align: right;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-orders__label:nth-child(4) {
        display: none;
    }
}
.lc-orders__tr {
    -ms-flex-pack: distribute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #505050;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-around;
    margin: 0 -25px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 767px) {
    .lc-orders__tr {
        font-size: 12px;
        margin: 0 -15px;
    }
}
.lc-orders__tr:nth-child(2n-1) {
    background: #3b3e42;
}
.lc-orders__td {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 23px 25px;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-orders__td {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        padding: 10px 15px;
        width: 100%;
    }
}
.lc-orders__td:first-child {
    padding-left: 25px;
}
@media (max-width: 768px) {
    .lc-orders__td:first-child {
        padding-left: 12px;
    }
}
.lc-orders__td:nth-child(2) {
    padding-left: 20px;
}
@media (max-width: 768px) {
    .lc-orders__td:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 359px) {
    .lc-orders__td:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 23.33333%;
        flex: 0 0 23.33333%;
        max-width: 23.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.lc-orders__td:nth-child(3) {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
    padding-left: 15px;
    padding-right: 30px;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-orders__td:nth-child(3) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: right;
        width: 100%;
    }
}
@media (max-width: 359px) {
    .lc-orders__td:nth-child(3) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 39.16667%;
        flex: 0 0 39.16667%;
        max-width: 39.16667%;
        padding-left: 0;
        padding-right: 15px;
        width: 100%;
    }
}
.lc-orders__td:nth-child(4) {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
    padding-left: 30px;
    padding-right: 30px;
    text-align: right;
    width: 100%;
}
@media (max-width: 1140px) {
    .lc-orders__td:nth-child(4) {
        padding-left: 15px;
        padding-right: 20px;
    }
}
@media (max-width: 768px) {
    .lc-orders__td:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0px;
        flex: 0 0 0;
        max-width: 0;
        padding: 0;
    }
}
.lc-orders__date {
    color: var(--price-color);
}
.lc-orders__status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
@media (max-width: 768px) {
    .lc-orders__price {
        font-size: 13px;
        white-space: nowrap;
    }
}
.lc-orders-status__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px;
    line-height: 1;
    margin: 0 15px 0 0;
}
@media (max-width: 768px) {
    .lc-orders-status__icon {
        margin: 0 0 0 8px;
    }
}
.lc-orders-status__icon .icon {
    --color-1: var(--bg-1);
    --color-2: var(--white);
}
.lc-orders-status__icon .icon-lc-processing {
    margin: 0 -3px;
}
.lc-orders-status__label {
    font-weight: 500;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .lc-orders-status__label {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
.lc-orders__more a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 768px) {
    .lc-orders__more a {
        opacity: 0;
    }
}
.lc-orders__more a:before {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-orders__more a:hover:before {
    background: rgba(0, 0, 0, 0.1);
}
.lc-orders__more a i {
    margin-right: 12px;
}
@media (max-width: 768px) {
    .lc-orders__more a i {
        display: none;
    }
}
.lc-orders__more a span {
    display: inline-block;
    position: relative;
}
@media (max-width: 768px) {
    .lc-orders__more a span {
        display: none;
    }
}
.lc-orders__more a span:after {
    background: var(--bg-1);
    bottom: -6px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 0;
}
.lc-orders__more a:hover {
    opacity: 1;
}
.lc-orders__more a:hover span:after {
    width: 100%;
}
.lc-orders__bottom {
    padding: 24px 30px 4px;
    position: relative;
}
.lc-orders__bottom .show-all {
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: 32px;
}
@media (max-width: 767px) {
    .lc-orders__bottom .show-all {
        display: none;
    }
}
.lc-orders__bottom .show-all a {
    color: var(--white);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-orders__bottom .show-all a:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23fff'/%3E%3C/svg%3E");
    content: "";
    height: 11px;
    left: -20px;
    position: absolute;
    top: 3px;
    width: 10px;
}
.lc__more {
    display: none;
}
@media (max-width: 767px) {
    .lc__more {
        display: block;
        padding-top: 20px;
    }
}
.lc__more a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--bg-2);
    border-radius: 5px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    height: 45px;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-more__icon {
    margin: 0 15px 0 0;
}
.lc__info {
    margin-bottom: 44px;
}
@media (max-width: 1024px) {
    .lc__info {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 40px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 374px) {
    .lc__info {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.lc-content {
    background-color: var(--bg-2);
    border-radius: 10px;
    color: var(--white);
    padding: 20px 25px;
}
@media (max-width: 768px) {
    .lc-content {
        padding: 15px;
    }
}
.lc-content .h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.lc__details {
    border-bottom: 2px solid hsla(0, 0%, 100%, 0.05);
    margin-bottom: 26px;
}
.lc-details__item {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
}
.lc-details__label {
    font-weight: 500;
    margin: 0 5px 0 0;
}
.lc-details__balance {
    color: var(--price-color);
    font-size: 22px;
    font-weight: 500;
    line-height: 18px;
}
.lc-details__value {
    color: var(--grey);
    max-width: 65%;
}
.lc-details__value-text {
    display: block;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lc-details__value-text-dots {
    cursor: pointer;
}
.lc-details__value-text-icon,
.lc-details__value-text-with-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lc-details__value-text-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    margin: -5px 0 -5px 10px;
    width: 25px;
}
.lc-details__value-text-icon .icon {
    display: block;
}
.lc-details__value-text-full {
    background: #fff;
    border-radius: 5px;
    color: #000;
    left: 0;
    opacity: 0;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    visibility: hidden;
    word-break: break-all;
    z-index: 2;
}
.lc-details__value-text-full:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg class='dont-edit' width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='var(--bg-2)' d='m14.863.016 2.121 2.121-14.85 14.85-2.12-2.122z'/%3E%3Cpath fill='var(--bg-2)' d='M.016 2.137 2.137.015l14.85 14.85-2.122 2.12z'/%3E%3C/svg%3E")
        50% 50% no-repeat;
    background-size: contain;
    content: "";
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 10px;
}
.lc-details__value-text-full.active {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: visible;
}
.lc-details__value-edit {
    margin-bottom: 4px;
    padding-top: 5px;
    text-align: right;
}
.lc-details__value-edit .edit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 500;
    position: relative;
}
.lc-details__value-edit .edit i {
    margin-right: 12px;
}
.lc-details__value-edit .edit span {
    display: inline-block;
    position: relative;
}
.lc-details__value-edit .edit span:after {
    background: var(--bg-1);
    bottom: -6px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 0;
}
.lc-details__value-edit:hover .edit span:after {
    width: 100%;
}
.lc__accounts {
    border-bottom: 2px solid hsla(0, 0%, 100%, 0.05);
    margin-bottom: 25px;
    padding-bottom: 15px;
    position: relative;
}
@media (max-width: 768px) {
    .lc__accounts {
        margin-bottom: 15px;
        padding-bottom: 5px;
    }
}
.lc-accounts__alert {
    background: var(--bg-1);
    border-radius: 5px;
    color: var(--white);
    left: -25px;
    opacity: 0;
    overflow: hidden;
    padding: 20px 30px;
    position: absolute;
    right: -25px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    top: 0;
    -webkit-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    transform: translateY(-90%);
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    visibility: hidden;
}
.lc-accounts__alert.active {
    opacity: 1;
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    transform: translateY(-110%);
    visibility: visible;
}
@media (max-width: 768px) {
    .lc-accounts__alert {
        left: -15px;
        right: -15px;
    }
}
.lc-accounts__alert:before {
    background: var(--bg-3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 11px;
}
.lc-accounts-alert__close {
    cursor: pointer;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.lc-accounts-alert__close .icon {
    stroke: #fff;
    stroke-width: 3;
    display: block;
}
.lc-accounts-alert__head {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-right: 40px;
    text-transform: uppercase;
}
.lc-accounts-alert__text {
    font-size: 14px;
    margin-bottom: 15px;
    padding-right: 40px;
}
.lc-accounts-alert__bottom .btn-primary {
    background: #7c3030;
    display: inline-block;
    font-size: 14px;
    margin: 0 auto;
    padding: 10px 20px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    width: auto;
}
.lc-accounts__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -9px;
}
@media (max-width: 768px) {
    .lc-accounts__list {
        margin: 0 -5px;
    }
}
.lc-accounts__item {
    margin-bottom: 10px;
    padding: 0 9px;
}
@media (max-width: 768px) {
    .lc-accounts__item {
        padding: 0 5px;
    }
}
.lc-accounts__item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #1f2226;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    justify-content: center;
    position: relative;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 46px;
}
@media (max-width: 386px) {
    .lc-accounts__item a {
        height: 36px;
        width: 42px;
    }
}
.lc-accounts__item a .icon {
    --color-1: var(--white);
    opacity: 0.5;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.lc-accounts__item a .icon-lc-gg {
    --color-1: var(--white);
    --color-2: var(--white);
    --color-3: var(--white);
    --color-4: var(--white);
}
.lc-accounts__item a:hover {
    opacity: 1;
}
.lc-accounts__item a:hover .icon {
    --color-1: var(--bg-1);
    opacity: 1;
}
.lc-accounts__item a:hover .icon-lc-ya {
    --color-1: #fc3f1d;
}
.lc-accounts__item a:hover .icon-lc-ok {
    --color-1: #f79418;
}
.lc-accounts__item a:hover .icon-lc-fb {
    --color-1: #4267b2;
}
.lc-accounts__item a:hover .icon-lc-vk {
    --color-1: #2787f5;
    height: 12px;
    width: 20px;
}
.lc-accounts__item a:hover .icon-lc-gg {
    --color-1: #ea4335;
    --color-2: #fbbc04;
    --color-3: #34a853;
    --color-4: #4285f4;
}
.lc-accounts__item a:hover .icon-lc-steam {
    --color-1: #fff;
}
.lc-accounts__item a:hover .icon-lc-email {
    --color-1: #ea4335;
}
.lc-accounts__item a .delete {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #1f2226;
    border-radius: 5px;
    bottom: -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: -3px;
    opacity: 0;
    position: absolute;
    right: -3px;
    top: -3px;
    visibility: hidden;
}
.lc-accounts__item.active a {
    position: relative;
}
.lc-accounts__item.active a .icon {
    --color-1: var(--bg-1);
    opacity: 1;
}
.lc-accounts__item.active a .icon-lc-gg {
    --color-1: var(--bg-1);
    --color-2: var(--bg-1);
    --color-3: var(--bg-1);
    --color-4: var(--bg-1);
}
.lc-accounts__item.active a:hover .delete {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    visibility: visible;
}
.lc-accounts__desc {
    color: #b5b5b5;
    font-size: 12px;
    line-height: 22px;
    padding: 10px 9px;
    width: 100%;
}
@media (max-width: 768px) {
    .lc-accounts__desc {
        line-height: 20px;
        padding: 0 5px;
    }
}
.lc-accounts__bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
}
@media (max-width: 1140px) and (min-width: 1024px) {
    .lc-accounts__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .lc-accounts__bottom {
        margin-bottom: 0;
    }
}
.lc-accounts__bottom .btn {
    font-size: 12px;
    font-weight: 500;
    margin: 0 5px 0 0;
    padding: 11px 17px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    width: auto;
}
@media (max-width: 1140px) and (min-width: 1024px) {
    .lc-accounts__bottom .btn {
        margin-bottom: 15px;
    }
}
.lc-accounts__bottom .btn-primary-border {
    font-size: 14px;
    padding: 7px 12px;
}
.lc-accounts__bottom .btn span {
    margin-right: 10px;
}
.lc__logout a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.lc__logout a:hover {
    opacity: 1;
}
.lc__logout a:hover .lc-logout__name:after {
    width: 100%;
}
.lc-logout__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin: 0 14px 0 0;
    width: 20px;
}
.lc-logout__icon .icon {
    --color-1: var(--white);
}
.lc-logout__name {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.lc-logout__name:after {
    background: var(--bg-1);
    bottom: -6px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 0;
}
@media (max-width: 1024px) {
    .lc__account {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 374px) {
    .lc__account {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.lc-games__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px;
    padding-bottom: 20px;
}
.lc-games__item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.lc-games__icon {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--darken);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 46px;
    flex: 0 0 46px;
    height: 36px;
    justify-content: center;
    margin: 0 20px 0 0;
    padding: 3px;
    width: 46px;
}
@media (max-width: 374px) {
    .lc-games__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        height: 36px;
        margin: 0 10px 0 0;
        padding: 2px;
        width: 40px;
    }
}
.lc-games__icon .icon {
    --color-1: var(--white);
}
.lc-games__icon .icon-war-thunder {
    height: 18px;
    width: 38px;
}
.lc-games__icon .icon-logo-okko-mini {
    height: 24px;
    width: 18px;
}
.lc-games__icon .icon-logo-zvuk {
    height: 16px;
    width: 34px;
}
.lc-games__icon .icon-logo-zvuk-mini {
    height: 22px;
    width: 22px;
}
.lc-games__icon .icon-logo-genshin {
    fill: var(--white);
}
.not-active .lc-games__icon .icon {
    opacity: 0.3;
}
.lc-games__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.not-active .lc-games__desc {
    opacity: 0.5;
}
.lc-games__name {
    font-size: 14px;
    font-weight: 500;
    margin: 3px 0;
    text-transform: uppercase;
}
.lc-games__id {
    color: var(--grey);
    font-size: 12px;
    line-height: 18px;
}
.lc-games__cancel {
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px;
}
.lc-games__cancel,
.lc-games__cancel a {
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.lc-games__cancel a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
}
.lc-games__cancel a i {
    margin-right: 12px;
}
.lc-games__cancel a span {
    display: inline-block;
    position: relative;
}
.lc-games__cancel a span:after {
    background: var(--bg-1);
    bottom: -6px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 0;
}
.lc-games__cancel a:hover {
    opacity: 1;
}
.lc-games__cancel a:hover span:after {
    width: 100%;
}
.lc-games-cancel__item {
    margin-bottom: 10px;
}
.lc-games-cancel__item:last-child {
    margin-bottom: 0;
}
.lc-games-cancel__item a.rotate-hover .icon-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 6px 0 -4px;
}
.lc-games-cancel__item a.rotate-hover .icon-block:after {
    display: none;
}
.lc-games-cancel__item a.rotate-hover .icon-block .icon {
    display: block;
    position: relative;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.lc-games-cancel__item a.rotate-hover:hover .icon-block .icon {
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
}
.lc-subscribe__block {
    background: var(--bg-2);
    border-radius: 10px;
    color: var(--white);
    margin-bottom: 30px;
    padding: 23px 25px;
}
@media (max-width: 768px) {
    .lc-subscribe__block {
        padding: 23px 15px;
    }
}
.lc-subscribe__block.deactivated {
    color: hsla(0, 0%, 100%, 0.7);
}
.lc-subscribe__header {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.deactivated .lc-subscribe__header {
    color: var(--white);
}
.lc-subscribe__header:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 4 4 4 7-7' stroke='%23C74242' stroke-width='2'/%3E%3C/svg%3E") 0 0 no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin: 5px 10px 0 0;
    vertical-align: top;
    width: 13px;
}
.deactivated .lc-subscribe__header:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7.5' r='6' stroke='%23C74242' stroke-width='2'/%3E%3Cpath d='m11.846 2.654-9.692 9.692' stroke='%23C74242' stroke-width='2'/%3E%3C/svg%3E")
        0 0 no-repeat;
    height: 15px;
    margin: 2px 10px 0 0;
    width: 14px;
}
.lc-subscribe__desc {
    color: #b5b5b5;
    font-size: 14px;
    line-height: 1.572;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .lc-subscribe__desc {
        font-size: 12px;
    }
    .lc-subscribe__desc br {
        display: none;
    }
}
.lc-subscribe__list {
    margin-bottom: 27px;
}
.lc-subscribe__item {
    background-color: rgba(31, 34, 38, 0.9);
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 16px 20px;
    position: relative;
}
@media (max-width: 767px) {
    .lc-subscribe__item {
        padding: 15px 14px;
    }
}
@media (max-width: 374px) {
    .lc-subscribe__item {
        padding: 10px 9px;
    }
}
.lc-subscribe__item.with-buttons,
.lc-subscribe__item.with-buttons-hover {
    overflow: visible;
}
.deactivated .lc-subscribe__item {
    background-color: rgba(44, 47, 50, 0.5);
    border: 2px solid #1f2226;
    padding: 14px 18px;
}
@media (max-width: 767px) {
    .deactivated .lc-subscribe__item {
        padding: 14px 13px;
    }
}
@media (max-width: 374px) {
    .deactivated .lc-subscribe__item {
        padding: 9px 8px;
    }
}
.lc-subscribe__item.complete {
    background: var(--bg-1);
}
.lc-subscribe__item.complete:before {
    background: #833434;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 13px;
}
.lc-subscribe-item__back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 374px) {
    .lc-subscribe-item__back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
}
.lc-subscribe-item__back:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.lc-subscribe-item__back:hover .lc-subscribe-item-info__text {
    opacity: 0;
}
.lc-subscribe-item__back:hover .lc-subscribe-item-info__hover,
.no-hover .lc-subscribe-item__back:hover .lc-subscribe-item-info__text {
    opacity: 1;
}
.lc-subscribe-item__logo {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 850px) {
    .lc-subscribe-item__logo {
        padding-right: 0;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__logo {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: -2;
        -ms-flex-order: -3;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 calc(100% - 60px);
        flex: 0 0 -webkit-calc(100% - 60px);
        flex: 0 0 calc(100% - 60px);
        margin-bottom: 15px;
        max-width: -webkit-calc(100% - 60px);
        max-width: calc(100% - 60px);
        order: -3;
        padding-left: 10px;
        padding-right: 20px;
        width: 100%;
    }
}
.lc-subscribe-item__logo .icon {
    max-width: 100%;
}
@media (max-width: 767px) {
    .lc-subscribe-item__logo .icon-logo-gfn {
        height: 21px;
        width: 108px;
    }
    .lc-subscribe-item__logo .icon-logo-zvuk {
        height: 26px;
        width: 108px;
    }
    .lc-subscribe-item__logo .icon-logo-ea {
        height: 26px;
        width: 80px;
    }
    .lc-subscribe-item__logo .icon-logo-okko {
        height: 21px;
        width: 59px;
    }
}
.lc-subscribe-item__logo .logo-mix__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 52px;
}
.lc-subscribe-item__logo .logo-mix__block .icon {
    display: block;
}
.lc-subscribe-item__logo .logo-mix__okko {
    justify-self: flex-start;
}
.lc-subscribe-item__logo .logo-mix__okko .icon {
    height: 20px;
    width: 52px;
}
.lc-subscribe-item__logo .logo-mix__plus {
    padding: 2px 0;
}
.lc-subscribe-item__logo .logo-mix__game .icon-4game-logo-aion {
    fill: var(--white);
    height: 18px;
    width: 50px;
}
.lc-subscribe-item__logo .logo-mix__game .icon-4game-logo-l2-main {
    fill: var(--white);
    height: 15px;
    margin-right: -32px;
    max-width: none;
    width: 84px;
}
.lc-subscribe-item__logo .logo-mix__game .icon-4game-logo-pb {
    fill: var(--white);
    height: 14px;
    width: 35px;
}
.lc-subscribe-item__logo .logo-mix__game .icon-logo-pubg-mini {
    height: 18px;
    width: 44px;
}
.lc-subscribe__item.canceled .lc-subscribe-item__logo,
.lc-subscribe__item.complete .lc-subscribe-item__logo,
.lc-subscribe__item.disabled .lc-subscribe-item__logo,
.lc-subscribe__item.return .lc-subscribe-item__logo {
    opacity: 0.3;
}
.lc-subscribe__item.complete .lc-subscribe-item__logo {
    max-width: 220px;
    padding-left: 25px;
}
@media (max-width: 768px) {
    .lc-subscribe__item.complete .lc-subscribe-item__logo {
        display: none;
    }
}
.deactivated .lc-subscribe-item__logo {
    opacity: 0.2;
}
.lc-subscribe-item__date {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    font-size: 14px;
    max-width: none;
    padding-left: 20px;
    padding-right: 12px;
    text-align: right;
    width: auto;
}
@media (max-width: 1320px) and (min-width: 1024px) {
    .lc-subscribe-item__date {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 820px) and (min-width: 768px) {
    .lc-subscribe-item__date {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        font-size: 12px;
        max-width: 20%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__date {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 calc(100% - 60px);
        flex: 0 0 -webkit-calc(100% - 60px);
        flex: 0 0 calc(100% - 60px);
        font-size: 12px;
        max-width: -webkit-calc(100% - 60px);
        max-width: calc(100% - 60px);
        order: unset;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        width: 100%;
    }
}
.lc-subscribe__item.canceled .lc-subscribe-item__date,
.lc-subscribe__item.disabled .lc-subscribe-item__date,
.lc-subscribe__item.return .lc-subscribe-item__date {
    opacity: 0.3;
}
@media (max-width: 767px) {
    .deactivated .lc-subscribe-item__date {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
    .lc-subscribe-item-date__back {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
}
.lc-subscribe-item__days {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    max-width: none;
    padding-left: 12px;
    padding-right: 20px;
    width: auto;
}
@media (max-width: 1320px) and (min-width: 1024px) {
    .lc-subscribe-item__days {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 768px) {
    .lc-subscribe-item__days {
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__days {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        margin-bottom: -20px;
        max-width: 60px;
        order: unset;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}
.lc-subscribe__item.canceled .lc-subscribe-item__days,
.lc-subscribe__item.disabled .lc-subscribe-item__days,
.lc-subscribe__item.return .lc-subscribe-item__days {
    opacity: 0.3;
}
.lc-subscribe-item-days__icon {
    margin: 2px 0 0 -4px;
    position: relative;
}
@media (max-width: 767px) {
    .lc-subscribe-item-days__icon {
        margin: -4px 0 0 auto;
        width: 36px;
    }
}
.lc-subscribe-item-days__countdown {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    left: 0;
    padding-top: 8px;
    position: absolute;
    top: 0;
    width: 36px;
}
.lc-subscribe-item__price {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    font-size: 14px;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    text-align: center;
    width: auto;
}
@media (max-width: 1320px) {
    .lc-subscribe-item__price {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__price {
        -webkit-box-flex: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 calc(100% - 60px);
        flex: 0 0 -webkit-calc(100% - 60px);
        flex: 0 0 calc(100% - 60px);
        font-size: 12px;
        justify-content: space-between;
        max-width: -webkit-calc(100% - 60px);
        max-width: calc(100% - 60px);
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        width: 100%;
    }
}
.lc-subscribe__item.canceled .lc-subscribe-item__price,
.lc-subscribe__item.disabled .lc-subscribe-item__price,
.lc-subscribe__item.return .lc-subscribe-item__price {
    opacity: 0.3;
}
@media (max-width: 767px) {
    .deactivated .lc-subscribe-item__price {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}
.lc-subscribe-item__price:after {
    border-left: 2px solid hsla(0, 0%, 100%, 0.1);
    bottom: 2px;
    content: "";
    left: -1px;
    position: absolute;
    top: 2px;
    width: 0;
}
.with-key .lc-subscribe-item__price:after {
    border-left-color: var(--bg-1);
    bottom: auto;
    height: 60px;
    margin: -30px 0 0;
    opacity: 0.2;
    top: 50%;
}
.lc-subscribe__item.disabled .lc-subscribe-item__price:after {
    border-left: 2px solid hsla(0, 0%, 100%, 0.1);
}
.deactivated .lc-subscribe-item__price:after {
    border-left-color: rgba(31, 34, 38, 0.5);
}
@media (max-width: 767px) {
    .lc-subscribe-item__price:after {
        display: none;
    }
}
.lc-subscribe-item__info {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    max-width: none;
    max-width: 286px;
    padding-left: 20px;
    padding-right: 10px;
    position: relative;
    width: auto;
}
.with-key .lc-subscribe-item__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1320px) {
    .lc-subscribe-item__info {
        max-width: 215px;
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__info {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 15px;
        width: 100%;
    }
}
.lc-subscribe-item__info:after {
    border-left: 2px solid hsla(0, 0%, 100%, 0.1);
    content: "";
    height: 36px;
    left: -1px;
    margin: -18px 0 0;
    position: absolute;
    top: 50%;
    width: 0;
}
@media (max-width: 445px) {
    .lc-subscribe-item__info:after {
        left: 15px;
    }
}
@media (max-width: 335px) {
    .lc-subscribe-item__info:after {
        left: 11px;
    }
}
.with-key .lc-subscribe-item__info:after {
    border-left-color: var(--bg-1);
    bottom: auto;
    height: 60px;
    margin: -30px 0 0;
    opacity: 0.2;
    top: 50%;
}
.deactivated .lc-subscribe-item__info:after {
    border-left-color: rgba(31, 34, 38, 0.5);
}
@media (max-width: 768px) {
    .deactivated .lc-subscribe-item__info:after {
        left: auto;
        right: 0;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__info:after {
        display: none;
    }
}
.lc-subscribe-item-info__text {
    max-width: 100%;
}
.lc-subscribe-item-info__hover,
.lc-subscribe-item-info__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-subscribe-item-info__hover {
    left: 20px;
    opacity: 0;
    position: absolute;
    right: 10px;
}
@media (max-width: 1320px) {
    .lc-subscribe-item-info__hover {
        left: 15px;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item-info__hover {
        left: 10px;
    }
}
.lc-subscribe-item-info__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 34px;
    flex: 0 0 34px;
    margin: 0 15px 0 0;
    min-height: 38px;
    width: 34px;
}
.lc-subscribe-item-info__icon a.return {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid transparent;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    justify-content: center;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 34px;
}
.lc-subscribe-item-info__icon a.return:after {
    content: "";
    position: absolute;
}
.lc-subscribe__item:hover .lc-subscribe-item-info__icon a.return:after {
    bottom: -200px;
    left: -1000px;
    right: -200px;
    top: -200px;
}
.lc-subscribe-item-info__icon a.return:hover {
    background-color: rgba(199, 66, 66, 0.75);
    border-color: rgba(199, 66, 66, 0.75);
    opacity: 1;
}
.lc-subscribe-item-info__icon a.return .icon-delete {
    stroke: #fff;
    stroke-width: 3;
}
.lc-subscribe-item-info__desc {
    -webkit-box-flex: 0;
    color: var(--bg-1);
    -ms-flex: 0 0 calc(100% - 49px);
    flex: 0 0 -webkit-calc(100% - 49px);
    flex: 0 0 calc(100% - 49px);
    font-size: 14px;
    max-width: -webkit-calc(100% - 49px);
    max-width: calc(100% - 49px);
    width: 100%;
}
@media (max-width: 1320px) {
    .lc-subscribe-item-info__desc {
        font-size: 12px;
        line-height: 18px;
    }
}
.lc-subscribe-item-info__desc br {
    display: none;
}
@media (max-width: 768px) {
    .lc-subscribe-item-info__desc br {
        display: inline;
    }
}
.lc-subscribe-item-info__desc a {
    color: var(--white);
    text-decoration: none;
}
.lc-subscribe-item-info__desc a:before {
    bottom: -200px;
    content: "";
    left: -1000px;
    position: absolute;
    right: -200px;
    top: -200px;
}
.lc-subscribe-item-info__desc a span {
    position: relative;
}
.lc-subscribe-item-info__desc a span:after {
    background: var(--bg-1);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transition: var(--transition03-width);
    -o-transition: var(--transition03-width);
    transition: var(--transition03-width);
    width: 0;
}
.lc-subscribe-item-info__desc a:hover span:after {
    width: 100%;
}
.lc-subscribe-item-info__key {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 5px;
    width: 100%;
}
.lc-subscribe-item-info__key a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    position: relative;
    text-decoration: none;
    z-index: 10;
}
.lc-subscribe-item-info__key a .icon {
    --white: var(--bg-1);
    margin: 0 22px 0 9px;
}
.lc-subscribe-item-info__key a .key {
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
    min-width: 100px;
    overflow: hidden;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-underline-offset: 3px;
    white-space: nowrap;
}
.lc-subscribe-item__buy {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    justify-content: center;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: auto;
}
@media (max-width: 1320px) {
    .lc-subscribe-item__buy {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__buy {
        -webkit-box-flex: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: flex-start;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 15px;
        width: 100%;
    }
}
.lc-subscribe-item__buy .btn {
    font-size: 12px;
    font-weight: 500;
    height: 34px;
    padding: 6px 16px;
    width: auto;
}
.lc-subscribe-item__buy .btn span.subscribe-icon {
    margin: 0 8px 0 0;
}
.lc-subscribe-item__buy .btn span.subscribe-icon .icon {
    display: block;
}
.lc-subscribe-item__buy .btn span.subscribe-rub {
    font-size: 18px;
    margin: 0 8px 1px 0;
}
@media (max-width: 1320px) and (min-width: 1024px) {
    .lc-subscribe-item__buy .btn {
        font-size: 12px;
        padding: 6px 8px;
        width: 120px;
    }
}
@media (max-width: 820px) and (min-width: 768px) {
    .lc-subscribe-item__buy .btn {
        font-size: 12px;
        padding: 6px 10px;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__buy .btn {
        font-size: 12px;
    }
}
@media (max-width: 413px) {
    .lc-subscribe-item__buy .btn {
        padding: 6px 12px;
    }
}
.deactivated .lc-subscribe-item__buy .btn-primary-border {
    border-color: rgba(31, 34, 38, 0.5);
    color: hsla(0, 0%, 100%, 0.7);
}
.deactivated .lc-subscribe-item__buy .btn-primary-border .icon {
    --color-1: hsla(0, 0%, 100%, 0.7);
    margin: -3px 8px -3px 0;
}
.lc-subscribe-item__buy .btn-primary-border .icon-lc-repeat {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17px;
    flex: 0 0 17px;
}
.lc-subscribe-item__buy:after,
.lc-subscribe-item__buy:before {
    border-left: 2px solid hsla(0, 0%, 100%, 0.1);
    content: "";
    height: 36px;
    margin: -18px 0 0;
    position: absolute;
    top: 50%;
    width: 0;
}
.deactivated .lc-subscribe-item__buy:after,
.deactivated .lc-subscribe-item__buy:before {
    border-left-color: rgba(31, 34, 38, 0.5);
}
@media (max-width: 767px) {
    .lc-subscribe-item__buy:after,
    .lc-subscribe-item__buy:before {
        display: none;
    }
}
.lc-subscribe-item__buy:before {
    right: -1px;
}
@media (max-width: 445px) {
    .lc-subscribe-item__buy:before {
        right: 15px;
    }
}
@media (max-width: 335px) {
    .lc-subscribe-item__buy:before {
        right: 10px;
    }
}
.deactivated .lc-subscribe-item__buy:before,
.with-buttons .lc-subscribe-item__buy:before,
.with-buttons-hover .lc-subscribe-item__buy:before {
    display: none;
}
.lc-subscribe-item__buy:after {
    left: -1px;
}
@media (max-width: 445px) {
    .lc-subscribe-item__buy:after {
        left: 15px;
    }
}
@media (max-width: 335px) {
    .lc-subscribe-item__buy:after {
        left: 11px;
    }
}
@media (max-width: 768px) {
    .deactivated .lc-subscribe-item__buy:after {
        left: auto;
        right: 0;
    }
}
.lc-subscribe-item__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 20px;
    top: -10px;
}
.lc-subscribe-item__buttons .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    height: 20px;
    line-height: 16px;
    margin: 0 0 0 20px;
    padding: 3px 10px;
    text-transform: uppercase;
    white-space: nowrap;
}
.lc-subscribe-item__buttons .btn:hover {
    opacity: 1;
}
.lc-subscribe-item__buttons .btn .icon {
    display: block;
    margin-right: 5px;
}
.lc-subscribe-item__buttons .btn .icon-lc-settings {
    margin-top: -1px;
}
.lc-subscribe-item__buttons .btn span {
    cursor: pointer;
    display: block;
    font-size: 10px;
    line-height: 1.3;
    max-width: 80px;
    min-width: 80px;
    overflow: hidden;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-underline-offset: 3px;
    white-space: nowrap;
}
.lc-subscribe-item__phone {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: none;
    padding-left: 20px;
    padding-right: 15px;
    position: relative;
    width: auto;
}
@media (max-width: 1320px) {
    .lc-subscribe-item__phone {
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__phone {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        margin-bottom: 10px;
        max-width: 60px;
        order: -2;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        z-index: 1;
    }
    .deactivated .lc-subscribe-item__phone {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        justify-content: center;
        max-width: 33.33333%;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}
@media (max-width: 767px) and (max-width: 374px) {
    .deactivated .lc-subscribe-item__phone {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}
.lc-subscribe-item__phone:before {
    border-left: 2px solid hsla(0, 0%, 100%, 0.1);
    content: "";
    height: 36px;
    left: 0;
    margin: -18px 0 0;
    position: absolute;
    top: 50%;
    width: 0;
}
.deactivated .lc-subscribe-item__phone:before {
    border-left-color: rgba(31, 34, 38, 0.5);
}
@media (max-width: 767px) {
    .lc-subscribe-item__phone:before {
        display: none;
    }
}
.lc-subscribe-item__phone span.subscribe-label {
    font-size: 12px;
    white-space: nowrap;
}
.lc-subscribe-item__phone span.subscribe-label:before {
    background: var(--bg-1);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 0 15px 0 0;
    vertical-align: middle;
    width: 8px;
}
.lc-subscribe-item__phone span.subscribe-key {
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    max-width: 116px;
    min-width: 112px;
    overflow: hidden;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-underline-offset: 3px;
    white-space: nowrap;
}
.lc-subscribe-item__phone span.subscribe-key:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='3' stroke='%23C74242' stroke-width='2'/%3E%3Crect x='6' y='3' width='11' height='2' rx='1' fill='%23C74242'/%3E%3Crect x='10' y='4' width='2' height='3' rx='1' fill='%23C74242'/%3E%3Cpath d='M14 4a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0V4Z' fill='%23C74242'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    height: 8px;
    margin: -1px 10px 0 0;
    vertical-align: middle;
    width: 17px;
}
.lc-subscribe-item__key {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    justify-content: flex-end;
    max-width: none;
    padding-left: 20px;
    padding-right: 15px;
    position: relative;
    width: auto;
}
@media (max-width: 1320px) {
    .lc-subscribe-item__key {
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__key {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        margin-bottom: 10px;
        max-width: 60px;
        order: -2;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        z-index: 1;
    }
    .deactivated .lc-subscribe-item__key {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        justify-content: center;
        max-width: 33.33333%;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}
@media (max-width: 767px) and (max-width: 374px) {
    .deactivated .lc-subscribe-item__key {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}
.lc-subscribe-item__key:before {
    border-left: 2px solid hsla(0, 0%, 100%, 0.1);
    content: "";
    height: 36px;
    left: 0;
    margin: -18px 0 0;
    position: absolute;
    top: 50%;
    width: 0;
}
.deactivated .lc-subscribe-item__key:before {
    border-left-color: rgba(31, 34, 38, 0.5);
}
@media (max-width: 767px) {
    .lc-subscribe-item__key:before {
        display: none;
    }
}
.lc-subscribe-item__key span.subscribe-label {
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    max-width: 116px;
    min-width: 112px;
    overflow: hidden;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-underline-offset: 3px;
    white-space: nowrap;
}
.lc-subscribe-item__key span.subscribe-label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='3' stroke='%23C74242' stroke-width='2'/%3E%3Crect x='6' y='3' width='11' height='2' rx='1' fill='%23C74242'/%3E%3Crect x='10' y='4' width='2' height='3' rx='1' fill='%23C74242'/%3E%3Cpath d='M14 4a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0V4Z' fill='%23C74242'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    height: 8px;
    margin: -1px 10px 0 0;
    vertical-align: middle;
    width: 17px;
}
.lc-subscribe-item__delete {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    justify-content: flex-end;
    max-width: none;
    padding-left: 25px;
    padding-right: 15px;
    position: relative;
    width: auto;
}
@media (max-width: 1320px) {
    .lc-subscribe-item__delete {
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .lc-subscribe-item__delete {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        margin-bottom: 10px;
        max-width: 60px;
        order: -2;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        z-index: 1;
    }
    .deactivated .lc-subscribe-item__delete {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        justify-content: center;
        max-width: 33.33333%;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}
@media (max-width: 767px) and (max-width: 374px) {
    .deactivated .lc-subscribe-item__delete {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}
.lc-subscribe-item__delete .btn {
    padding: 5px;
    width: auto;
}
.deactivated .lc-subscribe-item__delete .btn-primary-border {
    border-color: rgba(31, 34, 38, 0.5);
    color: hsla(0, 0%, 100%, 0.7);
}
.deactivated .lc-subscribe-item__delete .btn-primary-no-border {
    color: hsla(0, 0%, 100%, 0.7);
}
.lc-subscribe-item__delete .icon {
    stroke: #fff;
    stroke-width: 3;
}
.deactivated .lc-subscribe-item__delete .icon {
    stroke: hsla(0, 0%, 100%, 0.7);
}
.lc-subscribe-item__label {
    font-weight: 500;
    margin-bottom: 5px;
}
.lc-subscribe-item__label .promo-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--fgp-color-1);
    border-radius: 4px;
    color: #202427;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 9px;
    height: 18px;
    justify-content: center;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.lc-subscribe-item__label .promo-label:hover .promo-label__hover {
    opacity: 1;
    -webkit-transform: translate(-50%, -7px);
    -ms-transform: translate(-50%, -7px);
    transform: translate(-50%, -7px);
    visibility: visible;
}
.lc-subscribe-item__label .promo-label span {
    display: block;
    line-height: 1;
    padding: 2px 0 0;
}
.lc-subscribe-item__label .promo-label__hover {
    background: hsla(0, 0%, 100%, 0.9);
    border-radius: 4px;
    bottom: 100%;
    color: #202427;
    font-size: 10px;
    font-weight: 400;
    left: 50%;
    opacity: 0;
    padding: 6px;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: var(--transition03-transform), var(--transition03-opacity);
    -o-transition: var(--transition03-transform), var(--transition03-opacity);
    transition: var(--transition03-transform), var(--transition03-opacity);
    visibility: hidden;
    width: 110px;
}
.lc-subscribe-item__label .promo-label__hover:after {
    border-color: hsla(0, 0%, 100%, 0.9) transparent transparent;
    border-style: solid;
    border-width: 2px 3px 0;
    content: "";
    height: 0;
    left: 50%;
    margin: 0 0 0 -3px;
    position: absolute;
    top: 100%;
    width: 0;
}
.lc-subscribe-item__label .promo-label .icon {
    --white: #202427;
}
.lc-subscribe-item__label .promo-label .icon-lc-question {
    height: 14px;
    margin: 0 0 0 5px;
    width: 14px;
}
.lc-subscribe-item__value {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
}
.lc-subscribe-item__value .icon {
    display: block;
    margin-left: 5px;
}
.lc-subscribe-item__value .icon-lc-question {
    height: 16px;
    margin-bottom: -3px;
    width: 16px;
}
.lc-subscribe-item__value del {
    margin-right: 5px;
    opacity: 0.4;
}
.lc-subscribe-item__text {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 14px;
    max-width: none;
    padding-left: 25px;
    padding-right: 25px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    width: auto;
}
.lc-subscribe-item__scale {
    -webkit-box-flex: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: space-between;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 22px;
    position: relative;
    width: 100%;
}
.lc-subscribe-item__scale:before {
    background: #2c2f32;
    content: "";
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px;
    top: 0;
}
@media (max-width: 768px) {
    .lc-subscribe-item__scale {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.lc-subscribe-item-scale__header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 205px;
    flex: 0 0 205px;
    padding: 0 18px 0 0;
}
@media (max-width: 768px) {
    .lc-subscribe-item-scale__header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0 120px 0 0;
    }
}
.lc-subscribe-item-scale__title {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .lc-subscribe-item-scale__title {
        white-space: nowrap;
    }
}
@media (max-width: 768px) {
    .lc-subscribe-item-scale__title {
        white-space: normal;
    }
}
.lc-subscribe-item-scale__desc {
    color: #b5b5b5;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    max-width: 170px;
}
@media (max-width: 768px) {
    .lc-subscribe-item-scale__desc {
        margin-bottom: 10px;
    }
}
.lc-subscribe-item-scale__block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.lc-subscribe-item-scale__line {
    padding: 7px 20px 0 0;
    width: 100%;
}
@media (max-width: 1024px) {
    .lc-subscribe-item-scale__line {
        padding-top: 10px;
    }
}
@media (max-width: 768px) {
    .lc-subscribe-item-scale__line {
        padding: 0;
    }
}
.lc-subscribe-item-scale__line .line {
    background: var(--bg-2);
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 14px;
    position: relative;
}
@media (max-width: 768px) {
    .lc-subscribe-item-scale__line .line {
        margin-bottom: 20px;
    }
}
.lc-subscribe-item-scale__line .line:after,
.lc-subscribe-item-scale__line .line:before {
    background: url(/bitrix/templates/c4g/css/../pictures/lc/dot.png) 50% 50% repeat-x;
    content: "";
    height: 8px;
    margin: 11px 0 0;
    position: absolute;
    top: 100%;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
}
.lc-subscribe-item-scale__line .line:before {
    left: 15px;
}
.lc-subscribe-item-scale__line .line:after {
    right: 15px;
}
.lc-subscribe-item-scale__line .line__first,
.lc-subscribe-item-scale__line .line__last,
.lc-subscribe-item-scale__line .line__mid {
    font-size: 10px;
    line-height: 22px;
    margin: 5px 0 0;
    position: absolute;
    top: 100%;
}
.lc-subscribe-item-scale__line .line__first {
    left: 0;
}
.lc-subscribe-item-scale__line .line__mid {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.lc-subscribe-item-scale__line .line__last {
    right: 0;
}
.lc-subscribe-item-scale__line .line__scale {
    background: var(--bg-1);
    border-radius: 7px;
    height: 14px;
}
.lc-subscribe-item-scale__days {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .lc-subscribe-item-scale__days {
        position: absolute;
        right: 15px;
        top: 34px;
    }
}
.lc-subscribe-item-scale__days span.label {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: 0 12px 0 0;
    text-align: right;
}
.lc-subscribe-item-scale__days span.day {
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
}
@media (max-width: 768px) {
    .lc-subscribe-item-scale__days span.day {
        font-size: 30px;
        line-height: 36px;
    }
}
.lc-subscribe__bonus {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.lc-subscribe-bonus__icon {
    padding: 0 15px;
}
@media (max-width: 768px) {
    .lc-subscribe-bonus__icon {
        padding: 0 11px;
    }
}
.lc-subscribe-bonus__icon:first-child {
    padding: 0 15px 0 37px;
}
@media (max-width: 768px) {
    .lc-subscribe-bonus__icon:first-child {
        padding: 0 11px 0 30px;
    }
}
.lc-subscribe-bonus__icon a {
    display: block;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.lc-subscribe-bonus__icon a .icon {
    display: block;
}
.lc-subscribe-bonus__icon a .icon-bonus-multy {
    height: 24px;
    margin-top: -2px;
    width: 63px;
}
@media (max-width: 375px) {
    .lc-subscribe-bonus__icon a .icon-bonus-multy {
        height: 20px;
        width: 54px;
    }
}
.lc-subscribe-bonus__icon a .icon-bonus-spasibo {
    height: 26px;
    width: 98px;
}
@media (max-width: 375px) {
    .lc-subscribe-bonus__icon a .icon-bonus-spasibo {
        height: 22px;
        width: 80px;
    }
    .lc-subscribe-bonus__icon a .icon-bonus-gorod {
        height: 16px;
        width: 80px;
    }
}
.lc-subscribe-bonus__desc {
    -webkit-box-flex: 1;
    color: #b5b5b5;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 14px;
    line-height: 20px;
    padding: 0 15px 0 45px;
    position: relative;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
    .lc-subscribe-bonus__desc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        font-size: 12px;
        padding: 15px 30px 0;
        width: 100%;
    }
}
@media (max-width: 375px) {
    .lc-subscribe-bonus__desc {
        padding: 10px 24px 0;
    }
}
.lc-subscribe-bonus__desc:before {
    background-color: #373a3c;
    content: "";
    height: 34px;
    left: 18px;
    margin: -17px 0 0;
    position: absolute;
    top: 50%;
    width: 2px;
}
@media (max-width: 768px) {
    .lc-subscribe-bonus__desc:before {
        display: none;
    }
}
.lc-subscribe__recover {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lc-subscribe-recover__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    margin: 0 15px 0 0;
    width: 16px;
}
.lc-subscribe-recover__icon .icon {
    display: block;
}
.lc-subscribe-recover__desc {
    -webkit-box-flex: 1;
    color: var(--white);
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 14px;
}
.arrow-hover .arrow-animate {
    cursor: pointer;
    display: block;
    height: 11.31542px;
    position: relative;
    width: 5.65771px;
}
.arrow-hover .arrow-animate b,
.arrow-hover .arrow-animate:after,
.arrow-hover .arrow-animate:before {
    background: #fff;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -webkit-calc(50% - 0.5px);
    top: calc(50% - 0.5px);
    width: 8px;
}
.arrow-hover .arrow-animate:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.arrow-hover .arrow-animate:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow-hover .arrow-animate b {
    width: 0;
}
.arrow-hover .arrow-animate.arrow--left b,
.arrow-hover .arrow-animate.arrow--left:after,
.arrow-hover .arrow-animate.arrow--left:before {
    left: 0;
    -webkit-transform-origin: left 50%;
    -ms-transform-origin: left 50%;
    transform-origin: left 50%;
}
.arrow-hover .arrow-animate.arrow--left:after,
.arrow-hover .arrow-animate.arrow--left:before {
    -webkit-transition: left 0.3s 0.05s;
    -o-transition: left 0.3s 0.05s;
    transition: left 0.3s 0.05s;
}
.arrow-hover .arrow-animate.arrow--left b {
    -webkit-transition: width 0.3s, left 0.3s 0.05s;
    -o-transition: width 0.3s, left 0.3s 0.05s;
    transition: width 0.3s, left 0.3s 0.05s;
}
.arrow-hover .arrow-animate.arrow--left:hover b,
.arrow-hover .arrow-animate.arrow--left:hover:after,
.arrow-hover .arrow-animate.arrow--left:hover:before {
    left: -5.65771px;
}
.arrow-hover .arrow-animate.arrow--right b,
.arrow-hover .arrow-animate.arrow--right:after,
.arrow-hover .arrow-animate.arrow--right:before {
    right: 0;
    -webkit-transform-origin: right 50%;
    -ms-transform-origin: right 50%;
    transform-origin: right 50%;
}
.arrow-hover .arrow-animate.arrow--right:after,
.arrow-hover .arrow-animate.arrow--right:before {
    -webkit-transition: right 0.3s 0.05s;
    -o-transition: right 0.3s 0.05s;
    transition: right 0.3s 0.05s;
}
.arrow-hover .arrow-animate.arrow--right b {
    -webkit-transition: width 0.3s, right 0.3s 0.05s;
    -o-transition: width 0.3s, right 0.3s 0.05s;
    transition: width 0.3s, right 0.3s 0.05s;
}
.arrow-hover .arrow-animate.arrow--right:hover b,
.arrow-hover .arrow-animate.arrow--right:hover:after,
.arrow-hover .arrow-animate.arrow--right:hover:before {
    right: -5.65771px;
}
.arrow-hover:hover .arrow-animate b {
    width: 11.312px;
}
.arrow-hover:hover .arrow-animate.arrow--left b,
.arrow-hover:hover .arrow-animate.arrow--left:after,
.arrow-hover:hover .arrow-animate.arrow--left:before {
    left: -5.65771px;
}
.arrow-hover:hover .arrow-animate.arrow--right b,
.arrow-hover:hover .arrow-animate.arrow--right:after,
.arrow-hover:hover .arrow-animate.arrow--right:before {
    right: -5.65771px;
}
.breadcrumbs {
    padding-bottom: 10px;
    padding-top: 30px;
    text-transform: uppercase;
}
.breadcrumbs > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 0;
}
.aion-classic-color .breadcrumbs > ul,
.bb-color .breadcrumbs > ul {
    font-family: var(--font-montserrat);
}
.roblox-color .breadcrumbs > ul {
    font-family: var(--font-open-sans);
    font-weight: 400;
}
.fortnite-color .breadcrumbs > ul {
    font-family: var(--font-rubik);
}
.breadcrumbs > ul li {
    list-style-type: none;
    margin: 0 27px 0 0;
    position: relative;
}
.breadcrumbs > ul li:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 3 3-3 3' stroke='%23FFF' stroke-width='2'/%3E%3C/svg%3E") 50% 50% no-repeat;
    content: "";
    height: 8px;
    left: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
    width: 6px;
}
.aion-classic-color:not(.product__block) .breadcrumbs > ul li:after,
.aion-color:not(.product__block) .breadcrumbs > ul li:after,
.apex-color .breadcrumbs > ul li:after,
.freefire-color:not(.product__block) .breadcrumbs > ul li:after,
.ragnarok-color .breadcrumbs > ul li:after,
.ragnarok__header .breadcrumbs > ul li:after,
.roblox-color .breadcrumbs > ul li:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 3 3-3 3' stroke='%2335322F' stroke-width='2'/%3E%3C/svg%3E") 50% 50% no-repeat;
}
.breadcrumbs > ul li:last-child {
    margin: 0;
}
.breadcrumbs > ul li:last-child:after {
    display: none;
}
.breadcrumbs > ul li a {
    color: var(--white);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    white-space: nowrap;
}
.aion-classic-color:not(.product__block) .breadcrumbs > ul li a,
.aion-color:not(.product__block) .breadcrumbs > ul li a,
.apex-color .breadcrumbs > ul li a,
.freefire-color:not(.product__block) .breadcrumbs > ul li a,
.ragnarok-color .breadcrumbs > ul li a,
.ragnarok__header .breadcrumbs > ul li a,
.roblox-color .breadcrumbs > ul li a {
    color: var(--rg-color);
}
.breadcrumbs-block,
.breadcrumbs-block .breadcrumb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.breadcrumbs-block .breadcrumb {
    padding: 0 20px;
    position: relative;
}
.breadcrumbs-block .breadcrumb:after,
.breadcrumbs-block .breadcrumb:before {
    content: "";
    height: 2px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 250px;
}
.breadcrumbs-block .breadcrumb:before {
    background: -webkit-gradient(linear, right top, left top, from(rgba(38, 49, 65, 0)), to(#263141));
    background: -webkit-linear-gradient(right, rgba(38, 49, 65, 0), #263141);
    background: -o-linear-gradient(right, rgba(38, 49, 65, 0) 0, #263141 100%);
    background: linear-gradient(270deg, rgba(38, 49, 65, 0), #263141);
    left: 100%;
}
.breadcrumbs-block .breadcrumb:after {
    background: -webkit-gradient(linear, right top, left top, from(#263141), to(rgba(38, 49, 65, 0)));
    background: -webkit-linear-gradient(right, #263141, rgba(38, 49, 65, 0));
    background: -o-linear-gradient(right, #263141 0, rgba(38, 49, 65, 0) 100%);
    background: linear-gradient(270deg, #263141, rgba(38, 49, 65, 0));
    right: 100%;
}
.breadcrumbs-block .breadcrumb-item {
    font-size: 16px;
    font-weight: 600;
    margin: 0 123px 0 0;
    position: relative;
}
.breadcrumbs-block .breadcrumb-item:after {
    background: #263141;
    content: "";
    height: 2px;
    left: 100%;
    margin: -1px 0 0 20px;
    position: absolute;
    top: 50%;
    width: 82px;
}
.breadcrumbs-block .breadcrumb-item:last-child {
    margin: 0;
}
.breadcrumbs-block .breadcrumb-item:last-child:after {
    display: none;
}
.breadcrumbs-block .breadcrumb-item a {
    color: var(--white);
    text-decoration: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.breadcrumbs-block .breadcrumb-item a:hover {
    color: var(--bg-1);
}
.bx-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.bx-pagination,
.bx-pagination .bx-pagination-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bx-pagination .bx-pagination-container ul li {
    margin: 0 4px;
}
.bx-pagination .bx-pagination-container ul li a {
    background: transparent;
    padding: 0;
}
.bx-pagination .bx-pagination-container ul li a,
.bx-pagination .bx-pagination-container ul li a span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    min-width: 30px;
    position: relative;
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.bx-pagination .bx-pagination-container ul li a span {
    background: #1f2226;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
}
.bx-pagination .bx-pagination-container ul li a:hover span {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: var(--bg-1);
}
.bx-pagination .bx-pagination-container ul li.bx-active span,
.bx-pagination .bx-pagination-container ul li.bx-active span:hover {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #3b3e42;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    min-width: 30px;
    padding: 5px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-next a,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a {
    background: #3b3e42;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 2 6 6-6 6' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
    height: 12px;
    width: 6px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: slideOutRight, fadeOut05;
    animation-name: slideOutRight, fadeOut05;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-pref a:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 2 6 6-6 6' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
    height: 12px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 6px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-pref a:hover:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: slideOutLeftt, fadeOut05;
    animation-name: slideOutLeftt, fadeOut05;
}
.pre-loader .block__head.h3 > span {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-1);
    border: none;
    display: inline-block;
    height: 32px;
    width: 300px;
}
.wowsh-color .pre-loader .block__head.h3 > span {
    background: var(--preload-1-wow);
}
.pre-loader .block__head.h3 .swiper__filter {
    padding: 0;
}
.pre-loader .block__head.h3 .swiper__filter ul .swiper-filter__item > span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    width: auto;
}
.pre-loader .block__head.h3 .swiper__filter ul .swiper-filter__item span {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    border: none;
    border-radius: 0;
}
.pre-loader .block__head.h3 .swiper__filter ul .swiper-filter__item span.swiper-filter-item__icon {
    background: var(--preload-1);
}
.wowsh-color .pre-loader .block__head.h3 .swiper__filter ul .swiper-filter__item span.swiper-filter-item__icon {
    background: var(--preload-1-wow);
}
.pre-loader .block__head.h3 .swiper__filter ul .swiper-filter__item span.swiper-filter-item__name {
    background: var(--preload-1);
    height: 17px;
    width: 100%;
}
.wowsh-color .pre-loader .block__head.h3 .swiper__filter ul .swiper-filter__item span.swiper-filter-item__name {
    background: var(--preload-1-wow);
}
.pre-loader .block__head.h3 .swiper__filter ul .swiper-filter__item span.swiper-filter-item__name:after {
    display: none;
}
.pre-loader .ea-slider__item * {
    pointer-events: none;
}
@media (max-width: 1280px) {
    .pre-loader .ea-slider__item:last-child {
        display: none;
    }
}
@media (max-width: 1024px) {
    .pre-loader .ea-slider__item:nth-child(3) {
        display: none;
    }
}
@media (max-width: 767px) {
    .pre-loader .ea-slider__item:nth-child(2) {
        display: none;
    }
}
.pre-loader .ea-slider__item--wide .ea-slider-item__picture .wot__picture {
    top: 20px;
}
.pre-loader .ea-slider__item--wide .ea-slider-item__icons {
    right: 50%;
}
.pre-loader .ea-slider__item--wide .ea-slider-item__more {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-2);
}
.wowsh-color .pre-loader .ea-slider__item--wide .ea-slider-item__more {
    background: var(--preload-2-wow);
}
.pre-loader .ea-slider__item--big {
    margin: 0 auto 10px;
    max-width: 672px;
}
@media (max-width: 1280px) {
    .pre-loader .ea-slider__item--super:first-child {
        display: block;
        margin: 0 auto;
        max-width: 672px;
    }
}
@media (max-width: 1024px) {
    .pre-loader .ea-slider__item--super:first-child {
        display: block;
    }
}
@media (max-width: 767px) {
    .pre-loader .ea-slider__item--super:first-child {
        display: block;
    }
}
.pre-loader .ea-slider-item__super {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
}
.pre-loader .ea-slider-item__super:before {
    display: none;
}
.pre-loader .ea-slider-item__super .ea-slider-item__back {
    background: none;
    width: 100%;
}
.pre-loader .ea-slider-item__super .ea-slider-item__back .wot__select {
    margin: -2px 0 -2px -153px;
    padding: 0;
}
@media (max-width: 767px) {
    .pre-loader .ea-slider-item__super .ea-slider-item__back .wot__select {
        margin-top: -130px;
    }
}
.pre-loader .ea-slider-item__super .ea-slider-item__back .wot__select:before {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-2);
    bottom: 34px;
    top: 24px;
}
.wowsh-color .pre-loader .ea-slider-item__super .ea-slider-item__back .wot__select:before {
    background: var(--preload-2-wow);
}
.pre-loader .ea-slider-item__super .ea-slider-item__back .wot-select__list:after,
.pre-loader .ea-slider-item__super .ea-slider-item__back .wot-select__list:before {
    display: none;
}
.pre-loader .ea-slider-item__super .ea-slider-item__back .wot-select-item__desc span {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-1);
    display: inline-block;
    height: 14px;
    width: 80px;
}
.wowsh-color .pre-loader .ea-slider-item__super .ea-slider-item__back .wot-select-item__desc span {
    background: var(--preload-1-wow);
}
.pre-loader .ea-slider-item__super .ea-slider-item__back .wot__append {
    padding: 64px 45px 45px 55px;
}
@media (max-width: 1280px) {
    .pre-loader .ea-slider-item__super .ea-slider-item__back .wot__append {
        display: none;
    }
}
.pre-loader .ea-slider-item__super .ea-slider-item__back .wot-screenshots__header span {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-1);
    border: none;
    display: inline-block;
    height: 32px;
    width: 300px;
}
.wowsh-color .pre-loader .ea-slider-item__super .ea-slider-item__back .wot-screenshots__header span {
    background: var(--preload-1-wow);
}
.pre-loader .ea-slider-item__super .ea-slider-item__back .wot-screenshots__list {
    position: relative;
}
.pre-loader .ea-slider-item__super .ea-slider-item__back .wot-screenshots__item {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-1);
    border: none;
}
.wowsh-color .pre-loader .ea-slider-item__super .ea-slider-item__back .wot-screenshots__item {
    background: var(--preload-1-wow);
}
.pre-loader .ea-slider-item__super .ea-slider-item__back .wot__buttons {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-2);
    height: 46px;
}
.wowsh-color .pre-loader .ea-slider-item__super .ea-slider-item__back .wot__buttons {
    background: var(--preload-2-wow);
}
.pre-loader .ea-slider-item__super .ea-slider-item__picture {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
}
@media (max-width: 1280px) {
    .pre-loader .ea-slider-item__super .ea-slider-item__picture {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }
}
.pre-loader .ea-slider-item__picture {
    background: var(--preload-1);
}
.wowsh-color .pre-loader .ea-slider-item__picture {
    background: var(--preload-1-wow);
}
.pre-loader .ea-slider-item__picture:after,
.pre-loader .ea-slider-item__picture:before {
    display: none;
}
.pre-loader .ea-slider-item__picture .wot__picture {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-2);
}
.wowsh-color .pre-loader .ea-slider-item__picture .wot__picture {
    background: var(--preload-2-wow);
}
.pre-loader .ea-slider-item__icons {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-2);
    height: 25px;
    left: 20px;
    right: 20px;
}
.wowsh-color .pre-loader .ea-slider-item__icons {
    background: var(--preload-2-wow);
}
.pre-loader .ea-slider-item__name {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-2);
    height: 43px;
}
.wowsh-color .pre-loader .ea-slider-item__name {
    background: var(--preload-2-wow);
}
.pre-loader .ea-slider-item__more {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-2);
    border-radius: 0;
    height: 28px;
}
.wowsh-color .pre-loader .ea-slider-item__more {
    background: var(--preload-2-wow);
}
.pre-loader .catalog-list__more span {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: var(--preload-1);
    display: block;
    height: 45px;
}
.wowsh-color .pre-loader .catalog-list__more span {
    background: var(--preload-1-wow);
}
.pre-loader--red .block__head.h3 span {
    background: var(--preload-3);
}
.wowsh-color .pre-loader--red .block__head.h3 span {
    background: var(--preload-3-wow);
}
.pre-loader--red .ea-slider__item--wide .ea-slider-item__more {
    background: var(--preload-4);
}
.wowsh-color .pre-loader--red .ea-slider__item--wide .ea-slider-item__more {
    background: var(--preload-4-wow);
}
.pre-loader--red .ea-slider-item__picture {
    background: var(--preload-3) !important;
}
.wowsh-color .pre-loader--red .ea-slider-item__picture {
    background: var(--preload-3-wow) !important;
}
.pre-loader--red .ea-slider-item__picture .wot__picture {
    background: var(--preload-4);
}
.wowsh-color .pre-loader--red .ea-slider-item__picture .wot__picture {
    background: var(--preload-4-wow);
}
.pre-loader--red .ea-slider-item__icons,
.pre-loader--red .ea-slider-item__more,
.pre-loader--red .ea-slider-item__name {
    background: var(--preload-4);
}
.wowsh-color .pre-loader--red .ea-slider-item__icons,
.wowsh-color .pre-loader--red .ea-slider-item__more,
.wowsh-color .pre-loader--red .ea-slider-item__name {
    background: var(--preload-4-wow);
}
.pre-loader--red .catalog-list__more span {
    background: var(--preload-3);
}
.wowsh-color .pre-loader--red .catalog-list__more span {
    background: var(--preload-3-wow);
}
.catalog-list__more {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 16px;
    margin-bottom: 40px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    width: 100%;
}
@media (max-width: 767px) {
    .catalog-list__more {
        font-size: 16px;
        padding-top: 10px;
    }
}
.catalog-list__more.product-info-content__readmore {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.catalog-list__more a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #242654;
    border-radius: var(--br-5);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.catalog-list__more a:hover {
    opacity: 1;
}
.catalog-list__more.nintendo-color,
.catalog-list__more.nintendo-color a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.catalog-list__more.nintendo-color a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border: 3px solid var(--black);
    border-radius: 100px;
    -webkit-box-shadow: 3px 3px 0 5px var(--black);
    box-shadow: 3px 3px 0 5px var(--black);
    color: var(--black);
    font-family: var(--font-futura);
    font-size: 18px;
    font-weight: 700;
    height: 54px;
    line-height: 23px;
    padding: 0 40px;
    text-decoration: none;
    text-transform: uppercase;
}
.catalog-list__more.nintendo-color a .catalog-list-more__dots {
    display: none;
}
.catalog-list__more.xboxgp-color,
.catalog-list__more.xboxgp-color a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.catalog-list__more.xboxgp-color a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border-radius: 100px;
    color: var(--black);
    font-family: var(--font-segoeui);
    font-size: 18px;
    font-weight: 700;
    height: 54px;
    line-height: 23px;
    padding: 0 40px;
    text-decoration: none;
    text-transform: uppercase;
}
.catalog-list__more.xboxgp-color a .catalog-list-more__dots {
    display: none;
}
.catalog-list__more.fourgame-color {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    justify-content: center;
}
.catalog-list__more.fourgame-color a {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/title/show-more.png) 50% 50% no-repeat;
    height: 32px;
    text-transform: uppercase;
    width: 601px;
}
@media (max-width: 768px) {
    .catalog-list__more.fourgame-color a {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/title/show-more-sm.png) 50% 50% no-repeat;
        height: 30px;
        width: 345px;
    }
}
.catalog-list__more.fourgame-color a .catalog-list-more__name {
    display: block;
    opacity: 0.8;
    padding-bottom: 8px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 768px) {
    .catalog-list__more.fourgame-color a .catalog-list-more__name span {
        display: none;
    }
}
.catalog-list__more.fourgame-color a:hover {
    opacity: 0.8;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}
.catalog-list__more.fourgame-color a:hover span {
    padding-bottom: 5px;
}
.catalog-list__more.pb-color {
    font-family: var(--font-rubik);
    padding-top: 20px;
}
.catalog-list__more.pb-color a {
    background-color: var(--fgp-color-1);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--black);
    height: 45px;
    position: relative;
    z-index: 1;
}
.catalog-list__more.pb-color .loader-dots span {
    background: var(--black);
}
.catalog-list__more.fgp-color-2 {
    font-family: var(--font-rubik);
    padding-top: 20px;
}
.catalog-list__more.fgp-color-2 a {
    background-color: transparent;
    border-radius: 100px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--white);
    height: 45px;
    position: relative;
    z-index: 1;
}
.catalog-list__more.fgp-color-2 a:before {
    background: #302746;
    border-radius: var(--br-5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    z-index: -1;
}
.catalog-list__more.fgp-color-2 .loader-dots span {
    background: var(--bg-1);
}
.catalog-list__more.ragnarok-color a {
    background-color: var(--white);
    border-radius: 100px;
    -webkit-box-shadow: 0 0 50px rgba(235, 138, 96, 0.15);
    box-shadow: 0 0 50px rgba(235, 138, 96, 0.15);
    color: var(--rg-color);
    height: 45px;
}
.catalog-list__more.ragnarok-color .loader-dots span {
    background: rgba(233, 135, 93, 0.9);
}
.catalog-list__more.rf-color a {
    border-radius: 0;
    color: var(--white);
    height: 40px;
    margin: 0 -2px;
    position: relative;
}
.catalog-list__more.rf-color a:before {
    border: 1px solid;
    bottom: -5px;
    content: "";
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px;
}
.catalog-list__more.rf-color a .catalog-list-more__dots:after,
.catalog-list__more.rf-color a .catalog-list-more__dots:before {
    content: "";
    height: 7px;
    position: absolute;
    top: -8px;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    width: 7px;
}
.catalog-list__more.rf-color a .catalog-list-more__dots:before {
    left: -8px;
}
.catalog-list__more.rf-color a .catalog-list-more__dots:after {
    right: -8px;
}
.catalog-list__more.rf-color a .catalog-list-more__name:after,
.catalog-list__more.rf-color a .catalog-list-more__name:before {
    bottom: -8px;
    content: "";
    height: 7px;
    position: absolute;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    width: 7px;
}
.catalog-list__more.rf-color a .catalog-list-more__name:before {
    left: -8px;
}
.catalog-list__more.rf-color a .catalog-list-more__name:after {
    right: -8px;
}
.catalog-list__more.rf-color a:hover .catalog-list-more__dots:after,
.catalog-list__more.rf-color a:hover .catalog-list-more__dots:before {
    -webkit-transform: translateY(49px);
    -ms-transform: translateY(49px);
    transform: translateY(49px);
}
.catalog-list__more.rf-color a:hover .catalog-list-more__name:after,
.catalog-list__more.rf-color a:hover .catalog-list-more__name:before {
    -webkit-transform: translateY(-49px);
    -ms-transform: translateY(-49px);
    transform: translateY(-49px);
}
.catalog-list__more.rf-color a .loader-dots span {
    background: #ffc696;
}
.catalog-list__more.rf-color-1 a {
    background-color: rgba(77, 64, 112, 0.8);
}
.catalog-list__more.rf-color-1 a:before {
    border-color: rgba(77, 64, 112, 0.4);
}
.catalog-list__more.rf-color-1 a .catalog-list-more__dots:after,
.catalog-list__more.rf-color-1 a .catalog-list-more__dots:before,
.catalog-list__more.rf-color-1 a .catalog-list-more__name:after,
.catalog-list__more.rf-color-1 a .catalog-list-more__name:before {
    background-color: rgba(62, 52, 93, 0.4);
}
.catalog-list__more.rf-color-1 a:hover {
    background-color: #322e4b;
}
.catalog-list__more.rf-color-2 a {
    background-color: rgba(125, 65, 29, 0.8);
}
.catalog-list__more.rf-color-2 a:before {
    border-color: rgba(125, 65, 29, 0.6);
}
.catalog-list__more.rf-color-2 a .catalog-list-more__dots:after,
.catalog-list__more.rf-color-2 a .catalog-list-more__dots:before,
.catalog-list__more.rf-color-2 a .catalog-list-more__name:after,
.catalog-list__more.rf-color-2 a .catalog-list-more__name:before {
    background-color: rgba(125, 65, 29, 0.6);
}
.catalog-list__more.rf-color-2 a:hover {
    background-color: #4f2a14;
}
.catalog-list__more.rf-color-3 a {
    background-color: rgba(106, 126, 157, 0.8);
}
.catalog-list__more.rf-color-3 a:before {
    border-color: rgba(106, 126, 157, 0.6);
}
.catalog-list__more.rf-color-3 a .catalog-list-more__dots:after,
.catalog-list__more.rf-color-3 a .catalog-list-more__dots:before,
.catalog-list__more.rf-color-3 a .catalog-list-more__name:after,
.catalog-list__more.rf-color-3 a .catalog-list-more__name:before {
    background-color: rgba(106, 126, 157, 0.6);
}
.catalog-list__more.rf-color-3 a:hover {
    background-color: #404d61;
}
.catalog-list__more.rf-color-4 a {
    background-color: rgba(15, 63, 43, 0.8);
}
.catalog-list__more.rf-color-4 a:before {
    border-color: rgba(15, 63, 43, 0.6);
}
.catalog-list__more.rf-color-4 a .catalog-list-more__dots:after,
.catalog-list__more.rf-color-4 a .catalog-list-more__dots:before,
.catalog-list__more.rf-color-4 a .catalog-list-more__name:after,
.catalog-list__more.rf-color-4 a .catalog-list-more__name:before {
    background-color: rgba(15, 63, 43, 0.6);
}
.catalog-list__more.rf-color-4 a:hover {
    background-color: #09281d;
}
.catalog-list__more.crowfall-color a {
    background-color: var(--crowfall-color-2);
    border-radius: var(--br-10);
    color: var(--white);
    height: 45px;
}
.catalog-list__more.crowfall-color a:hover {
    background: rgba(15, 21, 34, 0.8);
    opacity: 1;
}
.catalog-list__more.crowfall-color .loader-dots span {
    background: var(--crowfall-color);
}
.catalog-list__more.aion-color a {
    background-color: var(--aion-bg);
    border: 1px solid rgba(69, 79, 183, 0.2);
    border-radius: var(--br-10);
    -webkit-box-shadow: 0 0 10px rgba(75, 85, 195, 0.2);
    box-shadow: 0 0 10px rgba(75, 85, 195, 0.2);
    color: var(--aion-name);
    height: 45px;
}
.catalog-list__more.aion-color a:hover {
    background: #c9ceff;
    opacity: 1;
}
.catalog-list__more.aion-color .loader-dots span {
    background: var(--aion-name);
}
.catalog-list__more.l2-legacy-color a {
    background-color: var(--l2-legacy-color-1);
    border: 1px solid rgba(253, 214, 87, 0.2);
    border-radius: var(--br-10);
    color: var(--black);
    height: 45px;
}
.catalog-list__more.l2-legacy-color a:hover {
    background: #fdd03e;
    opacity: 1;
}
.catalog-list__more.l2-legacy-color .loader-dots span {
    background: var(--black);
}
.catalog-list__more.wg-color a {
    background: var(--bg2-wg);
    border-radius: var(--br-10);
    color: var(--white);
    height: 45px;
}
.catalog-list__more.wg-color a:hover {
    background: #5b3534;
    opacity: 1;
}
.catalog-list__more.wt-color a {
    background: var(--wt-color-bg);
    border-radius: var(--br-10);
    color: var(--white);
    height: 45px;
}
.catalog-list__more.wt-color a:hover {
    background: #5b3534;
    opacity: 1;
}
.catalog-list__more.wt-color .loader-dots span {
    background: var(--wt-color-1);
}
.catalog-list__more.wt-color-gold .loader-dots span {
    background: var(--wt-color-2);
}
.catalog-list__more.wow-color a {
    background: var(--ww-bg);
    border-radius: var(--br-10);
    color: var(--white);
    height: 45px;
}
.catalog-list__more.wow-color a:hover {
    background: #11387c;
    opacity: 1;
}
.catalog-list__more.wow-color .loader-dots span {
    background: var(--ww-color);
}
.catalog-list__more.wt-color.product-info-content__readmore a {
    height: 45px;
}
.catalog-list__more.wt-color.product-info-content__readmore a:hover {
    opacity: 1;
}
.catalog-list__more.wt-color.product-info-content__readmore .loader-dots {
    margin: -3px 10px 0 0;
    position: relative;
}
.catalog-list__more.wt-color.product-info-content__readmore .loader-dots span {
    -webkit-animation: none;
    animation: none;
    background: none;
    border: 2px solid var(--white);
    border-left: none;
    border-radius: 0;
    border-top: none;
    height: 5px;
    margin: 9px 0 0 4px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    -ms-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px);
    width: 5px;
}
.catalog-list__more.wt-color.product-info-content__readmore .loader-dots span:nth-child(2) {
    margin-top: 2px;
}
.catalog-list__more.wt-color.product-info-content__readmore .loader-dots span:nth-child(3) {
    display: none;
}
.catalog-list__more.wt-color.product-info-content__readmore a:hover .loader-dots span {
    -webkit-animation: animate-go-down2 2s infinite;
    animation: animate-go-down2 2s infinite;
}
.catalog-list__more.wt-color.product-info-content__readmore a:hover .loader-dots span:nth-child(2) {
    -webkit-animation: animate-go-down2 2s infinite;
    animation: animate-go-down2 2s infinite;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.catalog-list__more.nintendo-color-type-2 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1.5px;
}
@media (max-width: 768px) {
    .catalog-list__more.nintendo-color-type-2 {
        font-size: 16px;
    }
}
@media (max-width: 414px) {
    .catalog-list__more.nintendo-color-type-2 {
        font-size: 14px;
    }
}
.catalog-list__more.nintendo-color-type-2 a {
    background: var(--white);
    border-radius: var(--br-20);
    color: var(--black);
    height: 45px;
}
.catalog-list__more.nintendo-color-type-2 a:hover {
    background: var(--nintendo-link);
    color: var(--white);
    opacity: 1;
}
.catalog-list__more.nintendo-color-type-2 .loader-dots {
    margin: -3px 10px 0 0;
    position: relative;
}
.catalog-list__more.nintendo-color-type-2 .loader-dots span {
    -webkit-animation: none;
    animation: none;
    background: none;
    border: 2px solid var(--black);
    border-left: none;
    border-radius: 0;
    border-top: none;
    height: 5px;
    margin: 9px 0 0 4px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    -ms-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px);
    width: 5px;
}
.catalog-list__more.nintendo-color-type-2 .loader-dots span:nth-child(2) {
    margin-top: 2px;
}
.catalog-list__more.nintendo-color-type-2 .loader-dots span:nth-child(3) {
    display: none;
}
.catalog-list__more.nintendo-color-type-2 a:hover .loader-dots span {
    -webkit-animation: animate-go-down2 2s infinite;
    animation: animate-go-down2 2s infinite;
    border-color: var(--white);
}
.catalog-list__more.nintendo-color-type-2 a:hover .loader-dots span:nth-child(2) {
    -webkit-animation: animate-go-down2 2s infinite;
    animation: animate-go-down2 2s infinite;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.catalog-list__more.xboxgp-color-type-2 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1.5px;
}
@media (max-width: 768px) {
    .catalog-list__more.xboxgp-color-type-2 {
        font-size: 16px;
    }
}
@media (max-width: 414px) {
    .catalog-list__more.xboxgp-color-type-2 {
        font-size: 14px;
    }
}
.catalog-list__more.xboxgp-color-type-2 a {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-75.49%, hsla(0, 0%, 100%, 0.2)), color-stop(176.47%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2) -75.49%, hsla(0, 0%, 100%, 0) 176.47%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) -75.49%, hsla(0, 0%, 100%, 0) 176.47%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2) -75.49%, hsla(0, 0%, 100%, 0) 176.47%);
    border-radius: var(--br-15);
    color: var(--white);
    height: 45px;
}
.catalog-list__more.xboxgp-color-type-2 a:hover {
    background: var(--xbox-color-1);
    color: var(--white);
    opacity: 1;
}
.catalog-list__more.xboxgp-color-type-2 .loader-dots {
    margin: -3px 10px 0 0;
    position: relative;
}
.catalog-list__more.xboxgp-color-type-2 .loader-dots span {
    -webkit-animation: none;
    animation: none;
    background: none;
    border: 2px solid var(--white);
    border-left: none;
    border-radius: 0;
    border-top: none;
    height: 5px;
    margin: 9px 0 0 4px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    -ms-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px);
    width: 5px;
}
.catalog-list__more.xboxgp-color-type-2 .loader-dots span:nth-child(2) {
    margin-top: 2px;
}
.catalog-list__more.xboxgp-color-type-2 .loader-dots span:nth-child(3) {
    display: none;
}
.catalog-list__more.xboxgp-color-type-2 a:hover .loader-dots span {
    -webkit-animation: animate-go-down2 2s infinite;
    animation: animate-go-down2 2s infinite;
    border-color: var(--white);
}
.catalog-list__more.xboxgp-color-type-2 a:hover .loader-dots span:nth-child(2) {
    -webkit-animation: animate-go-down2 2s infinite;
    animation: animate-go-down2 2s infinite;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.catalog-list__more.bt2-color {
    font-family: var(--font-futura);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
@media (max-width: 768px) {
    .catalog-list__more.bt2-color {
        font-size: 16px;
    }
}
@media (max-width: 414px) {
    .catalog-list__more.bt2-color {
        font-size: 14px;
    }
}
.catalog-list__more.bt2-color a {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-75.49%, hsla(0, 0%, 100%, 0.2)), color-stop(176.47%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2) -75.49%, hsla(0, 0%, 100%, 0) 176.47%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) -75.49%, hsla(0, 0%, 100%, 0) 176.47%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2) -75.49%, hsla(0, 0%, 100%, 0) 176.47%);
    border-radius: var(--br-15);
    color: var(--white);
    height: 45px;
}
.catalog-list__more.bt2-color a:hover {
    background: var(--bt2-light);
    color: var(--black);
    opacity: 1;
}
.catalog-list__more.bt2-color .loader-dots {
    margin: -3px 10px 0 0;
    position: relative;
}
.catalog-list__more.bt2-color .loader-dots span {
    -webkit-animation: none;
    animation: none;
    background: none;
    border: 2px solid var(--white);
    border-left: none;
    border-radius: 0;
    border-top: none;
    height: 5px;
    margin: 9px 0 0 4px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    -ms-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px);
    width: 5px;
}
.catalog-list__more.bt2-color .loader-dots span:nth-child(2) {
    margin-top: 2px;
}
.catalog-list__more.bt2-color .loader-dots span:nth-child(3) {
    display: none;
}
.catalog-list__more.bt2-color a:hover .loader-dots span {
    -webkit-animation: animate-go-down2 2s infinite;
    animation: animate-go-down2 2s infinite;
    border-color: var(--black);
}
.catalog-list__more.bt2-color a:hover .loader-dots span:nth-child(2) {
    -webkit-animation: animate-go-down2 2s infinite;
    animation: animate-go-down2 2s infinite;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.catalog-list__more.wowsh-color {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1.5px;
}
@media (max-width: 768px) {
    .catalog-list__more.wowsh-color {
        font-size: 16px;
    }
}
@media (max-width: 414px) {
    .catalog-list__more.wowsh-color {
        font-size: 14px;
    }
}
.catalog-list__more.wowsh-color a {
    background: var(--wow-bg-gfn);
    border-radius: var(--br-10);
    color: var(--white);
    height: 45px;
}
.catalog-list__more.wowsh-color a:hover {
    background: #182e44;
    opacity: 1;
}
.catalog-list__more.wowsh-color .loader-dots {
    margin: -3px 10px 0 0;
    position: relative;
}
.catalog-list__more.wowsh-color .loader-dots span {
    -webkit-animation: none;
    animation: none;
    background: none;
    border: 2px solid var(--white);
    border-left: none;
    border-radius: 0;
    border-top: none;
    height: 5px;
    margin: 9px 0 0 4px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    -ms-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px);
    width: 5px;
}
.catalog-list__more.wowsh-color .loader-dots span:nth-child(2) {
    margin-top: 2px;
}
.catalog-list__more.wowsh-color .loader-dots span:nth-child(3) {
    display: none;
}
.catalog-list__more.wowsh-color a:hover .loader-dots span,
.catalog-list__more.wowsh-color a:hover .loader-dots span:nth-child(2) {
    -webkit-animation: animate-go-down2 2s infinite;
    animation: animate-go-down2 2s infinite;
}
.catalog-list__more.wowsh-color a:hover .loader-dots span:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.catalog-list__more.fortnite-color {
    font-family: var(--font-refrigerator);
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
@media (max-width: 414px) {
    .catalog-list__more.fortnite-color {
        font-size: 14px;
    }
}
.catalog-list__more.fortnite-color a {
    background: var(--fortnite-color-2);
    border-radius: var(--br-10);
    color: var(--black);
    height: 45px;
}
.catalog-list__more.fortnite-color a:hover {
    background: var(--fortnite-color-2-hover);
    opacity: 1;
}
.catalog-list__more.fortnite-color .loader-dots {
    display: none;
}
.catalog-list__more.aion-classic-color {
    font-family: var(--font-lora);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
@media (max-width: 414px) {
    .catalog-list__more.aion-classic-color {
        font-size: 14px;
    }
}
.catalog-list__more.aion-classic-color a {
    background: var(--aion-classic-btn);
    border-radius: var(--br-10);
    color: var(--black);
    height: 45px;
}
.catalog-list__more.aion-classic-color a:hover {
    background: var(--aion-classic-name-hover);
    color: var(--white);
    opacity: 1;
}
.catalog-list__more.aion-classic-color .loader-dots {
    display: none;
}
.catalog-list__more.roblox-color {
    font-family: var(--font-russo-one);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
@media (max-width: 414px) {
    .catalog-list__more.roblox-color {
        font-size: 14px;
    }
}
.catalog-list__more.roblox-color a {
    background: var(--roblox-color);
    border-radius: var(--br-10);
    color: var(--roblox-text);
    height: 45px;
}
.catalog-list__more.roblox-color a:hover {
    background: var(--roblox-color-hover);
    opacity: 1;
}
.catalog-list__more.roblox-color .loader-dots {
    display: none;
}
.catalog-list__more.bb-color {
    font-family: var(--font-montserrat);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
@media (max-width: 414px) {
    .catalog-list__more.bb-color {
        font-size: 14px;
    }
}
.catalog-list__more.bb-color a {
    background: var(--ml-color);
    border-radius: var(--br-10);
    color: var(--black);
    height: 45px;
}
.catalog-list__more.bb-color a:hover {
    background: var(--ml-color-hover);
    opacity: 1;
}
.catalog-list__more.bb-color .loader-dots {
    display: none;
}
.catalog-list__more.caliber-color {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .catalog-list__more.caliber-color {
        font-size: 16px;
    }
}
@media (max-width: 414px) {
    .catalog-list__more.caliber-color {
        font-size: 14px;
    }
}
.catalog-list__more.caliber-color a {
    background: #2e3135;
    border-radius: var(--br-10);
    color: var(--white);
    height: 45px;
}
.catalog-list__more.caliber-color a:hover {
    background: #3a3e43;
    opacity: 1;
}
.catalog-list__more.caliber-color .loader-dots {
    display: none;
    margin: -3px 10px 0 0;
    position: relative;
}
.catalog-list__more.caliber-color .loader-dots span {
    -webkit-animation: none;
    animation: none;
    background: none;
    border: 2px solid var(--white);
    border-left: none;
    border-radius: 0;
    border-top: none;
    height: 5px;
    margin: 9px 0 0 4px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    -ms-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px);
    width: 5px;
}
.catalog-list__more.caliber-color .loader-dots span:nth-child(2) {
    margin-top: 2px;
}
.catalog-list__more.caliber-color .loader-dots span:nth-child(3) {
    display: none;
}
.catalog-list__more.caliber-color a:hover .loader-dots span,
.catalog-list__more.caliber-color a:hover .loader-dots span:nth-child(2) {
    -webkit-animation: animate-go-down2 2s infinite;
    animation: animate-go-down2 2s infinite;
}
.catalog-list__more.caliber-color a:hover .loader-dots span:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.catalog-list__more.blue-color a {
    background-color: var(--bg-4);
}
.catalog-list__more.blue-color .loader-dots span {
    background: #002882;
}
.catalog-list__more .loader-dots span {
    background: var(--bg-1);
}
.catalog-list-more__dots {
    margin: 0 10px 0 0;
}
.catalog-list-more__dots .icon-arrow {
    display: none;
}
.opened .catalog-list-more__dots .icon-arrow {
    display: inline;
}
.opened .catalog-list-more__dots .loader-dots {
    display: none;
}
.catalog__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 1024px) {
    .catalog__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -12px;
        margin-right: -12px;
    }
}
.catalog__wide-item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 30px;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .catalog__wide-item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .catalog__wide-item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 0;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }
    .catalog__wide-item:last-child {
        display: none;
    }
}
.catalog-wide-item__back {
    background: #292823;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.catalog-wide-item__picture {
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 10px;
    height: 0;
    padding-bottom: 62.306%;
    position: relative;
}
@media (max-width: 1024px) {
    .catalog-wide-item__picture {
        padding-bottom: 73.32%;
    }
}
@media (max-width: 768px) {
    .catalog-wide-item__picture {
        padding-bottom: 54%;
    }
}
@media (max-width: 550px) {
    .catalog-wide-item__picture {
        padding-bottom: 73.525%;
    }
}
@media (max-width: 374px) {
    .catalog-wide-item__picture {
        padding-bottom: 73.335%;
    }
}
.catalog-wide-item__picture:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: -webkit-linear-gradient(top, transparent, #000);
    background: -o-linear-gradient(top, transparent 0, #000 100%);
    background: linear-gradient(180deg, transparent, #000);
    border-radius: 10px;
    bottom: -2px;
    content: "";
    left: -2px;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: 1;
}
.catalog-wide-item__picture:after {
    background-image: inherit;
    background-position: 50% 50%;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.catalog-wide-item__icons {
    left: 25px;
    position: absolute;
    top: 30px;
    z-index: 2;
}
@media (max-width: 1140px) {
    .catalog-wide-item__icons {
        left: 10px;
        top: 15px;
    }
}
.catalog-wide-item-icons__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(199, 66, 66, 0.8);
    border-radius: 5px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    margin: 0 5px 10px;
    padding: 2px 11px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
.catalog-wide-item__desc {
    bottom: 10px;
    left: 30px;
    position: absolute;
    right: 30px;
    z-index: 2;
}
@media (max-width: 1140px) {
    .catalog-wide-item__desc {
        bottom: 5px;
        left: 15px;
        right: 15px;
    }
}
.catalog-wide-item__name {
    font-size: 28px;
    font-weight: 500;
    line-height: 44px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
@media (max-width: 1024px) and (min-width: 769px) {
    .catalog-wide-item__name {
        font-size: 22px;
        line-height: 1.45;
        margin-bottom: 5px;
    }
}
@media (max-width: 540px) {
    .catalog-wide-item__name {
        font-size: 18px;
        line-height: 1.45;
        margin-bottom: 5px;
    }
}
@media (max-width: 374px) {
    .catalog-wide-item__name {
        font-size: 16px;
    }
}
.catalog-wide-item__name a {
    color: var(--white);
    text-decoration: none;
}
.catalog-wide-item__name a:hover {
    opacity: 1;
}
.catalog-wide-item__price {
    color: var(--price-color);
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 13px;
}
@media (max-width: 1024px) and (min-width: 769px) {
    .catalog-wide-item__price {
        font-size: 26px;
        line-height: 1.45;
        margin-bottom: 5px;
    }
}
@media (max-width: 400px) {
    .catalog-wide-item__price {
        font-size: 26px;
        line-height: 1.45;
        margin-bottom: 5px;
    }
}
@media (max-width: 540px) {
    .catalog-wide-item__price {
        font-size: 18px;
    }
}
@media (max-width: 374px) {
    .catalog-wide-item__price {
        font-size: 16px;
    }
}
.catalog-wide-item__price s {
    color: hsla(0, 0%, 100%, 0.5);
    margin-left: 15px;
    text-decoration: line-through;
}
.catalog-wide-item__bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.catalog-wide-item__info {
    max-width: 304px;
    width: 100%;
}
@media (max-width: 1024px) and (min-width: 769px) {
    .catalog-wide-item__info {
        max-width: 246px;
    }
}
@media (max-width: 414px) {
    .catalog-wide-item__info {
        max-width: 260px;
    }
}
@media (max-width: 375px) {
    .catalog-wide-item__info {
        max-width: 241px;
    }
}
@media (max-width: 374px) {
    .catalog-wide-item__info {
        max-width: 220px;
    }
}
.catalog-wide-item__more {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: rgba(255, 71, 71, 0.3);
    border-radius: 5px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 5px 9px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.default-color .catalog-wide-item__more {
    background-color: rgba(199, 66, 66, 0.3);
}
.blue-color .catalog-wide-item__more {
    background-color: rgba(0, 170, 255, 0.3);
    color: var(--black);
}
.gfn-color .catalog-wide-item__more {
    background-color: rgba(118, 185, 0, 0.3);
}
.xbox-color .catalog-wide-item__more {
    background-color: hsla(0, 0%, 100%, 0.3);
    color: #213402;
}
.psp-color .catalog-wide-item__more {
    background-color: hsla(0, 0%, 100%, 0.3);
    color: var(--black);
}
@media (max-width: 1024px) {
    .catalog-wide-item__more {
        background-color: transparent;
        padding: 0;
    }
}
.catalog-wide-item-more__label {
    font-size: 14px;
    padding-left: 0;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .catalog-wide-item-more__label {
        font-size: 12px;
        padding: 0 0 0 20px;
    }
}
@media (max-width: 540px) {
    .catalog-wide-item-more__label {
        font-size: 12px;
        padding: 0 0 0 20px;
    }
}
.catalog-wide-item-more__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23fff'/%3E%3C/svg%3E") 50% 0 no-repeat;
    content: "";
    height: 11px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 3px;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: 10px;
}
@media (max-width: 1024px) {
    .catalog-wide-item-more__label:before {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 0.5s ease 0.3s;
        -o-transition: all 0.5s ease 0.3s;
        transition: all 0.5s ease 0.3s;
    }
}
.blue-color .catalog-wide-item-more__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%230af'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
.psp-color .catalog-wide-item-more__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23000'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
.catalog-wide-item-more__value {
    font-size: 14px;
}
@media (max-width: 1024px) {
    .catalog-wide-item-more__value {
        font-size: 12px;
    }
}
.catalog-wide-item-more__value span {
    color: hsla(0, 0%, 100%, 0.5);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.blue-color .catalog-wide-item-more__value span,
.psp-color .catalog-wide-item-more__value span,
.xbox-color .catalog-wide-item-more__value span {
    color: rgba(0, 0, 0, 0.4);
}
.catalog-wide-item-more__value s {
    color: hsla(0, 0%, 100%, 0.5);
    margin-left: 8px;
    text-decoration: line-through;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.blue-color .catalog-wide-item-more__value s,
.psp-color .catalog-wide-item-more__value s,
.xbox-color .catalog-wide-item-more__value s {
    color: rgba(0, 0, 0, 0.4);
}
.catalog-wide-item-more__link {
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .catalog-wide-item-more__link {
        margin-bottom: 13px;
    }
}
.catalog-wide-item-more__link a {
    color: var(--white);
    opacity: 1;
    text-decoration: none;
}
.catalog-wide-item-more__link a:before {
    content: "";
    height: 400%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-10%, -50%);
    -ms-transform: translate(-10%, -50%);
    transform: translate(-10%, -50%);
    width: 200%;
}
@media (max-width: 1024px) and (min-width: 769px) {
    .catalog-wide-item-more__link a:after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='.8' cx='14' cy='14' r='13' stroke='%23fff' stroke-width='2'/%3E%3Cpath opacity='.8' d='m12 8 6 6-6 6' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")
            50% 50% no-repeat;
        content: "";
        display: block;
        height: 28px;
        width: 28px;
    }
}
@media (max-width: 480px) {
    .catalog-wide-item-more__link a:after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='.8' cx='14' cy='14' r='13' stroke='%23fff' stroke-width='2'/%3E%3Cpath opacity='.8' d='m12 8 6 6-6 6' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")
            50% 50% no-repeat;
        content: "";
        display: block;
        height: 28px;
        width: 28px;
    }
}
.catalog-wide-item-more__link a span {
    position: relative;
}
@media (max-width: 1024px) and (min-width: 769px) {
    .catalog-wide-item-more__link a span {
        display: none;
    }
}
@media (max-width: 480px) {
    .catalog-wide-item-more__link a span {
        display: none;
    }
}
.catalog-wide-item-more__link a span:after {
    background-color: var(--bg-1);
    bottom: -5px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
    width: 0;
}
@media (max-width: 768px) {
    .catalog-wide-item-more__link a span:after {
        bottom: -2px;
    }
}
.xbox-color .catalog-wide-item-more__link a span:after {
    background-color: var(--bg-6);
}
.catalog-wide-item__bonus {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    background-color: rgba(255, 71, 71, 0.3);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    justify-content: space-around;
    opacity: 0;
    overflow: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.default-color .catalog-wide-item__bonus {
    background-color: rgba(199, 66, 66, 0.3);
}
.blue-color .catalog-wide-item__bonus {
    background-color: rgba(0, 170, 255, 0.3);
}
.gfn-color .catalog-wide-item__bonus {
    background-color: rgba(118, 185, 0, 0.3);
}
.psp-color .catalog-wide-item__bonus,
.xbox-color .catalog-wide-item__bonus {
    background-color: hsla(0, 0%, 100%, 0.3);
}
@media (max-width: 1024px) {
    .catalog-wide-item__bonus {
        height: 42px;
        margin-bottom: 10px;
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
}
@media (max-width: 400px) {
    .catalog-wide-item__bonus {
        height: 32px;
        margin-bottom: 10px;
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
}
.catalog-wide-item__bonus a {
    display: block;
    margin: 0 5px;
    pointer-events: auto;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 1280px) and (min-width: 1140px) {
    .catalog-wide-item__bonus a {
        margin: 0 5px;
    }
}
.catalog-wide-item__bonus .icon {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
@media (max-width: 1024px) {
    .catalog-wide-item__bonus .icon {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
}
.catalog-wide-item__bonus .icon-bonus-multy {
    height: 24px;
    margin: 0 0 3px;
    width: 64px;
}
@media (max-width: 1024px) and (min-width: 769px) {
    .catalog-wide-item__bonus .icon-bonus-multy {
        height: 16px;
        margin: 0;
        width: 42px;
    }
}
@media (max-width: 400px) {
    .catalog-wide-item__bonus .icon-bonus-multy {
        height: 16px;
        margin: 0;
        width: 42px;
    }
}
.catalog-wide-item__bonus .icon-bonus-spasibo {
    height: 22px;
    margin: 0;
    width: 80px;
}
@media (max-width: 1024px) and (min-width: 769px) {
    .catalog-wide-item__bonus .icon-bonus-spasibo {
        height: 16px;
        width: 58px;
    }
}
@media (max-width: 400px) {
    .catalog-wide-item__bonus .icon-bonus-spasibo {
        height: 16px;
        width: 58px;
    }
}
.catalog-wide-item__bonus .icon-bonus-gorod {
    height: 18px;
    margin: 0;
    width: 91px;
}
@media (max-width: 1024px) and (min-width: 769px) {
    .catalog-wide-item__bonus .icon-bonus-gorod {
        height: 12px;
        width: 60px;
    }
}
@media (max-width: 400px) {
    .catalog-wide-item__bonus .icon-bonus-gorod {
        height: 12px;
        width: 60px;
    }
}
.catalog-wide-item__back:hover .catalog-wide-item__picture:after {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}
.catalog-wide-item__back:hover .catalog-wide-item__more {
    background-color: transparent;
    padding: 0;
}
.catalog-wide-item__back:hover .catalog-wide-item-more__label {
    padding: 0 0 0 20px;
}
.catalog-wide-item__back:hover .catalog-wide-item-more__label:before {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.catalog-wide-item__back:hover .catalog-wide-item-more__link a span:after {
    width: 100%;
}
.catalog-wide-item__back:hover .catalog-wide-item__bonus {
    height: 42px;
    margin-bottom: 10px;
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
@media (max-width: 1024px) and (min-width: 769px) {
    .catalog-wide-item__back:hover .catalog-wide-item__bonus {
        height: 32px;
    }
}
@media (max-width: 400px) {
    .catalog-wide-item__back:hover .catalog-wide-item__bonus {
        height: 32px;
    }
}
.catalog-wide-item__back:hover .catalog-wide-item__bonus .icon {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.catalog-wide-item__back:hover .catalog-wide-item__bonus a:first-child .icon {
    -webkit-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
}
.catalog-wide-item__back:hover .catalog-wide-item__bonus a:nth-child(2) .icon {
    -webkit-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.catalog-wide-item__back:hover .catalog-wide-item__bonus a:nth-child(3) .icon {
    -webkit-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
}
.catalog__mini {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
@media (max-width: 767px) {
    .catalog__mini {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.catalog-mini__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50%;
    overflow: hidden;
    width: 100%;
}
@media (max-width: 767px) {
    .catalog-mini__item {
        height: 100%;
    }
}
.catalog-mini-item__back {
    border-radius: 10px;
    padding: 12px 15px;
    position: relative;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    width: 100%;
}
.catalog-mini-item__back:after,
.catalog-mini-item__back:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#431d20), color-stop(50.83%, #c74242), to(#431d20));
    background: -webkit-linear-gradient(bottom, #431d20, #c74242 50.83%, #431d20);
    background: -o-linear-gradient(bottom, #431d20 0, #c74242 50.83%, #431d20 100%);
    background: linear-gradient(0deg, #431d20, #c74242 50.83%, #431d20);
    content: "";
    height: 80%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 2px;
    z-index: 1;
}
@media (-webkit-device-pixel-ratio: 1.25) {
    .catalog-mini-item__back:after,
    .catalog-mini-item__back:before {
        -webkit-transform: translateY(-50%) scale(0.8);
        -ms-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
    }
}
.catalog-mini-item__back:before {
    left: 15px;
}
.catalog-mini-item__back:after {
    right: 15px;
}
.catalog-mini-item__back:hover {
    background-color: var(--bg-1);
    padding: 2px 2px 52px;
}
@media (max-width: 480px) {
    .catalog-mini-item__back:hover {
        margin: 0 15px;
    }
}
.catalog-mini-item__back:hover:before {
    left: 0;
    opacity: 0;
}
.catalog-mini-item__back:hover:after {
    opacity: 0;
    right: 0;
}
.catalog-mini-item__back:hover .catalog-mini-item__picture {
    background-position: right 40px top 25px;
    background-size: 90px auto;
    border-color: transparent;
    border-radius: 8px 8px 10px 10px;
    padding: 22px 22px 10px;
}
@media (max-width: 767px) {
    .catalog-mini-item__back:hover .catalog-mini-item__picture {
        background-position: 50% 20%;
        background-size: 220px auto;
    }
}
@media (max-width: 374px) {
    .catalog-mini-item__back:hover .catalog-mini-item__picture {
        padding: 12px 12px 0;
    }
}
.catalog-mini-item__back:hover .catalog-mini-item__picture:after,
.catalog-mini-item__back:hover .catalog-mini-item__picture:before {
    opacity: 0;
}
.catalog-mini-item__back:hover .catalog-mini-item__picture:before {
    top: -2px;
}
.catalog-mini-item__back:hover .catalog-mini-item__picture:after {
    display: none;
}
.catalog-mini-item__back:hover .catalog-mini-item__desc {
    padding-bottom: 0;
}
.catalog-mini-item__back:hover .catalog-mini-item__bottom {
    height: 66px;
    opacity: 1;
    overflow: visible;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    visibility: visible;
}
.catalog-mini-item__back:hover .catalog-mini-item__bottom.no-buttons {
    height: 20px;
}
.catalog-mini-item__back:hover .catalog-mini-item__more {
    background-color: transparent;
    bottom: 5px;
    color: var(--white);
    padding: 5px;
}
.catalog-mini-item__back:hover .catalog-mini-item-bonus__label {
    padding-left: 18px;
}
.catalog-mini-item__back:hover .catalog-mini-item-bonus__label:before {
    -webkit-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.catalog-mini-item__back:hover .catalog-mini-item-bonus__icons,
.catalog-mini-item__back:hover .catalog-mini-item-bonus__label:before {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.catalog-mini-item__picture {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #070a10;
    background-position: right 20px top 20px;
    background-repeat: no-repeat;
    background-size: 110px auto;
    border: 2px solid #431d20;
    border-radius: var(--br-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 20px 20px 0;
    position: relative;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-margin), var(--transition03-border), var(--transition03-height), var(--transition03-transform);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-margin), var(--transition03-border), var(--transition03-height), var(--transition03-transform);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-margin), var(--transition03-border), var(--transition03-height), var(--transition03-transform);
}
@media (min-width: 768px) {
    .catalog-mini-item__picture {
        padding: 18px 18px 8px;
    }
}
@media (max-width: 767px) {
    .catalog-mini-item__picture {
        background-position: 50% 70px;
        background-size: 210px auto;
        -webkit-mask-image: unset;
    }
}
@media (max-width: 374px) {
    .catalog-mini-item__picture {
        padding: 12px 12px 0;
    }
}
.catalog-mini-item__picture.swiper-lazy {
    opacity: 0.6;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
.catalog-mini-item__picture.swiper-lazy.swiper-lazy-loaded {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.catalog-mini-item__picture:after,
.catalog-mini-item__picture:before {
    background: -webkit-gradient(linear, left top, right top, from(#431d20), color-stop(50.83%, #c74242), to(#431d20));
    background: -webkit-linear-gradient(left, #431d20, #c74242 50.83%, #431d20);
    background: -o-linear-gradient(left, #431d20 0, #c74242 50.83%, #431d20 100%);
    background: linear-gradient(90deg, #431d20, #c74242 50.83%, #431d20);
    border-radius: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin: 0 0 0 -40%;
    opacity: 1;
    position: absolute;
    visibility: visible;
    width: 80%;
}
@media (-webkit-device-pixel-ratio: 1.25) {
    .catalog-mini-item__picture:after,
    .catalog-mini-item__picture:before {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}
.catalog-mini-item__picture:before {
    top: -2px;
}
.catalog-mini-item__picture:after {
    bottom: -2px;
    top: auto;
}
.catalog-mini-item__desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-bottom: 48px;
    text-align: left;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 100%;
    z-index: 1;
}
@media (max-width: 767px) {
    .catalog-mini-item__desc {
        height: auto;
        padding-bottom: 50px;
    }
}
@media (max-width: 374px) {
    .catalog-mini-item__desc {
        padding-bottom: 40px;
    }
}
.catalog-mini-item__desc:after,
.catalog-mini-item__desc:before {
    content: "";
    height: 33px;
    position: absolute;
    top: 4px;
    width: 33px;
}
.catalog-mini-item__desc:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/title/corner-tl.png) 0 0 no-repeat;
    left: 4px;
}
.catalog-mini-item__desc:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/title/corner-tr.png) 100% 0 no-repeat;
    right: 4px;
}
.catalog-mini-item__name {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px;
    padding-right: 140px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .catalog-mini-item__name {
        -webkit-box-flex: unset;
        display: block;
        -ms-flex: unset;
        flex: unset;
        font-size: 24px;
        padding-right: 0;
    }
}
@media (max-width: 374px) {
    .catalog-mini-item__name {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 6px;
    }
}
.catalog-mini-item__name a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.catalog-mini-item__name a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.catalog-mini-item__name a:hover {
    opacity: 1;
}
.catalog-mini-item__price {
    color: var(--bg-1);
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 9px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: margin 0.2s;
    -o-transition: margin 0.2s;
    transition: margin 0.2s;
}
@media (max-width: 374px) {
    .catalog-mini-item__price {
        margin-bottom: 7px;
    }
}
.catalog-mini-item__price s {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-left: 15px;
    position: relative;
    text-decoration: line-through;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    z-index: 1;
}
.catalog-mini-item__price s:after {
    background: #c74242;
    border-radius: 5px;
    bottom: -3px;
    content: "";
    left: -10px;
    opacity: 0.9;
    position: absolute;
    right: -10px;
    top: -3px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
.catalog-mini-item__more {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: rgba(199, 66, 66, 0.3);
    border-radius: 5px;
    bottom: 20px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    left: 20px;
    padding: 5px 9px;
    position: absolute;
    right: 20px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
@media (max-width: 374px) {
    .catalog-mini-item__more {
        bottom: 12px;
        left: 12px;
        right: 12px;
    }
}
.catalog-mini-item__more-link {
    font-size: 14px;
}
.catalog-mini-item__more-link a {
    color: #fff;
    text-decoration: none;
}
.catalog-mini-item__bottom,
.catalog-mini-item__more-link a {
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.catalog-mini-item__bottom {
    height: 0;
    margin: 0 -10px;
    opacity: 0;
    overflow: hidden;
    padding: 0 10px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    visibility: hidden;
}
.catalog-mini-item__buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}
.catalog-mini-item__buttons .btn {
    height: 40px;
    margin: 0 12px 0 0;
    padding: 5px 10px;
}
.catalog-mini-item__buttons .btn span {
    margin-bottom: -2px;
}
.catalog-mini-item__buttons .btn:hover {
    opacity: 1;
}
.catalog-mini-item__buttons .btn.checked:after {
    right: -8px;
}
@media (max-width: 768px) {
    .catalog-mini-item__buttons .btn {
        margin: 0 5px 0 0;
    }
}
.catalog-mini-item__buttons .btn:last-child {
    margin: 0 0 0 12px;
    max-width: 60px;
}
.catalog-mini-item__buttons .btn:last-child .icon {
    margin-right: 0;
}
.catalog-mini-item__buttons .btn:last-child span {
    display: none;
}
@media (max-width: 768px) {
    .catalog-mini-item__buttons .btn:last-child {
        margin: 0 0 0 5px;
    }
}
.catalog-mini-item__buttons.buttons--new {
    position: relative;
}
.catalog-mini-item__buttons.buttons--new .btn-primary {
    margin: 0 20px 0 0;
    padding: 4px 10px;
}
@media (max-width: 374px) {
    .catalog-mini-item__buttons.buttons--new .btn-primary {
        margin-right: 10px;
    }
}
.catalog-mini-item__buttons.buttons--new .btn-primary .icon {
    margin-right: 15px;
}
.catalog-mini-item__buttons.buttons--new .btn-primary .icon-cart-mini {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 21px;
    width: 24px;
}
.catalog-mini-item__buttons.buttons--new .btn-primary span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    white-space: nowrap;
}
.catalog-mini-item__buttons.buttons--new .btn-primary span span {
    display: block;
    font-size: 11px;
    font-weight: 400;
    padding-top: 3px;
    text-transform: lowercase;
    width: 100%;
}
.catalog-mini-item__buttons.buttons--new .btn:last-child {
    margin: 0;
    max-width: 100%;
}
.catalog-mini-item__buttons.buttons--new .btn:last-child .icon {
    margin-right: 15px;
}
.catalog-mini-item__buttons.buttons--new .btn:last-child span {
    display: block;
}
.catalog-mini-item-bonus__label {
    font-size: 14px;
    padding-left: 0;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
}
@media (max-width: 1340px) and (min-width: 1280px) {
    .catalog-mini-item-bonus__label {
        font-size: 12px;
    }
}
@media (max-width: 370px) {
    .catalog-mini-item-bonus__label {
        font-size: 12px;
    }
}
.catalog-mini-item-bonus__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23fff'/%3E%3C/svg%3E") 50% 0 no-repeat;
    content: "";
    height: 11px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 3px;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: 10px;
}
.catalog-mini-item-bonus__value {
    font-size: 14px;
}
@media (max-width: 1340px) and (min-width: 1280px) {
    .catalog-mini-item-bonus__value {
        font-size: 12px;
    }
}
@media (max-width: 370px) {
    .catalog-mini-item-bonus__value {
        font-size: 12px;
    }
}
.catalog-mini-item-bonus__value s,
.catalog-mini-item-bonus__value span {
    color: hsla(0, 0%, 100%, 0.5);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.catalog-mini-item-bonus__value s {
    margin-left: 8px;
    text-decoration: line-through;
}
.catalog-mini-item-bonus__value i {
    font-family: var(--font-rubik);
    font-style: normal;
}
.catalog-mini-item-bonus__icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    border-radius: 0 0 8px 8px;
    bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    justify-content: space-around;
    left: 2px;
    opacity: 0;
    padding: 0 10px;
    pointer-events: none;
    position: absolute;
    right: 2px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    z-index: 1;
}
.catalog-mini-item-bonus__icons,
.catalog-mini-item-bonus__icons a {
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.catalog-mini-item-bonus__icons a {
    margin: 0 5px;
}
.swiper-wrapper .catalog-mini__item .catalog-mini-item-bonus__icons a {
    pointer-events: none;
}
.lazy-list .catalog-mini-item-bonus__icons a,
.swiper-wrapper .swiper-slide-visible .catalog-mini__item .catalog-mini-item-bonus__icons a {
    pointer-events: auto;
}
@media (max-width: 1280px) and (min-width: 1140px) {
    .catalog-mini-item-bonus__icons a {
        margin: 0 5px;
    }
}
.catalog-mini-item-bonus__icons .icon {
    display: block;
    -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
}
.catalog-mini-item-bonus__icons .icon.icon-bonus-multy {
    margin-top: -1px;
}
.catalog-mini-item-bonus__icons .icon.icon-bonus-spasibo {
    height: 22px;
    margin-top: 2px;
    width: 80px;
}
.catalog-mini-item-bonus__icons .icon.icon-bonus-gorod {
    margin-top: 2px;
}
.catalog__orders {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 1024px) {
    .catalog__orders {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .catalog__orders {
        margin-bottom: 25px;
        margin-left: 0;
    }
}
.catalog__order {
    -webkit-box-flex: 0;
    --swiper-preloader-color: var(--bg3-wg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .catalog__order {
        min-width: 295px;
    }
}
.wt-color .catalog__order {
    --swiper-preloader-color: var(--wt-color-1);
}
.wow-color .catalog__order {
    --swiper-preloader-color: var(--ww-color);
}
.caliber-color .catalog__order {
    --swiper-preloader-color: var(--caliber-color);
}
.swiper-carousel .catalog__order {
    opacity: 0.3;
    pointer-events: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.swiper-carousel .catalog__order.swiper-slide-visible {
    opacity: 1;
    pointer-events: auto;
}
.catalog__order:hover .catalog-order__back {
    opacity: 1;
}
.catalog__order:hover .catalog-order__back:before {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.catalog__order.swiper-slide-active .catalog-order__back {
    opacity: 1;
}
.catalog__order.swiper-slide-active .catalog-order__back:before {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.catalog-order__back {
    color: var(--white);
    display: block;
    padding-bottom: 50px;
    position: relative;
    text-decoration: none;
    z-index: 2;
}
.catalog-order__back:before {
    background: var(--bg2-wg);
    border-radius: 5px;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    z-index: -1;
}
.wow-color .catalog-order__back:before {
    background: var(--ww-bg);
}
.caliber-color .catalog-order__back:before {
    background: var(--lol-bg);
}
.catalog-order__image {
    height: 0;
    padding: 0 0 55%;
    position: relative;
}
.catalog-order__image img {
    left: 50%;
    max-height: 80%;
    max-width: 80%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.fourgame__page .catalog-order__image img {
    top: 60%;
}
.rf-card .catalog-order__image img {
    max-height: 60%;
}
.catalog-order__image img.swiper-lazy {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
    -ms-transform: translate(-50%, -50%) scale(0.6);
    transform: translate(-50%, -50%) scale(0.6);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.catalog-order__image img.swiper-lazy-loaded {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.catalog-order__name {
    bottom: 0;
    font-size: 18px;
    font-weight: 500;
    left: 0;
    padding: 0 20px 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}
.caliber-color .catalog-order__name {
    font-family: var(--font-caliber);
}
.catalog__filter {
    height: 56px;
    position: relative;
    width: 100%;
    z-index: 2;
}
@media (max-width: 1024px) {
    .catalog__filter {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.catalog-filter__form {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: var(--br-10);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .catalog-filter__form {
        display: none;
    }
    .catalog__filter.active .catalog-filter__form {
        display: block;
    }
}
.catalog-filter__form form {
    display: block;
    position: relative;
    width: 100%;
    z-index: 1;
}
.catalog-filter__form ul {
    margin: 0;
    padding: 0;
}
@media (max-width: 991px) {
    .catalog-filter__form ul {
        padding: 1px 0 10px;
    }
}
.catalog-filter__form ul li {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    list-style-type: none;
    padding: 15px 0 15px 15px;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .catalog-filter__form ul li {
        padding: 5px;
        width: 100%;
    }
    .catalog-filter__form ul li.catalog-filter__mobile-bottom {
        padding: 22px 15px 10px;
    }
}
.catalog-filter__form ul li.parent {
    padding: 16px 30px 16px 15px;
    position: relative;
}
@media (max-width: 991px) {
    .catalog-filter__form ul li.parent {
        padding: 5px;
    }
}
.catalog-filter__form ul li.parent > a {
    position: relative;
}
.catalog-filter__form ul li.parent > a:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgBbY7BDcQgDARtjgJSAi1cCensOvODB0+3QBGnvEgcNgmKFWUlkJkdyRBdUdWJHvEs4Mo5/5blr6WUNArMYOjwZhGZYvwoMydmqiHEGcW2NTGjZGa1tfXLgF1OXZYhgzlp7qk8Vnn5FG/pWO0/P2TMXnoNZJwn3wH/RU/ihJkaCQAAAABJRU5ErkJggg==");
    content: "";
    height: 7px;
    margin: 2px 0 0;
    position: absolute;
    right: -25px;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 10px;
}
@media (max-width: 991px) {
    .catalog-filter__form ul li.parent > a:after {
        right: 10px;
    }
}
.catalog-filter__form ul li.parent > a:hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 991px) {
    .catalog-filter__form ul li.parent > a:hover:after {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.catalog-filter__form ul li.parent:hover > a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 991px) {
    .catalog-filter__form ul li.parent:hover > a:after {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.catalog-filter__form ul li.parent.active > a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.catalog-filter__form ul li.parent.active .catalog-filter-item__ul {
    display: block;
}
.catalog-filter__form ul li.parent .catalog-filter-item__ul {
    background: var(--bg2-wg);
    border-bottom: 20px solid var(--bg2-wg);
    border-radius: 0 0 var(--br-10) var(--br-10);
    border-top: 20px solid var(--bg2-wg);
    left: 0;
    max-height: 214px;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px 0 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    visibility: hidden;
}
.catalog-filter__form ul li.parent .catalog-filter-item__ul .nicescroll-rails-vr {
    background-color: hsla(0, 0%, 77%, 0.2);
    border-radius: 2px;
    bottom: 0;
    height: auto !important;
    right: 10px !important;
}
.catalog-filter__form ul li.parent .catalog-filter-item__ul .nicescroll-rails-vr .nicescroll-cursors {
    border-radius: 2px;
}
@media (max-width: 991px) {
    .catalog-filter__form ul li.parent .catalog-filter-item__ul .nicescroll-rails-vr {
        bottom: 10px;
        right: 15px !important;
        top: 10px !important;
    }
}
.catalog-filter__form ul li.parent .catalog-filter-item__ul > ul.wrap {
    padding: 0 20px;
}
@media (max-width: 991px) {
    .catalog-filter__form ul li.parent .catalog-filter-item__ul {
        background: #34322c;
        border-bottom: 15px solid #34322c;
        border-radius: 0 0 7px 7px;
        border-top: 15px solid #34322c;
        display: none;
        left: auto;
        max-height: 200px;
        opacity: 1;
        padding: 0 0 0 10px;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        visibility: visible;
    }
    .catalog-filter__form ul li.parent .catalog-filter-item__ul > ul.wrap {
        padding: 0;
    }
    .catalog-filter__form ul li.parent .catalog-filter-item__ul.scroll-active > ul.wrap {
        padding: 0 25px 0 0;
    }
}
.catalog-filter__form ul li.parent .catalog-filter-item__ul li {
    margin: 0 0 15px;
    padding: 0;
}
@media (max-width: 991px) {
    .catalog-filter__form ul li.parent .catalog-filter-item__ul li {
        margin: 8px 0;
    }
    .catalog-filter__form ul li.parent .catalog-filter-item__ul li:first-child {
        margin-top: 0;
    }
}
.catalog-filter__form ul li.parent .catalog-filter-item__ul li:last-child {
    margin: 0;
}
@media (max-width: 991px) {
    .catalog-filter__form ul li.parent .catalog-filter-item__ul li:last-child {
        margin: 8px 0 0;
    }
}
.catalog-filter__form ul li.parent:hover .catalog-filter-item__ul {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    visibility: visible;
}
@media (max-width: 991px) {
    .catalog-filter__form ul li.parent:hover .catalog-filter-item__ul {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.catalog-filter__menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .catalog-filter__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.catalog-filter__item {
    margin: 0 20px 0 10px;
}
@media (max-width: 1124px) {
    .catalog-filter__item {
        margin: 0 10px 0 5px;
    }
}
@media (max-width: 991px) {
    .catalog-filter__item {
        margin: 0;
    }
}
.catalog-filter__item:last-child {
    margin: 0;
}
.catalog-filter__item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
}
@media (max-width: 991px) {
    .catalog-filter__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 40px 10px 15px;
    }
}
.catalog-filter-item__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    margin: 0 12px 0 0;
}
@media (max-width: 991px) {
    .catalog-filter-item__icon {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        width: 22px;
    }
}
.catalog-filter-item__icon .icon {
    display: block;
}
.catalog-filter-item__icon .icon-filter-home {
    margin-top: -2px;
}
@media (max-width: 991px) {
    .catalog-filter-item__name {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
}
.catalog-filter-item__coll {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: var(--bg-1);
    border-radius: var(--br-5);
    color: var(--white);
    height: 25px;
    justify-content: center;
    margin: -3px 0 -3px 15px;
    min-width: 25px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.catalog-filter-item-ul__li a,
.catalog-filter-item__coll {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.catalog-filter-item-ul__li a {
    cursor: pointer;
    line-height: 20px;
    position: relative;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
@media (max-width: 991px) {
    .catalog-filter-item-ul__li a {
        padding: 5px 55px 5px 5px;
    }
}
.catalog-filter-item-ul__li input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.catalog-filter-item-ul__li input[type="checkbox"] + label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    padding-left: 55px;
    position: relative;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
@media (max-width: 991px) {
    .catalog-filter-item-ul__li input[type="checkbox"] + label {
        padding: 5px 55px 5px 5px;
    }
}
.catalog-filter-item-ul__li input[type="checkbox"] + label:before {
    background: hsla(0, 0%, 100%, 0.15);
    border-radius: 80px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 35px;
}
@media (max-width: 991px) {
    .catalog-filter-item-ul__li input[type="checkbox"] + label:before {
        left: auto;
        right: 10px;
        top: 5px;
    }
}
.catalog-filter-item-ul__li input[type="checkbox"] + label:after {
    background: #1c1b15;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 14px;
}
@media (max-width: 991px) {
    .catalog-filter-item-ul__li input[type="checkbox"] + label:after {
        left: auto;
        right: 13px;
        top: 8px;
    }
}
.catalog-filter-item-ul__li input[type="checkbox"] + label:hover {
    color: hsla(0, 0%, 100%, 0.8);
}
.catalog-filter-item-ul__li input[type="checkbox"]:checked + label:before {
    background: rgba(199, 66, 66, 0.2);
}
.catalog-filter-item-ul__li input[type="checkbox"]:checked + label:after {
    background: #c74242;
    left: 18px;
}
@media (max-width: 991px) {
    .catalog-filter-item-ul__li input[type="checkbox"]:checked + label:after {
        left: auto;
        right: 27px;
    }
}
.catalog-filter-item-li__icon {
    font-weight: 400;
    margin: 0 8px 0 0;
}
.catalog-filter-item-li__icon .icon {
    display: block;
}
.catalog-filter-item-li__name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
}
.catalog-filter__mobile {
    display: none;
}
@media (max-width: 991px) {
    .catalog-filter__mobile {
        display: block;
        position: relative;
    }
    .catalog__filter.active .catalog-filter__mobile {
        display: none;
    }
    .catalog-filter__mobile a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: var(--br-10);
        color: var(--white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px;
        position: relative;
        text-decoration: none;
    }
    .catalog-filter__mobile a:after {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgBbY7BDcQgDARtjgJSAi1cCensOvODB0+3QBGnvEgcNgmKFWUlkJkdyRBdUdWJHvEs4Mo5/5blr6WUNArMYOjwZhGZYvwoMydmqiHEGcW2NTGjZGa1tfXLgF1OXZYhgzlp7qk8Vnn5FG/pWO0/P2TMXnoNZJwn3wH/RU/ihJkaCQAAAABJRU5ErkJggg==");
        content: "";
        height: 7px;
        margin: -4px 0 0;
        position: absolute;
        right: 20px;
        top: 50%;
        width: 10px;
    }
}
.catalog-filter__mobile-bottom {
    display: none;
}
@media (max-width: 991px) {
    .catalog-filter__mobile-bottom {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
        position: relative;
    }
    .catalog-filter__mobile-bottom:before {
        background: #34322c;
        border-radius: 2px;
        content: "";
        height: 2px;
        left: 15px;
        position: absolute;
        right: 15px;
        top: 0;
    }
}
.catalog-filter-mobile__icon {
    margin: 0 15px 0 0;
}
.catalog-filter-mobile__icon .icon {
    display: block;
}
.catalog-filter-mobile__name {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.catalog-filter-mobile__clear {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 40px;
    top: 0;
}
.catalog-filter-mobile__clear a {
    background: transparent;
    border-radius: 0;
    padding: 15px 5px 15px 10px;
}
.catalog-filter-mobile__clear a:after {
    display: none;
}
.catalog-filter-mobile-clear__icon {
    margin: 0 15px 0 0;
}
.catalog-filter-mobile-clear__icon .icon {
    --bg-2: var(--bg-1);
    display: block;
    height: 12px;
    width: 12px;
}
.catalog-filter-mobile-clear__coll {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--bg-1);
    border-radius: var(--br-5);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 25px;
    justify-content: center;
    min-width: 25px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.catalog-filter-mobile-bottom__clear a,
.catalog-filter-mobile-bottom__close a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
}
.catalog-filter-mobile-bottom-clear__icon {
    margin: 0 15px 0 0;
}
.catalog-filter-mobile-bottom-clear__icon .icon {
    display: block;
    height: 11px;
    width: 11px;
}
.catalog-filter-mobile-bottom-clear__icon .icon-close {
    --bg-2: var(--bg-1);
}
.catalog-filter-mobile-bottom-close__icon {
    margin: 0 12px 0 0;
}
.catalog-filter-mobile-bottom-close__icon .icon {
    display: block;
    height: 11px;
    width: 11px;
}
.catalog-filter-mobile-bottom-close__icon .icon-close {
    --bg-2: var(--bg-1);
}
.catalog-filter__search {
    margin: 0 0 0 auto;
}
@media (max-width: 991px) {
    .catalog-filter__search {
        position: relative;
    }
}
.catalog-filter-search__blank {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px;
    position: relative;
    width: 280px;
}
@media (max-width: 1280px) {
    .catalog-filter-search__blank {
        width: auto;
    }
}
@media (max-width: 991px) {
    .catalog-filter-search__blank {
        padding-left: 10px;
    }
}
.catalog-filter-search__blank:before {
    background: var(--bg-1);
    content: "";
    height: 22px;
    left: 0;
    margin: -11px 0 0;
    position: absolute;
    top: 50%;
    width: 2px;
}
@media (max-width: 991px) {
    .catalog-filter-search__blank:before {
        display: none;
    }
}
.catalog-filter-search__label {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}
@media (max-width: 1024px) {
    .catalog-filter-search__label {
        display: none;
    }
}
@media (max-width: 991px) {
    .catalog-filter-search__label {
        display: block;
    }
}
.catalog-filter-search__icon {
    margin: -2px 0 -2px 20px;
}
@media (max-width: 1024px) {
    .catalog-filter-search__icon {
        margin-left: 0;
    }
}
@media (max-width: 991px) {
    .catalog-filter-search__icon {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        margin: 0 11px 0 0;
        order: -1;
    }
}
.catalog-filter-search__icon .icon {
    display: block;
}
.catalog-filter-search__form {
    background: #120707;
    border-radius: var(--br-10);
    bottom: 0;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    padding: 15px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    visibility: hidden;
}
.search-showed .catalog-filter-search__form {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
@media (max-width: 991px) {
    .catalog-filter-search__form {
        padding: 5px 19px;
    }
}
.catalog-filter-search-form__start {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 25px;
    position: relative;
}
@media (max-width: 991px) {
    .catalog-filter-search-form__start {
        padding-right: 15px;
    }
}
.catalog-filter-search-form__start:after {
    background: var(--bg-1);
    content: "";
    height: 22px;
    margin: -11px 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
}
.catalog-filter-search-form-start__icon {
    margin: 0 17px 0 0;
}
@media (max-width: 991px) {
    .catalog-filter-search-form-start__icon {
        margin: 0;
    }
}
.catalog-filter-search-form-start__icon .icon {
    display: block;
}
.catalog-filter-search-form-start__label {
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .catalog-filter-search-form-start__label {
        display: none;
    }
}
.catalog-filter-search-form__input {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 0 25px;
}
.catalog-filter-search-form__input input {
    background: transparent;
    border: none;
    color: var(--white);
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 10px;
    width: 100%;
}
.catalog-filter-search-form__clear {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    padding: 0 10px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    visibility: hidden;
}
.not-empty .catalog-filter-search-form__clear {
    opacity: 1;
    visibility: visible;
}
.catalog-filter-search-form__clear a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
}
.catalog-filter-search-form-clear__icon {
    margin: 0 12px 0 0;
}
.catalog-filter-search-form-clear__icon .icon {
    display: block;
    height: 11px;
    width: 11px;
}
.catalog-filter-search-form-clear__icon .icon-close {
    --bg-2: var(--bg-1);
}
@-webkit-keyframes loader-dots-back {
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes loader-dots-back {
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
.ea__block {
    background: var(--bg-ea);
    color: var(--white);
    font-size: 16px;
    overflow: hidden;
}
.ea__block .block__head {
    font-size: 34px;
}
@media (max-width: 768px) {
    .ea__block .block__head {
        font-size: 24px;
    }
}
@media (max-width: 360px) {
    .ea__block .block__head {
        font-size: 22px;
    }
}
.ea__block .block__head.h2 {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 27px;
}
@media (max-width: 1024px) {
    .ea__block .block__head.h2 {
        font-size: 34px;
        line-height: 40px;
    }
}
@media (max-width: 768px) {
    .ea__block .block__head.h2 {
        font-size: 20px;
        line-height: 26px;
    }
}
@media (max-width: 360px) {
    .ea__block .block__head.h2 {
        font-size: 18px;
    }
}
.ea__block .block__head.h2 .swiper__filter {
    padding-top: 10px;
}
.ea__block .b-container {
    position: relative;
    z-index: 1;
}
.ea__block p {
    line-height: 1.7;
    margin-bottom: 2rem;
}
@media (max-width: 768px) {
    .ea__block p {
        margin-bottom: 1rem;
    }
}
.ea__block .swiper-container {
    overflow: visible;
    width: 100%;
}
.ea__block .swiper-nav {
    display: none;
}
@media (max-width: 1024px) {
    .ea__block .swiper-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.ea__block .swiper-button-prev {
    left: -60px;
}
@media (max-width: 1480px) {
    .ea__block .swiper-button-prev {
        left: 10px;
    }
}
.ea__block .swiper-button-next {
    right: -60px;
}
@media (max-width: 1480px) {
    .ea__block .swiper-button-next {
        right: 10px;
    }
}
.ea__block .swiper-button-next,
.ea__block .swiper-button-prev {
    height: 58px;
    margin-top: -29px;
    width: 34px;
}
.ea__block .swiper-button-next:after,
.ea__block .swiper-button-prev:after {
    display: none;
}
.ea__block .swiper-button-next .icon,
.ea__block .swiper-button-prev .icon {
    fill: none;
    stroke: var(--white);
    stroke-width: 9;
}
.ea__block .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    justify-content: center;
    position: relative;
}
.ea__block .swiper-pagination-bullet {
    background: #8b8ed2;
    border-radius: 5px;
    height: 20px;
    margin: 0 10px !important;
    width: 20px;
}
.ea__block .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    background: var(--ea-color);
}
.ea__bg {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.ea__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    padding-bottom: 120px;
    padding-top: 120px;
    position: relative;
}
@media (max-width: 1024px) {
    .ea__header {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
@media (max-width: 768px) {
    .ea__header {
        padding-bottom: 60px;
        padding-top: 60px;
    }
}
.ea__header .ea__bg {
    min-height: 800px;
    overflow: hidden;
    top: 0;
}
.ea__header .ea__bg:after {
    background-image: -webkit-linear-gradient(205deg, rgba(13, 16, 66, 0) 33%, #0d1042 66%), -webkit-linear-gradient(top, rgba(13, 16, 66, 0) 75%, #0d1042);
    background-image: -o-linear-gradient(205deg, rgba(13, 16, 66, 0) 33%, #0d1042 66%), -o-linear-gradient(top, rgba(13, 16, 66, 0) 75%, #0d1042 100%);
    background-image: linear-gradient(-115deg, rgba(13, 16, 66, 0) 33%, #0d1042 66%), linear-gradient(180deg, rgba(13, 16, 66, 0) 75%, #0d1042);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.ea__header .ea__bg video {
    min-width: 80%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.ea__header .b-container {
    position: static;
}
.ea-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .ea-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .ea-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.ea-header__desc .btn {
    background: var(--ea-color);
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    padding: 15px 32px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
    width: auto;
}
@media (max-width: 768px) {
    .ea-header__desc .btn {
        font-size: 18px;
        padding: 10px 20px;
    }
}
.ea-header__logo {
    margin-bottom: 36px;
}
@media (max-width: 768px) {
    .ea-header__logo {
        margin-bottom: 25px;
    }
}
.ea-header__logo .icon {
    --color-1: #ff4747;
}
@media (max-width: 768px) {
    .ea-header__logo .icon {
        height: 80px;
        width: 240px;
    }
}
.ea-header__head {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.24;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .ea-header__head {
        font-size: 34px;
    }
}
@media (max-width: 768px) {
    .ea-header__head {
        font-size: 24px;
    }
}
.ea-header__text {
    font-size: 16px;
    margin-bottom: 50px;
    margin-right: 70px;
}
@media (max-width: 1024px) {
    .ea-header__text {
        margin-bottom: 30px;
        margin-right: 0;
    }
}
@media (max-width: 991px) {
    .ea-header__text {
        font-size: 14px;
        margin-bottom: 1rem;
    }
}
.ea-header__go-down {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    justify-content: center;
    left: 50%;
    margin: 0 0 0 -150px;
    position: absolute;
    width: 300px;
}
@media (max-width: 768px) {
    .ea-header__go-down {
        bottom: 20px;
        height: 60px;
    }
    .ea-header__go-down .arrow-down {
        bottom: 10px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}
.ea-head__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    margin-bottom: 40px;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .ea-head__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .ea-head__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.ea-head__desc p {
    margin: 0;
}
.ea__subscription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px;
    min-height: 70vh;
    padding-top: 120px;
    position: relative;
}
@media (max-width: 1024px) {
    .ea__subscription {
        min-height: 60vh;
        padding-top: 80px;
    }
}
@media (max-width: 768px) {
    .ea__subscription {
        padding-top: 40px;
    }
}
.ea__subscription .b-row .block__head {
    margin-bottom: 40px;
}
.ea-subscription__list,
.ea__subscription .b-row .block__head {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.ea-subscription__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    padding-top: 50px;
    position: relative;
}
@media (max-width: 1140px) {
    .ea-subscription__list {
        padding-top: 20px;
    }
}
@media (max-width: 1024px) {
    .ea-subscription__list {
        padding: 0 30%;
    }
}
@media (max-width: 768px) {
    .ea-subscription__list {
        padding: 0 180px;
    }
}
@media (max-width: 680px) {
    .ea-subscription__list {
        padding: 0 140px;
    }
}
@media (max-width: 500px) {
    .ea-subscription__list {
        padding: 0 20px;
    }
}
@media (max-width: 400px) {
    .ea-subscription__list {
        padding: 0;
    }
}
.ea-subscription__list .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
}
@media (max-width: 1024px) {
    .ea-subscription__list .swiper-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%;
    }
}
.ea-subscription__list .swiper-nav {
    display: none;
}
@media (max-width: 1024px) {
    .ea-subscription__list .swiper-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 768px) {
    .ea-subscription__list .swiper-nav {
        display: none;
    }
}
.ea-subscription__list .swiper-pagination {
    display: none;
}
@media (max-width: 1024px) {
    .ea-subscription__list .swiper-pagination {
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.ea-subscription__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 93px;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .ea-subscription__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 15px;
        max-width: 100%;
        opacity: 0.4;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .ea-subscription__item,
    .ea-subscription__item .ea-subscription-item__desc {
        -webkit-transition: var(--transition03);
        -o-transition: var(--transition03);
        transition: var(--transition03);
    }
    .ea-subscription__item .ea-subscription-item__desc {
        opacity: 0;
    }
    .ea-subscription__item.swiper-slide-visible,
    .ea-subscription__item.swiper-slide-visible .ea-subscription-item__desc {
        opacity: 1;
    }
}
.ea-subscription-item__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.ea-subscription-item__back:hover .ea-subscription-item__picture:before {
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0.65;
}
.ea-subscription-item__picture {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 51.66667%;
    flex: 0 0 51.66667%;
    max-width: 51.66667%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .ea-subscription-item__picture {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .ea-subscription-item__picture {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        width: 100%;
    }
}
.ea-subscription-item__picture:before {
    background: var(--ea-color);
    border-radius: 50%;
    content: "";
    -webkit-filter: blur(30px);
    filter: blur(30px);
    height: 150px;
    left: 50%;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 150px;
}
.ea-subscription-item__picture img {
    height: auto;
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.ea-subscription-item__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 48.33333%;
    flex: 0 0 48.33333%;
    max-width: 48.33333%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 48px;
    width: 100%;
}
@media (max-width: 1140px) {
    .ea-subscription-item__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .ea-subscription-item__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        width: 100%;
    }
}
.ea-subscription-item__name {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}
@media (max-width: 991px) {
    .ea-subscription-item__name {
        font-size: 18px;
        margin: 0 auto;
        max-width: 320px;
    }
}
.ea-subscription-item__text {
    font-size: 16px;
}
@media (max-width: 991px) {
    .ea-subscription-item__text {
        font-size: 14px;
        margin: 0 auto;
        max-width: 320px;
    }
}
.ea-subscription-item__text p {
    margin: 0;
    padding: 0;
}
.ea__games {
    margin-bottom: 100px;
    padding-top: 85px;
}
@media (max-width: 1024px) {
    .ea__games {
        margin-bottom: 50px;
        padding-top: 60px;
    }
}
@media (max-width: 768px) {
    .ea__games {
        margin-bottom: 0;
        padding-top: 60px;
    }
}
.ea__games .block__head {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}
.ea-games__list,
.ea__games .block__head {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.ea-games__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
@media (max-width: 1024px) {
    .ea-games__list {
        left: 50%;
        min-width: 1000px;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}
@media (max-width: 450px) {
    .ea-games__list {
        -webkit-transform: translate(-42%);
        -ms-transform: translate(-42%);
        transform: translate(-42%);
    }
}
.ea-games__list:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 16, 66, 0)), to(#0d1042));
    background: -webkit-linear-gradient(top, rgba(13, 16, 66, 0), #0d1042);
    background: -o-linear-gradient(top, rgba(13, 16, 66, 0) 0, #0d1042 100%);
    background: linear-gradient(180deg, rgba(13, 16, 66, 0), #0d1042);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.ea-games__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    margin-bottom: 40px;
    max-width: 16.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.ea-games__item:nth-child(19),
.ea-games__item:nth-child(20),
.ea-games__item:nth-child(21),
.ea-games__item:nth-child(22),
.ea-games__item:nth-child(23),
.ea-games__item:nth-child(24) {
    opacity: 0.6;
}
@media (max-width: 768px) {
    .ea-games__item:nth-child(19),
    .ea-games__item:nth-child(20),
    .ea-games__item:nth-child(21),
    .ea-games__item:nth-child(22),
    .ea-games__item:nth-child(23),
    .ea-games__item:nth-child(24) {
        margin-bottom: 20px;
    }
}
.ea-games__item a {
    display: block;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.ea-games__item img {
    border-radius: 10px;
    height: auto;
    max-width: 100%;
}
.ea-games__all {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: -180px 0 0;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .ea-games__all {
        margin-top: -160px;
    }
}
.ea-games__all .btn {
    background: var(--ea-color);
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
    width: auto;
}
@media (max-width: 768px) {
    .ea-games__all .btn {
        font-size: 18px;
    }
}
.ea__pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 120px;
    min-height: 70vh;
    padding-top: 170px;
    position: relative;
}
@media (max-width: 1024px) {
    .ea__pay {
        margin-bottom: 60px;
        padding-top: 100px;
    }
}
@media (max-width: 768px) {
    .ea__pay {
        margin-bottom: 60px;
        padding-top: 60px;
    }
}
.ea__pay .block__head,
.ea__payment {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.ea__payment {
    margin-bottom: 0;
    position: relative;
}
@media (max-width: 768px) {
    .ea__payment {
        padding: 0;
    }
}
.ea__payment .swiper-filter__label {
    display: block;
    font-size: 24px;
    font-weight: 500;
    margin: 0 25px 0 0;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .ea__payment .swiper-filter__current,
    .ea__payment .swiper-filter__label {
        display: none;
    }
}
.ea__payment .swiper__filter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 45px;
}
@media (max-width: 767px) {
    .ea__payment .swiper__filter {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .ea__payment .swiper__filter ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        background: none;
        border-radius: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        opacity: 1;
        padding: 0;
        position: static;
        right: auto;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
    }
}
.ea__payment .swiper__filter ul li {
    font-size: 14px;
    font-weight: 500;
    margin: 0 17px;
    padding: 0;
}
.ea__payment .swiper__filter ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid hsla(0, 0%, 100%, 0.3);
    border-radius: 5px;
    color: hsla(0, 0%, 100%, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    opacity: 1;
    padding: 0 18px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.ea__payment .swiper__filter ul li.active a {
    background-color: var(--ea-color);
    border-color: var(--ea-color);
    color: #fff;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.ea-payment__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 767px) {
    .ea-payment__list {
        margin: 0 auto;
        width: 414px;
    }
}
@media (max-width: 413px) {
    .ea-payment__list {
        width: 375px;
    }
}
@media (max-width: 374px) {
    .ea-payment__list {
        width: 320px;
    }
}
.ea-payment__list .swiper-container {
    margin: 0 auto;
    width: 896px;
}
@media (max-width: 1024px) {
    .ea-payment__list .swiper-container {
        width: 448px;
    }
}
@media (max-width: 767px) {
    .ea-payment__list .swiper-container {
        padding: 0;
        width: 100%;
    }
}
@media (max-width: 1140px) {
    .ea-payment__list .swiper-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 768px) {
    .ea-payment__list .swiper-nav .swiper-button-next .icon,
    .ea-payment__list .swiper-nav .swiper-button-prev .icon {
        height: 34px;
        width: 20px;
    }
}
@media (max-width: 1024px) {
    .ea-payment__list .swiper-pagination {
        bottom: 0;
        display: block;
    }
}
.ea-payment__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    opacity: 0.3;
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 100%;
}
@media (max-width: 1024px) {
    .ea-payment__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }
}
.ea-payment__item.swiper-slide-visible {
    opacity: 1;
}
.ea-payment-item__back {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 554px;
    overflow: hidden;
    padding: 10px 15px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 768px) {
    .ea-payment-item__back {
        height: 502px;
    }
}
@media (max-width: 374px) {
    .ea-payment-item__back {
        height: 482px;
    }
}
.ea-payment-item__back:hover {
    background-color: var(--ea-color);
    -webkit-box-shadow: 0 0 50px var(--ea-color);
    box-shadow: 0 0 50px var(--ea-color);
    padding: 0 0 52px;
    text-shadow: 1.92px 1.92px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
    .ea-payment-item__back:hover {
        margin: 0 15px;
    }
}
.ea-payment-item__back:hover .ea-payment-item__content {
    background-color: #0d1042;
    border-color: var(--ea-color);
}
.ea-payment-item__back:hover .ea-payment-item__icons {
    padding-bottom: 5px;
}
.ea-payment-item__back:hover .ea-payment-item__head {
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
}
@media (max-width: 768px) {
    .ea-payment-item__back:hover .ea-payment-item__head {
        padding-bottom: 10px;
    }
}
@media (max-width: 374px) {
    .ea-payment-item__back:hover .ea-payment-item__head {
        padding-bottom: 5px;
        padding-top: 5px;
    }
}
.ea-payment-item__back:hover .ea-payment-item__logo {
    margin-bottom: 10px;
}
.ea-payment-item__back:hover .ea-payment-item__logo .icon {
    height: 40px;
    width: 123px;
}
@media (max-width: 374px) {
    .ea-payment-item__back:hover .ea-payment-item__logo {
        margin-bottom: 5px;
    }
    .ea-payment-item__back:hover .ea-payment-item__logo .icon-ea-play {
        height: 30px;
        width: 94px;
    }
    .ea-payment-item__back:hover .ea-payment-item__logo .icon-ea-play-pro {
        height: 30px;
    }
}
.ea-payment-item__back:hover .ea-payment-item__desc ul li {
    margin-bottom: 5px;
}
@media (max-width: 768px) {
    .ea-payment-item__back:hover .ea-payment-item__desc {
        margin-bottom: 0;
    }
    .ea-payment-item__back:hover .ea-payment-item__desc ul {
        font-size: 11px;
    }
}
@media (max-width: 374px) {
    .ea-payment-item__back:hover .ea-payment-item__desc ul {
        font-size: 11px;
    }
    .ea-payment-item__back:hover .ea-payment-item__desc ul li {
        margin-bottom: 3px;
    }
}
@media (max-width: 374px) and (max-width: 330px) {
    .ea-payment-item__back:hover .ea-payment-item__desc ul li {
        margin-bottom: 0;
    }
}
.ea-payment-item__back:hover .ea-payment-item__price {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .ea-payment-item__back:hover .ea-payment-item__price {
        font-size: 30px;
        margin-bottom: 0;
    }
}
.ea-payment-item__back:hover .ea-payment-item__bottom {
    height: 84px;
    opacity: 1;
    visibility: visible;
}
.ea-payment-item__back:hover .ea-payment-item-bonus__more {
    background-color: transparent;
    bottom: 7px;
    padding: 0 5px 10px;
}
.ea-payment-item__back:hover .ea-payment-item-bonus__label {
    padding-left: 18px;
}
.ea-payment-item__back:hover .ea-payment-item-bonus__label:before {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.ea-payment-item__back:hover .ea-payment-item-bonus__icons {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    visibility: visible;
}
.ea-payment-item__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #0d1042;
    border: 2px solid hsla(0, 0%, 100%, 0.5);
    border-radius: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 100%;
}
.ea-payment-item__content,
.ea-payment-item__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ea-payment-item__icons {
    padding: 30px 40px 20px;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
@media (max-width: 768px) {
    .ea-payment-item__icons {
        padding: 25px 25px 10px;
    }
}
@media (max-width: 374px) {
    .ea-payment-item__icons {
        padding: 15px 20px 10px;
    }
}
.ea-payment-item__icons span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--ea-color);
    border-radius: 5px;
    color: var(--white);
    font-size: 12px;
    height: 28px;
    justify-content: center;
    line-height: 1;
    padding: 0 10px;
    width: auto;
}
.ea-payment-item__head,
.ea-payment-item__icons span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    text-transform: uppercase;
}
.ea-payment-item__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    font-size: 24px;
    justify-content: space-between;
    padding: 10px 40px 30px;
    text-shadow: 1.92px 1.92px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 1140px) {
    .ea-payment-item__head {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .ea-payment-item__head {
        font-size: 16px;
        padding: 15px 25px 30px;
    }
}
@media (max-width: 374px) {
    .ea-payment-item__head {
        padding: 10px 20px 15px;
    }
}
.ea-payment-item__name {
    margin: 0 10px 0 0;
}
.ea-payment-item__value {
    white-space: nowrap;
}
.ea-payment-item__value:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5 9h20m0 0L13 1.5M20.5 9 13 16.5' stroke='%23FF4747' stroke-width='3'/%3E%3C/svg%3E") 50% 50%
        no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 18px;
    margin: 0 5px 3px 0;
    vertical-align: middle;
    width: 23px;
}
@media (max-width: 1140px) {
    .ea-payment-item__value:before {
        margin: 0 5px 2px 0;
    }
}
@media (max-width: 768px) {
    .ea-payment-item__value:before {
        background-size: contain;
        height: 12px;
        margin: 0 5px 2px 0;
        width: 16px;
    }
}
.ea-payment-item__text {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 40px 16px;
    position: relative;
}
@media (max-width: 768px) {
    .ea-payment-item__text {
        padding: 0 25px 14px;
    }
}
@media (max-width: 374px) {
    .ea-payment-item__text {
        padding: 0 20px 10px;
    }
}
.ea-payment-item__logo {
    margin-bottom: 25px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 860px) {
    .ea-payment-item__logo {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .ea-payment-item__logo {
        margin-bottom: 25px;
    }
}
@media (max-width: 374px) {
    .ea-payment-item__logo {
        margin-bottom: 15px;
    }
}
.ea-payment-item__logo .icon {
    --color-1: var(--ea-color);
    display: block;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.ea-payment-item__logo .icon-ea-play {
    height: 45px;
    width: 138px;
}
.ea-payment-item__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-bottom: 8px;
    position: relative;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.ea-payment-item__desc ul {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .ea-payment-item__desc ul {
        font-size: 12px;
    }
}
.ea-payment-item__desc ul li {
    display: block;
    list-style-type: none;
    margin-bottom: 12px;
    padding: 0 0 0 40px;
    position: relative;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 768px) {
    .ea-payment-item__desc ul li {
        margin-bottom: 8px;
        padding-left: 35px;
    }
}
@media (max-width: 374px) {
    .ea-payment-item__desc ul li {
        margin: 0 0 5px;
    }
}
.ea-payment-item__desc ul li:before {
    background-color: var(--ea-color);
    border-radius: 5px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 20px;
}
.ea-payment-item__desc ul li:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='m2 4 4 4 6-6' stroke='%23fff' stroke-width='3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='.938' y='.939' width='13.121' height='10.182' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
        0 0 no-repeat;
    content: "";
    height: 12px;
    left: 3px;
    position: absolute;
    top: 4px;
    width: 15px;
}
.ea-payment-item__price {
    font-size: 31px;
    margin-bottom: 52px;
}
.ea-payment-item__bottom,
.ea-payment-item__price {
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.ea-payment-item__bottom {
    height: 0;
    margin: 0 -15px;
    opacity: 0;
    overflow: hidden;
    padding: 12px 15px 0;
}
.ea-payment-item__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}
.ea-payment-item__buttons .btn {
    height: 40px;
    margin: 0 20px 0 0;
    padding: 5px 10px;
}
.ea-payment-item__buttons .btn:hover {
    background-color: var(--ea-color);
    opacity: 1;
}
.ea-payment-item__buttons .btn.checked:after {
    right: -8px;
}
.ea-payment-item__buttons .btn .icon {
    display: block;
}
.ea-payment-item__buttons .btn .icon-card-mini {
    fill: var(--black);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.ea-payment-item__buttons .btn .icon-cart-mini {
    height: 20px;
    width: 23px;
}
.ea-payment-item__buttons .btn span {
    margin-bottom: -2px;
}
.ea-payment-item__buttons .btn:hover .icon-card-mini {
    fill: var(--white);
}
@media (max-width: 768px) {
    .ea-payment-item__buttons .btn {
        margin: 0 10px 0 0;
    }
}
.ea-payment-item__buttons .btn:last-child {
    margin: 0 0 0 20px;
    max-width: 60px;
}
.ea-payment-item__buttons .btn:last-child .icon {
    margin-right: 0;
}
@media (max-width: 768px) {
    .ea-payment-item__buttons .btn:last-child {
        margin: 0 0 0 10px;
    }
    .ea-payment-item__buttons .btn:last-child span {
        display: none;
    }
}
.ea-payment-item-bonus__more {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: rgba(255, 71, 71, 0.3);
    border-radius: 5px;
    bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    left: 40px;
    padding: 5px 9px;
    position: absolute;
    right: 40px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
@media (max-width: 1400px) {
    .ea-payment-item-bonus__more {
        left: 30px;
        right: 30px;
    }
}
@media (max-width: 374px) {
    .ea-payment-item-bonus__more {
        left: 20px;
        right: 20px;
    }
}
.ea-payment-item-bonus__label {
    font-size: 14px;
    padding-left: 0;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
}
@media (max-width: 1340px) and (min-width: 1280px) {
    .ea-payment-item-bonus__label {
        font-size: 12px;
    }
}
@media (max-width: 370px) {
    .ea-payment-item-bonus__label {
        font-size: 12px;
    }
}
.ea-payment-item-bonus__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23fff'/%3E%3C/svg%3E") 50% 0 no-repeat;
    content: "";
    height: 11px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 3px;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: 10px;
}
.ea-payment-item-bonus__value {
    font-size: 14px;
}
@media (max-width: 1340px) and (min-width: 1280px) {
    .ea-payment-item-bonus__value {
        font-size: 12px;
    }
}
.ea-payment-item-bonus__value span {
    margin: 0 2px 0 0;
}
.ea-payment-item-bonus__value s,
.ea-payment-item-bonus__value span {
    color: hsla(0, 0%, 100%, 0.5);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.ea-payment-item-bonus__value s {
    margin-left: 8px;
    text-decoration: line-through;
}
.ea-payment-item-bonus__icons {
    -ms-flex-pack: distribute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    justify-content: space-around;
    left: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    visibility: hidden;
}
.ea-payment-item-bonus__icons,
.ea-payment-item-bonus__icons a {
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.ea-payment-item-bonus__icons a {
    margin: 0 2px;
}
.ea-payment-item-bonus__icons .icon {
    display: block;
    -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
}
@media (max-width: 374px) {
    .ea-payment-item-bonus__icons .icon.icon-bonus-multy {
        height: 20px;
        width: 58px;
    }
    .ea-payment-item-bonus__icons .icon.icon-bonus-spasibo {
        height: 20px;
        width: 80px;
    }
    .ea-payment-item-bonus__icons .icon.icon-bonus-gorod {
        height: 20px;
        width: 78px;
    }
}
.apex__header .ea__slider .swiper-button-next .icon,
.apex__header .ea__slider .swiper-button-prev .icon,
.ea__slider .aion-color .swiper-button-next .icon,
.ea__slider .aion-color .swiper-button-prev .icon,
.ea__slider .ragnarok-color .swiper-button-next .icon,
.ea__slider .ragnarok-color .swiper-button-prev .icon,
.ea__slider .roblox-color .swiper-button-next .icon,
.ea__slider .roblox-color .swiper-button-prev .icon {
    stroke: var(--black);
}
.ea__slider {
    margin-bottom: 200px;
    margin-left: auto;
    margin-right: auto;
    max-width: 4040px;
    overflow: hidden;
    padding-top: 10px;
}
@media (max-width: 1024px) {
    .ea__slider {
        margin-bottom: 60px;
        overflow: visible;
        padding-top: 80px;
    }
}
@media (max-width: 768px) {
    .ea__slider {
        margin-bottom: 30px;
        padding-top: 30px;
    }
}
@media (max-width: 420px) {
    .ea__slider {
        margin-bottom: 60px;
        padding-top: 0;
    }
}
.ea__slider-search {
    overflow: visible;
}
.ea__slider-search > .b-container {
    padding-left: 0;
    padding-right: 0;
}
.essence__content .ea__slider,
.l2-legacy__content .ea__slider,
.l2-main__content .ea__slider {
    margin-bottom: 110px;
}
@media (max-width: 1024px) {
    .essence__content .ea__slider,
    .l2-legacy__content .ea__slider,
    .l2-main__content .ea__slider {
        margin-bottom: 70px;
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    .essence__content .ea__slider,
    .l2-legacy__content .ea__slider,
    .l2-main__content .ea__slider {
        margin-bottom: 50px;
    }
}
@media (max-width: 420px) {
    .essence__content .ea__slider,
    .l2-legacy__content .ea__slider,
    .l2-main__content .ea__slider {
        margin-bottom: 50px;
    }
}
.rf__content .ea__slider {
    padding-bottom: 5px;
}
.aion__content .ea__slider,
.crowfall__content .ea__slider,
.ragnarok__content .ea__slider,
.rf__content .ea__slider {
    margin-bottom: 45px;
}
@media (max-width: 1024px) {
    .aion__content .ea__slider,
    .crowfall__content .ea__slider,
    .ragnarok__content .ea__slider,
    .rf__content .ea__slider {
        margin-bottom: 40px;
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    .aion__content .ea__slider,
    .crowfall__content .ea__slider,
    .ragnarok__content .ea__slider,
    .rf__content .ea__slider {
        margin-bottom: 30px;
        padding-top: 0;
    }
}
@media (max-width: 420px) {
    .aion__content .ea__slider,
    .crowfall__content .ea__slider,
    .ragnarok__content .ea__slider,
    .rf__content .ea__slider {
        margin-bottom: 10px;
        padding-top: 0;
    }
}
.wg__block .ea__slider,
.wg__content .ea__slider,
.wow__block .ea__slider {
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .wg__block .ea__slider,
    .wg__content .ea__slider,
    .wow__block .ea__slider {
        margin-bottom: 40px;
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    .wg__block .ea__slider,
    .wg__content .ea__slider,
    .wow__block .ea__slider {
        margin-bottom: 30px;
        padding-top: 0;
    }
}
@media (max-width: 420px) {
    .wg__block .ea__slider,
    .wg__content .ea__slider,
    .wow__block .ea__slider {
        margin-bottom: 10px;
        padding-top: 0;
    }
}
.ea__slider .block__head {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.ea__slider .swiper-container {
    overflow: visible;
    width: 100%;
}
.ea__slider .swiper-nav {
    display: none;
}
@media (max-width: 1024px) {
    .ea__slider .swiper-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (min-width: 768px) {
    .nintendo-color .ea__slider .swiper-button-next,
    .nintendo-color .ea__slider .swiper-button-prev {
        --swiper-navigation-size: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - var(--swiper-navigation-size) * 0.5);
        pointer-events: auto;
        width: var(--swiper-navigation-size);
    }
}
@media (min-width: 768px) and (max-width: 1550px) {
    .nintendo-color .ea__slider .swiper-button-next,
    .nintendo-color .ea__slider .swiper-button-prev {
        --swiper-navigation-size: 70px;
    }
}
@media (min-width: 1280px) {
    .nintendo-color .ea__slider .swiper-button-next span,
    .nintendo-color .ea__slider .swiper-button-prev span {
        -webkit-box-shadow: 3px 3px 0 5px var(--black);
        box-shadow: 3px 3px 0 5px var(--black);
    }
}
@media (min-width: 768px) {
    .nintendo-color .ea__slider .swiper-button-next span,
    .nintendo-color .ea__slider .swiper-button-prev span {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: var(--white);
        border: 3px solid var(--black);
        border-radius: 50%;
        -webkit-box-shadow: 2px 2px 0 4px var(--black);
        box-shadow: 2px 2px 0 4px var(--black);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        justify-content: center;
        width: 100%;
    }
}
.nintendo-color .ea__slider .swiper-button-next span .icon,
.nintendo-color .ea__slider .swiper-button-prev span .icon {
    opacity: 1;
}
@media (max-width: 1550px) {
    .nintendo-color .ea__slider .swiper-button-next span .icon,
    .nintendo-color .ea__slider .swiper-button-prev span .icon {
        height: 30px;
        width: 18px;
    }
}
.nintendo-color .ea__slider .swiper-button-next:after,
.nintendo-color .ea__slider .swiper-button-prev:after {
    display: none;
}
.nintendo-color .ea__slider .swiper-button-next .icon,
.nintendo-color .ea__slider .swiper-button-prev .icon {
    opacity: 1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.nintendo-color .ea__slider .swiper-button-next:hover .icon,
.nintendo-color .ea__slider .swiper-button-prev:hover .icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.nintendo-color .ea__slider .swiper-button-prev {
    left: -140px;
}
@media (max-width: 1550px) {
    .nintendo-color .ea__slider .swiper-button-prev {
        left: -20px;
    }
}
@media (max-width: 768px) {
    .nintendo-color .ea__slider .swiper-button-prev {
        left: 0;
    }
}
.nintendo-color .ea__slider .swiper-button-next {
    right: -140px;
}
@media (max-width: 1550px) {
    .nintendo-color .ea__slider .swiper-button-next {
        right: -20px;
    }
}
@media (max-width: 768px) {
    .nintendo-color .ea__slider .swiper-button-next {
        right: 0;
    }
}
.nintendo-color .ea__slider .swiper-button-disabled {
    opacity: 0.3;
}
.nintendo-color .ea__slider .swiper-button-disabled:hover .icon {
    -webkit-animation: none;
    animation: none;
    opacity: 0.5;
}
.ea__slider .swiper-button-prev {
    left: -60px;
}
@media (max-width: 1480px) {
    .ea__slider .swiper-button-prev {
        left: 10px;
    }
}
@media (max-width: 414px) {
    .ea__slider .swiper-button-prev {
        left: 0;
    }
}
.aion-classic-color .ea__slider .swiper-button-prev,
.bns-color .ea__slider .swiper-button-prev,
.bt2-color .ea__slider .swiper-button-prev,
.genshin-color .ea__slider .swiper-button-prev,
.stalcraft-color .ea__slider .swiper-button-prev,
.warface-color .ea__slider .swiper-button-prev {
    left: -110px;
}
@media (max-width: 1580px) {
    .aion-classic-color .ea__slider .swiper-button-prev,
    .bns-color .ea__slider .swiper-button-prev,
    .bt2-color .ea__slider .swiper-button-prev,
    .genshin-color .ea__slider .swiper-button-prev,
    .stalcraft-color .ea__slider .swiper-button-prev,
    .warface-color .ea__slider .swiper-button-prev {
        left: -60px;
    }
}
@media (max-width: 1280px) {
    .aion-classic-color .ea__slider .swiper-button-prev,
    .bns-color .ea__slider .swiper-button-prev,
    .bt2-color .ea__slider .swiper-button-prev,
    .genshin-color .ea__slider .swiper-button-prev,
    .stalcraft-color .ea__slider .swiper-button-prev,
    .warface-color .ea__slider .swiper-button-prev {
        left: 10px;
    }
}
.xboxgp-color .ea__slider .swiper-button-prev .icon {
    margin-right: 3px;
}
.ea__slider .swiper-button-next {
    right: -60px;
}
@media (max-width: 1480px) {
    .ea__slider .swiper-button-next {
        right: 10px;
    }
}
@media (max-width: 414px) {
    .ea__slider .swiper-button-next {
        right: 0;
    }
}
.aion-classic-color .ea__slider .swiper-button-next,
.bns-color .ea__slider .swiper-button-next,
.bt2-color .ea__slider .swiper-button-next,
.genshin-color .ea__slider .swiper-button-next,
.stalcraft-color .ea__slider .swiper-button-next,
.warface-color .ea__slider .swiper-button-next {
    right: -110px;
}
@media (max-width: 1580px) {
    .aion-classic-color .ea__slider .swiper-button-next,
    .bns-color .ea__slider .swiper-button-next,
    .bt2-color .ea__slider .swiper-button-next,
    .genshin-color .ea__slider .swiper-button-next,
    .stalcraft-color .ea__slider .swiper-button-next,
    .warface-color .ea__slider .swiper-button-next {
        right: -60px;
    }
}
@media (max-width: 1280px) {
    .aion-classic-color .ea__slider .swiper-button-next,
    .bns-color .ea__slider .swiper-button-next,
    .bt2-color .ea__slider .swiper-button-next,
    .genshin-color .ea__slider .swiper-button-next,
    .stalcraft-color .ea__slider .swiper-button-next,
    .warface-color .ea__slider .swiper-button-next {
        right: 10px;
    }
}
.xboxgp-color .ea__slider .swiper-button-next .icon {
    margin-left: 3px;
}
.ea__slider .swiper-button-next,
.ea__slider .swiper-button-prev {
    height: 58px;
    margin-top: -29px;
    width: 34px;
}
@media (max-width: 414px) {
    .ea__slider .swiper-button-next,
    .ea__slider .swiper-button-prev {
        width: 30px;
    }
}
.ea__slider .swiper-button-next:after,
.ea__slider .swiper-button-prev:after {
    display: none;
}
.ea__slider .swiper-button-next .icon,
.ea__slider .swiper-button-prev .icon {
    fill: none;
    stroke: var(--white);
    stroke-width: 9;
    opacity: 0.5;
}
@media (max-width: 768px) {
    .bt2-color .ea__slider .swiper-button-next .icon,
    .bt2-color .ea__slider .swiper-button-prev .icon,
    .stalcraft-color .ea__slider .swiper-button-next .icon,
    .stalcraft-color .ea__slider .swiper-button-prev .icon,
    .warface-color .ea__slider .swiper-button-next .icon,
    .warface-color .ea__slider .swiper-button-prev .icon {
        stroke: none;
        stroke-width: 0;
        --black: var(--white);
    }
}
.nintendo-color .ea__slider .swiper-button-next .icon,
.nintendo-color .ea__slider .swiper-button-prev .icon {
    fill: var(--black);
    stroke: none;
    stroke-width: 0;
}
@media (min-width: 768px) {
    .aion-classic-color .ea__slider .swiper-button-next,
    .aion-classic-color .ea__slider .swiper-button-prev {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: #684bb4;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 80px;
        justify-content: center;
        margin-top: -40px;
        width: 80px;
    }
    .aion-classic-color .ea__slider .swiper-button-next.swiper-button-lock,
    .aion-classic-color .ea__slider .swiper-button-prev.swiper-button-lock {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1279px) {
    .aion-classic-color .ea__slider .swiper-button-next,
    .aion-classic-color .ea__slider .swiper-button-prev {
        margin-top: -55px;
    }
}
@media (min-width: 768px) {
    .aion-classic-color .ea__slider .swiper-button-next .icon,
    .aion-classic-color .ea__slider .swiper-button-prev .icon {
        stroke: none;
        stroke-width: 0;
        display: block;
        opacity: 1;
    }
    .genshin-color .ea__slider .swiper-button-next,
    .genshin-color .ea__slider .swiper-button-prev {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        border-radius: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 78px;
        justify-content: center;
        margin-top: -39px;
        width: 58px;
    }
    .genshin-color .ea__slider .swiper-button-next.swiper-button-lock,
    .genshin-color .ea__slider .swiper-button-prev.swiper-button-lock {
        display: none;
    }
    .genshin-color .ea__slider .swiper-button-next .icon,
    .genshin-color .ea__slider .swiper-button-prev .icon {
        stroke: none;
        stroke-width: 0;
        display: block;
        opacity: 1;
    }
    .bns-color .ea__slider .swiper-button-next,
    .bns-color .ea__slider .swiper-button-prev {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: var(--bns-arrows-bg);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 80px;
        justify-content: center;
        margin-top: -40px;
        width: 80px;
    }
    .bns-color .ea__slider .swiper-button-next.swiper-button-lock,
    .bns-color .ea__slider .swiper-button-prev.swiper-button-lock {
        display: none;
    }
    .bns-color .ea__slider .swiper-button-next .icon,
    .bns-color .ea__slider .swiper-button-prev .icon {
        stroke: none;
        stroke-width: 0;
        display: block;
        opacity: 1;
    }
    .stalcraft-color .ea__slider .swiper-button-next,
    .stalcraft-color .ea__slider .swiper-button-prev {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: var(--stalcraft-color);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 60px;
        justify-content: center;
        margin-top: -30px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        width: 60px;
    }
    .stalcraft-color .ea__slider .swiper-button-next.swiper-button-lock,
    .stalcraft-color .ea__slider .swiper-button-prev.swiper-button-lock {
        display: none;
    }
    .stalcraft-color .ea__slider .swiper-button-next:hover,
    .stalcraft-color .ea__slider .swiper-button-prev:hover {
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }
    .stalcraft-color .ea__slider .swiper-button-next .icon,
    .stalcraft-color .ea__slider .swiper-button-prev .icon {
        stroke: none;
        stroke-width: 0;
        display: block;
        height: 20px;
        opacity: 1;
        width: 40px;
    }
    .bt2-color .ea__slider .swiper-button-next,
    .bt2-color .ea__slider .swiper-button-prev {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: var(--black);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 82px;
        justify-content: center;
        margin-top: -41px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        width: 82px;
    }
    .bt2-color .ea__slider .swiper-button-next.swiper-button-lock,
    .bt2-color .ea__slider .swiper-button-prev.swiper-button-lock {
        display: none;
    }
    .bt2-color .ea__slider .swiper-button-next:hover,
    .bt2-color .ea__slider .swiper-button-prev:hover {
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }
    .bt2-color .ea__slider .swiper-button-next .icon,
    .bt2-color .ea__slider .swiper-button-prev .icon {
        stroke: none;
        stroke-width: 0;
        display: block;
        height: 35px;
        opacity: 1;
        width: 21px;
    }
    .warface-color .ea__slider .swiper-button-next,
    .warface-color .ea__slider .swiper-button-prev {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 72px;
        justify-content: center;
        margin-top: -46px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        width: 50px;
    }
    .warface-color .ea__slider .swiper-button-next.swiper-button-lock,
    .warface-color .ea__slider .swiper-button-prev.swiper-button-lock {
        display: none;
    }
    .warface-color .ea__slider .swiper-button-next:hover,
    .warface-color .ea__slider .swiper-button-prev:hover {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    .warface-color .ea__slider .swiper-button-next .icon,
    .warface-color .ea__slider .swiper-button-prev .icon {
        stroke: none;
        stroke-width: 0;
        fill: var(--warface-color-1);
        display: block;
        opacity: 1;
    }
}
.xboxgp-color .ea__slider .swiper-button-next .icon,
.xboxgp-color .ea__slider .swiper-button-prev .icon {
    stroke-width: 3;
    height: 28px;
    width: 17px;
}
@media (min-width: 768px) {
    .xboxgp-color .ea__slider .swiper-button-next,
    .xboxgp-color .ea__slider .swiper-button-prev {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: var(--white);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 56px;
        justify-content: center;
        margin-top: -28px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        width: 56px;
    }
    .xboxgp-color .ea__slider .swiper-button-next.swiper-button-lock,
    .xboxgp-color .ea__slider .swiper-button-prev.swiper-button-lock {
        display: none;
    }
    .xboxgp-color .ea__slider .swiper-button-next:hover,
    .xboxgp-color .ea__slider .swiper-button-prev:hover {
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }
    .xboxgp-color .ea__slider .swiper-button-next .icon,
    .xboxgp-color .ea__slider .swiper-button-prev .icon {
        stroke: var(--black);
        display: block;
        opacity: 1;
    }
}
.ea__slider .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    justify-content: center;
    position: relative;
}
.ea__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-size: 20px;
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-bullet-inactive-color: #8b8ed2;
    border-radius: 5px;
}
.wg__block .ea__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: #77674c;
}
.ea__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--ea-color);
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.wg__block .ea__slider .swiper-pagination-bullet-active {
    background: var(--bg-1);
}
@media (min-width: 768px) {
    .stalcraft-color .ea__slider .stalcraft-color-1 .swiper-button-next,
    .stalcraft-color .ea__slider .stalcraft-color-1 .swiper-button-prev {
        background: var(--stalcraft-color);
    }
    .stalcraft-color .ea__slider .stalcraft-color-2 .swiper-button-next,
    .stalcraft-color .ea__slider .stalcraft-color-2 .swiper-button-prev {
        background: var(--stalcraft-color-2);
    }
    .stalcraft-color .ea__slider .stalcraft-color-3 .swiper-button-next,
    .stalcraft-color .ea__slider .stalcraft-color-3 .swiper-button-prev {
        background: var(--stalcraft-color-3);
    }
    .stalcraft-color .ea__slider .stalcraft-color-4 .swiper-button-next,
    .stalcraft-color .ea__slider .stalcraft-color-4 .swiper-button-prev {
        background: var(--stalcraft-color-4);
    }
    .stalcraft-color .ea__slider .stalcraft-color-5 .swiper-button-next,
    .stalcraft-color .ea__slider .stalcraft-color-5 .swiper-button-prev {
        background: var(--stalcraft-color-5);
    }
}
.ea-slider__block {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .ea-slider__block {
        padding: 0;
    }
}
@media (max-width: 576px) {
    .ea-slider__block.gfn-color.gfn-card {
        margin: 0 -20px;
    }
}
.ea-slider__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.2;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 1280px) {
    .ea-slider__list {
        margin: 0 auto;
        width: 1008px;
    }
}
@media (max-width: 1024px) {
    .ea-slider__list {
        width: 672px;
    }
}
@media (max-width: 768px) {
    .ea-slider__list {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .ea-slider__list {
        margin: 0 auto;
        padding: 0;
        width: 90%;
    }
}
@media (max-width: 413px) {
    .ea-slider__list {
        width: 375px;
    }
}
@media (max-width: 374px) {
    .ea-slider__list {
        width: 320px;
    }
}
@media (max-width: 1280px) and (min-width: 768px) {
    .ea-slider__list.ea-slider__list--big {
        max-width: 672px;
    }
    .ea-slider__list.two-in-row.caliber-color,
    .ea-slider__list.two-in-row.fgp-color-3,
    .ea-slider__list.two-in-row.wg-color2,
    .ea-slider__list.two-in-row.wowsh-color:not(.wowsh-premium),
    .ea-slider__list.two-in-row.wt-color:not(.wt-color-prem) {
        width: 672px;
    }
}
@media (min-width: 1280px) {
    .ea-slider__list.two-in-row.fgp-color-3 {
        height: 748px;
    }
    .ea-slider__list.two-in-row.fgp-color-3 > .swiper-container {
        height: 100%;
        overflow: hidden;
        padding-bottom: 80px;
    }
    .ea-slider__list.two-in-row.fgp-color-3 .ea-slider__item {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        height: -webkit-calc(50% - 15px) !important;
        height: calc(50% - 15px) !important;
        max-width: 657px;
    }
}
@media (max-width: 1280px) and (min-width: 768px) {
    .ea-slider__list.two-in-row.fgp-color-3 .ea-slider__item {
        max-width: 672px;
    }
}
@media (max-width: 1280px) {
    .ea-slider__list.three-in-row {
        width: 898px;
    }
    .ea-slider__list.three-in-row.fourgame-color .swiper {
        padding-bottom: 30px;
    }
    .ea-slider__list.three-in-row.fourgame-color .swiper-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .ea-slider__list.three-in-row.fourgame-color .swiper-pagination {
        bottom: 0;
    }
}
@media (max-width: 1280px) and (max-width: 768px) {
    .ea-slider__list.three-in-row.fourgame-color .swiper-pagination {
        bottom: 0;
    }
}
@media (max-width: 1024px) {
    .ea-slider__list.three-in-row {
        width: 448px;
    }
}
@media (max-width: 767px) and (min-width: 414px) {
    .ea-slider__list.three-in-row {
        max-width: 448px;
        width: auto;
    }
}
@media (max-width: 413px) {
    .ea-slider__list.three-in-row {
        max-width: 100%;
        width: 375px;
    }
}
@media (max-width: 374px) {
    .ea-slider__list.three-in-row {
        width: 320px;
    }
}
@media (max-width: 767px) and (min-width: 414px) {
    .ea-slider__list.three-in-row.bns-color,
    .ea-slider__list.three-in-row.fgp-color,
    .ea-slider__list.three-in-row.wowsh-color,
    .ea-slider__list.three-in-row.wt-color,
    .ea-slider__list.three-in-row.zvuk-color {
        max-width: 100%;
        width: 414px;
    }
}
@media (max-width: 413px) {
    .ea-slider__list.three-in-row.bns-color,
    .ea-slider__list.three-in-row.fgp-color,
    .ea-slider__list.three-in-row.wowsh-color,
    .ea-slider__list.three-in-row.wt-color,
    .ea-slider__list.three-in-row.zvuk-color {
        width: 375px;
    }
}
@media (max-width: 374px) {
    .ea-slider__list.three-in-row.bns-color,
    .ea-slider__list.three-in-row.fgp-color,
    .ea-slider__list.three-in-row.wowsh-color,
    .ea-slider__list.three-in-row.wt-color,
    .ea-slider__list.three-in-row.zvuk-color {
        width: 320px;
    }
}
.ea-slider__list.alone-card {
    width: 336px;
}
@media (max-width: 1024px) {
    .ea-slider__list.alone-card {
        width: 336px;
    }
}
@media (max-width: 767px) {
    .ea-slider__list.alone-card {
        width: 414px;
    }
}
@media (max-width: 413px) {
    .ea-slider__list.alone-card {
        width: 375px;
    }
}
@media (max-width: 375px) {
    .ea-slider__list.alone-card {
        width: 320px;
    }
}
.ea-slider__list.alone-card.ea-slider__list--super {
    width: auto;
}
.ea-slider__list.alone-card.ea-slider__list--super .swiper-pagination {
    display: block;
}
@media (max-width: 1280px) and (min-width: 768px) {
    .ea-slider__list.alone-card.ea-slider__list--super {
        max-width: 672px;
    }
}
@media (max-width: 767px) {
    .ea-slider__list.alone-card.ea-slider__list--super {
        max-width: 414px;
    }
}
@media (max-width: 413px) {
    .ea-slider__list.alone-card.ea-slider__list--super {
        max-width: 375px;
    }
}
@media (max-width: 374px) {
    .ea-slider__list.alone-card.ea-slider__list--super {
        max-width: 350px;
    }
}
.aion-premium__preview .ea-slider__list.alone-card,
.l2-premium__preview .ea-slider__list.alone-card {
    max-width: 448px;
    width: auto;
}
@media (max-width: 1280px) {
    .aion-premium__preview .ea-slider__list.alone-card,
    .l2-premium__preview .ea-slider__list.alone-card {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media (max-width: 1140px) {
    .aion-premium__preview .ea-slider__list.alone-card,
    .l2-premium__preview .ea-slider__list.alone-card {
        max-width: 336px;
        width: auto;
    }
}
@media (max-width: 768px) {
    .aion-premium__preview .ea-slider__list.alone-card,
    .l2-premium__preview .ea-slider__list.alone-card {
        max-width: none;
        width: auto;
    }
}
@media (max-width: 767px) {
    .aion-premium__preview .ea-slider__list.alone-card,
    .l2-premium__preview .ea-slider__list.alone-card {
        max-width: 414px;
        padding: 0;
        width: 100%;
    }
}
@media (max-width: 413px) {
    .aion-premium__preview .ea-slider__list.alone-card,
    .l2-premium__preview .ea-slider__list.alone-card {
        max-width: 375px;
    }
}
@media (max-width: 374px) {
    .aion-premium__preview .ea-slider__list.alone-card,
    .l2-premium__preview .ea-slider__list.alone-card {
        max-width: 320px;
    }
}
.bang-bang__pass .ea-slider__list.alone-card {
    max-width: 448px;
    width: 100%;
}
@media (max-width: 1280px) {
    .bang-bang__pass .ea-slider__list.alone-card {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media (max-width: 1140px) {
    .bang-bang__pass .ea-slider__list.alone-card {
        width: auto;
    }
}
@media (max-width: 768px) {
    .bang-bang__pass .ea-slider__list.alone-card {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .bang-bang__pass .ea-slider__list.alone-card {
        padding: 0;
    }
}
@media (max-width: 413px) {
    .bang-bang__pass .ea-slider__list.alone-card {
        max-width: 375px;
    }
}
@media (max-width: 374px) {
    .bang-bang__pass .ea-slider__list.alone-card {
        max-width: 320px;
    }
}
.sberzvuk__block .ea-slider__list.alone-card {
    max-width: 448px;
    width: 100%;
}
@media (max-width: 1280px) {
    .sberzvuk__block .ea-slider__list.alone-card {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media (max-width: 1140px) {
    .sberzvuk__block .ea-slider__list.alone-card {
        width: auto;
    }
}
@media (max-width: 768px) {
    .sberzvuk__block .ea-slider__list.alone-card {
        max-width: 336px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .sberzvuk__block .ea-slider__list.alone-card {
        max-width: 336px;
        padding: 0;
    }
}
@media (max-width: 413px) {
    .sberzvuk__block .ea-slider__list.alone-card {
        max-width: 375px;
    }
}
@media (max-width: 374px) {
    .sberzvuk__block .ea-slider__list.alone-card {
        max-width: 320px;
    }
}
.caliber-premium__slider .ea-slider__list.alone-card {
    max-width: 448px;
    width: 100%;
}
@media (max-width: 1140px) {
    .caliber-premium__slider .ea-slider__list.alone-card {
        max-width: 336px;
        width: auto;
    }
}
@media (max-width: 768px) {
    .caliber-premium__slider .ea-slider__list.alone-card {
        max-width: none;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .caliber-premium__slider .ea-slider__list.alone-card {
        max-width: 414px;
        padding: 0;
    }
}
@media (max-width: 413px) {
    .caliber-premium__slider .ea-slider__list.alone-card {
        max-width: 375px;
    }
}
@media (max-width: 374px) {
    .caliber-premium__slider .ea-slider__list.alone-card {
        max-width: 320px;
    }
}
.crowfall__preview .ea-slider__list.alone-card,
.ragnarok-premium__preview .ea-slider__list.alone-card,
.rf__premium .ea-slider__list.alone-card {
    max-width: 448px;
    width: 100%;
}
@media (max-width: 1280px) {
    .crowfall__preview .ea-slider__list.alone-card,
    .ragnarok-premium__preview .ea-slider__list.alone-card,
    .rf__premium .ea-slider__list.alone-card {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media (max-width: 1140px) {
    .crowfall__preview .ea-slider__list.alone-card,
    .ragnarok-premium__preview .ea-slider__list.alone-card,
    .rf__premium .ea-slider__list.alone-card {
        max-width: 336px;
        width: auto;
    }
}
@media (max-width: 768px) {
    .crowfall__preview .ea-slider__list.alone-card,
    .ragnarok-premium__preview .ea-slider__list.alone-card,
    .rf__premium .ea-slider__list.alone-card {
        max-width: none;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .crowfall__preview .ea-slider__list.alone-card,
    .ragnarok-premium__preview .ea-slider__list.alone-card,
    .rf__premium .ea-slider__list.alone-card {
        max-width: 414px;
        padding: 0;
    }
}
@media (max-width: 413px) {
    .crowfall__preview .ea-slider__list.alone-card,
    .ragnarok-premium__preview .ea-slider__list.alone-card,
    .rf__premium .ea-slider__list.alone-card {
        max-width: 375px;
    }
}
@media (max-width: 374px) {
    .crowfall__preview .ea-slider__list.alone-card,
    .ragnarok-premium__preview .ea-slider__list.alone-card,
    .rf__premium .ea-slider__list.alone-card {
        max-width: 320px;
    }
}
.ea-slider__list.swiper-carousel > .swiper-container {
    overflow: visible;
    width: 100%;
}
.ea-slider__list .swiper-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .ea-slider__list .swiper-nav .swiper-button-next .icon,
    .ea-slider__list .swiper-nav .swiper-button-prev .icon {
        height: 34px;
        width: 20px;
    }
    .stalcraft-color .ea-slider__list .swiper-nav .swiper-button-next .icon,
    .stalcraft-color .ea-slider__list .swiper-nav .swiper-button-prev .icon {
        height: 20px;
        width: 40px;
    }
}
.ea-slider__list.only-mobile .swiper-container:not(.swiper-initialized) .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
}
.ea-slider__list.only-mobile .swiper-container:not(.swiper-initialized) + .swiper-nav {
    display: none;
}
.ea-slider__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    margin-bottom: 10px;
    max-width: 25%;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 1280px) {
    .ea-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .ea-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .ea-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.ea-slider__item--container {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    height: 479px;
    max-width: 25%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 1280px) {
    .ea-slider__item--container {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .ea-slider__item--container {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .ea-slider__item--container {
        height: 519px;
    }
}
@media (max-width: 767px) {
    .ea-slider__item--container {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 592px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 413px) {
    .ea-slider__item--container {
        height: 536px;
    }
}
@media (max-width: 374px) {
    .ea-slider__item--container {
        height: 456px;
    }
}
.ea-slider__item--container .ea-slider__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: var(--transition03-margin);
    -o-transition: var(--transition03-margin);
    transition: var(--transition03-margin);
    width: 100%;
}
.ea-slider__item--container .ea-slider__item:hover {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .ea-slider__item--container.bb-color,
    .ea-slider__item--container.bt2-color,
    .ea-slider__item--container.fortnite-color,
    .ea-slider__item--container.freefire-color,
    .ea-slider__item--container.lol-color,
    .ea-slider__item--container.okko-color,
    .ea-slider__item--container.okko-premium-color,
    .ea-slider__item--container.stalcraft-color,
    .ea-slider__item--container.warface-color,
    .ea-slider__item--container.zvuk-color {
        min-height: 479px;
    }
}
.aion-classic-color .ea-slider__item,
.bb-color .ea-slider__item,
.bns-color .ea-slider__item,
.bt2-color .ea-slider__item,
.fortnite-color .ea-slider__item,
.freefire-color .ea-slider__item,
.genshin-color .ea-slider__item,
.lol-color .ea-slider__item,
.okko-color .ea-slider__item,
.okko-promo-color .ea-slider__item,
.rf-color .ea-slider__item,
.roblox-color .ea-slider__item,
.stalcraft-color .ea-slider__item,
.warface-color .ea-slider__item,
.wowsh-color .ea-slider__item,
.wt-color .ea-slider__item,
.zvuk-color .ea-slider__item {
    overflow: visible;
}
.three-in-row .ea-slider__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 1280px) {
    .three-in-row .ea-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .three-in-row .ea-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 1024px) and (min-width: 896px) {
    .fourgame-page-eighth__slider .three-in-row .ea-slider__item,
    .fourgame-page-thrid__slider .three-in-row .ea-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.two-in-row .ea-slider__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 896px) {
    .bb-color-prem.two-in-row .ea-slider__item,
    .bns-color-prem.two-in-row .ea-slider__item,
    .fgp-color.two-in-row .ea-slider__item,
    .fortnite-color-marvel.two-in-row .ea-slider__item,
    .kasper-color.two-in-row .ea-slider__item,
    .wowsh-premium.two-in-row .ea-slider__item,
    .wt-color-prem.two-in-row .ea-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 1280px) {
    .two-in-row.bns-color:not(.bns-color-prem) .ea-slider__item,
    .two-in-row.caliber-color .ea-slider__item,
    .two-in-row.fgp-color-3 .ea-slider__item,
    .two-in-row.wg-color2 .ea-slider__item,
    .two-in-row.wowsh-color:not(.wowsh-premium) .ea-slider__item,
    .two-in-row.wowsh-color:not(.wt-color-prem) .ea-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .two-in-row.aion-classic-color .ea-slider__item,
    .two-in-row.bb-color .ea-slider__item,
    .two-in-row.bns-color-prem .ea-slider__item,
    .two-in-row.fgp-color .ea-slider__item,
    .two-in-row.fortnite-color-marvel .ea-slider__item,
    .two-in-row.okko-color .ea-slider__item,
    .two-in-row.wowsh-premium .ea-slider__item,
    .two-in-row.wt-color-prem .ea-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.ea-slider__item--big {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 1280px) {
    .ea-slider__item--big {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.ea-slider__item--super {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 767px) {
    .ea-slider__item--super {
        padding-top: 127px;
        position: relative;
    }
}
.ea-slider__item-complect {
    position: relative;
}
.ea-slider__item-complect:after,
.ea-slider__item-complect:before {
    background: var(--bg2-wg);
    border: 1px solid rgba(141, 121, 85, 0.15);
    border-radius: 10px;
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.ea-slider__item-complect:before {
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}
.ea-slider__item-complect:after {
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    z-index: -1;
}
.ea-slider__item-complect .ea-slider-item__picture {
    border: 1px solid rgba(141, 121, 85, 0.15);
}
.ea-slider__item-complect:hover:after,
.ea-slider__item-complect:hover:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.ea-slider__item-crowfall .ea-slider-item__picture {
    border: 2px solid var(--crowfall-color);
}
@media (min-width: 768px) {
    .ea-slider__item-crowfall .ea-slider-item__picture,
    .ea-slider__item-crowfall.ea-slider__item--mid .ea-slider-item__picture {
        padding: 18px 18px 8px;
    }
}
@media (min-width: 1140px) {
    .ea-slider__item-crowfall.ea-slider__item--mid .ea-slider-item__picture {
        padding: 28px 28px 8px;
    }
}
.aion-color .ea-slider__item .ea-slider-item__picture {
    border: 1px solid rgba(69, 79, 183, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(75, 85, 195, 0.2);
    box-shadow: 0 0 10px rgba(75, 85, 195, 0.2);
    -webkit-mask-image: none;
}
@media (min-width: 768px) {
    .aion-color .ea-slider__item .ea-slider-item__picture,
    .aion-color .ea-slider__item.ea-slider__item--mid .ea-slider-item__picture {
        padding: 19px 19px 9px;
    }
}
@media (min-width: 1140px) {
    .aion-color .ea-slider__item.ea-slider__item--mid .ea-slider-item__picture {
        padding: 29px 29px 9px;
    }
}
.fourgame-color .ea-slider__item .ea-slider-item__picture {
    border: 2px solid #431d20;
}
@media (min-width: 768px) {
    .fourgame-color .ea-slider__item .ea-slider-item__picture,
    .fourgame-color .ea-slider__item.ea-slider__item--mid .ea-slider-item__picture {
        padding: 18px 18px 8px;
    }
}
@media (min-width: 1140px) {
    .fourgame-color .ea-slider__item.ea-slider__item--mid .ea-slider-item__picture {
        padding: 28px 28px 8px;
    }
}
.alone-card .ea-slider__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.ea-slider__item.ea-slider__item--wide.warship .ea-slider-item__picture {
    overflow: hidden;
}
.ea-slider__list:not(.caliber-color) .swiper-container:not(.swiper-container-initialized) .ea-slider__item.ea-slider__item--wide {
    pointer-events: auto;
}
.swiper-wrapper .ea-slider__item {
    margin-bottom: 0;
    opacity: 0.3;
    pointer-events: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.swiper-wrapper .ea-slider__item.ea-slider__item--super:not(.swiper-slide-visible) .ea-slider-item__back {
    background-color: transparent;
}
.only-mobile .swiper-container:not(.swiper-container-initialized) .swiper-wrapper .ea-slider__item {
    opacity: 1;
    pointer-events: auto;
}
.only-mobile .swiper-container.swiper-creative:not(.swiper-container-initialized) .swiper-wrapper .ea-slider__item {
    opacity: 1;
    pointer-events: none;
}
.only-mobile .swiper-container.swiper-creative:not(.swiper-container-initialized) .swiper-wrapper .ea-slider__item.swiper-slide-visible {
    pointer-events: auto;
}
.gfn__slider .swiper-wrapper .ea-slider__item {
    opacity: 0;
}
.gfn__slider .swiper-wrapper .ea-slider__item.swiper-slide-visible {
    opacity: 1;
}
.swiper-wrapper .ea-slider__item--container.swiper-slide-visible .ea-slider__item,
.swiper-wrapper .ea-slider__item.swiper-slide-visible {
    opacity: 1;
    pointer-events: auto;
}
@media (min-width: 1280px) {
    .ea-slider-item__super {
        display: block;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .ea-slider-item__super {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }
    .ea-slider-item__super:before {
        background: var(--bg2-wg);
        border: 2px solid var(--bg-1);
        border-radius: var(--br-10);
        bottom: 15px;
        content: "";
        left: 15px;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    .wg-color .ea-slider__item--super .ea-slider-item__super .ea-slider-item__back,
    .wow-color .ea-slider__item--super .ea-slider-item__super .ea-slider-item__back {
        background: none;
    }
    .wg-color .ea-slider__item--super .ea-slider-item__super .ea-slider-item__back:after,
    .wow-color .ea-slider__item--super .ea-slider-item__super .ea-slider-item__back:after {
        display: none;
    }
}
.ea-slider-item__back {
    border-radius: 10px;
    padding: 12px 15px;
    position: relative;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
}
.aion-classic-color .ea-slider-item__back,
.bns-color .ea-slider-item__back,
.genshin-color .ea-slider-item__back,
.roblox-color .ea-slider-item__back,
.wowsh-color .ea-slider-item__back,
.wt-color .ea-slider-item__back {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: var(--transition03-padding), background-color 0.2s, var(--transition03-border), var(--transition03-margin);
    -o-transition: var(--transition03-padding), background-color 0.2s, var(--transition03-border), var(--transition03-margin);
    transition: var(--transition03-padding), background-color 0.2s, var(--transition03-border), var(--transition03-margin);
}
.l2-main-color .ea-slider-item__back {
    border: 2px solid #656565;
    margin: 4px 7px;
    padding: 6px;
}
.ea-slider__item--container.pubg-color .ea-slider-item__back {
    border: 2px solid var(--pubg-color);
}
.wowsh-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__back,
.wt-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__back {
    margin: 10px 15px;
    padding: 2px;
}
.wowsh-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__back:after,
.wt-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__back:after {
    display: none;
}
.wowsh-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__back:before,
.wt-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__back:before {
    border-radius: 10px 10px 0 0;
    bottom: auto;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.wt-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__back:before {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--wt-color-1)), to(transparent));
    background: -webkit-linear-gradient(top, var(--wt-color-1), transparent);
    background: -o-linear-gradient(top, var(--wt-color-1), transparent);
    background: linear-gradient(180deg, var(--wt-color-1), transparent);
    height: 80%;
}
.wt-color.wt-color-gold .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__back:before {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--wt-color-2)), to(transparent));
    background: -webkit-linear-gradient(top, var(--wt-color-2), transparent);
    background: -o-linear-gradient(top, var(--wt-color-2), transparent);
    background: linear-gradient(180deg, var(--wt-color-2), transparent);
}
.wowsh-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__back:before {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--wow-color)), to(transparent));
    background: -webkit-linear-gradient(top, var(--wow-color), transparent);
    background: -o-linear-gradient(top, var(--wow-color), transparent);
    background: linear-gradient(180deg, var(--wow-color), transparent);
    height: 50%;
}
.bns-color .ea-slider-item__back {
    margin: 10px 15px;
    padding: 2px;
}
.bns-color .ea-slider-item__back:before {
    background: var(--bns-gradient-1);
    border-radius: 10px;
    content: "";
    inset: 0;
    position: absolute;
}
.bns-color .ea-slider-item__back:after {
    background: var(--bns-bg-1);
    border-radius: 10px;
    content: "";
    inset: 2px;
    position: absolute;
}
.bns-color-1 .ea-slider-item__back:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-104.78%, #b22f2f), color-stop(77.33%, #000));
    background: -webkit-linear-gradient(top, #b22f2f -104.78%, #000 77.33%);
    background: -o-linear-gradient(top, #b22f2f -104.78%, #000 77.33%);
    background: linear-gradient(180deg, #b22f2f -104.78%, #000 77.33%);
}
.bns-color-2 .ea-slider-item__back:before {
    background: var(--bns-gradient-2);
}
.bns-color-2 .ea-slider-item__back:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-104.78%, #46adc6), color-stop(77.33%, #201e28));
    background: -webkit-linear-gradient(top, #46adc6 -104.78%, #201e28 77.33%);
    background: -o-linear-gradient(top, #46adc6 -104.78%, #201e28 77.33%);
    background: linear-gradient(180deg, #46adc6 -104.78%, #201e28 77.33%);
}
.roblox-color .ea-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#b390ff), to(#7462ff));
    background: -webkit-linear-gradient(top, #b390ff, #7462ff);
    background: -o-linear-gradient(top, #b390ff, #7462ff);
    background: linear-gradient(180deg, #b390ff, #7462ff);
    margin: 10px 15px;
    padding: 2px;
}
.roblox-color .ea-slider-item__back:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#cdafff), to(#7462ff));
    background: -webkit-linear-gradient(top, #cdafff, #7462ff);
    background: -o-linear-gradient(top, #cdafff, #7462ff);
    background: linear-gradient(180deg, #cdafff, #7462ff);
    border-radius: 8px;
    bottom: 2px;
    content: "";
    display: block;
    left: 2px;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-transition: bottom 0.3s ease-in-out;
    -o-transition: bottom 0.3s ease-in-out;
    transition: bottom 0.3s ease-in-out;
}
.roblox-color .ea-slider-item__back:after {
    background: #f3f0fd;
    content: "";
    display: block;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 35%;
    left: 50%;
    opacity: 0.8;
    pointer-events: none;
    position: absolute;
    top: 18%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 70%;
}
.genshin-color .ea-slider-item__back {
    background: var(--genshin-bg-color);
    margin: 10px 15px;
    padding: 2px;
}
.genshin-premium-color .ea-slider-item__back {
    background: var(--genshin-prem-bg-color);
    margin: 10px 15px;
    padding: 2px;
}
.aion-classic-color .ea-slider-item__back {
    background: var(--aion-classic-bg-color);
    margin: 10px 15px;
    padding: 2px;
}
.aion-classic-premium-color .ea-slider-item__back {
    background: var(--aion-classic-prem-bg-color);
    margin: 10px 15px;
    padding: 2px;
}
.roblox-color-skins .ea-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#6957ff), to(#6551ff));
    background: -webkit-linear-gradient(top, #6957ff, #6551ff);
    background: -o-linear-gradient(top, #6957ff, #6551ff);
    background: linear-gradient(180deg, #6957ff, #6551ff);
}
.roblox-color-skins .ea-slider-item__back:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#afcfff), to(#6551ff));
    background: -webkit-linear-gradient(top, #afcfff, #6551ff);
    background: -o-linear-gradient(top, #afcfff 0, #6551ff 100%);
    background: linear-gradient(180deg, #afcfff, #6551ff);
}
.roblox-color-skins .ea-slider-item__back:after {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/card-bg-min.png) 50% 50% no-repeat;
    background-size: cover;
    border-radius: 8px;
    bottom: 2px;
    -webkit-filter: none;
    filter: none;
    height: auto;
    left: 2px;
    right: 2px;
    top: 2px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: auto;
}
.pubg-color .ea-slider-item__back {
    margin: 12px 15px 22px;
    padding: 0;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin), var(--transition03-box-shadow);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin), var(--transition03-box-shadow);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin), var(--transition03-box-shadow);
}
.pubg-color .ea-slider-item__back:after {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/card-bg-min.jpg) 50% 50% no-repeat;
    background-size: cover;
    border-radius: 10px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity), bottom 0.3s;
    -o-transition: var(--transition03-opacity), bottom 0.3s;
    transition: var(--transition03-opacity), bottom 0.3s;
    z-index: 1;
}
.zvuk-color .ea-slider-item__back {
    -webkit-box-shadow: 0 30px 50px rgba(18, 18, 43, 0.4);
    box-shadow: 0 30px 50px rgba(18, 18, 43, 0.4);
    margin: 10px 15px;
    padding: 2px;
}
.zvuk-color .ea-slider-item__back:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#7d34cc), to(rgba(100, 20, 184, 0)));
    background: -webkit-linear-gradient(top, #7d34cc, rgba(100, 20, 184, 0));
    background: -o-linear-gradient(top, #7d34cc, rgba(100, 20, 184, 0));
    background: linear-gradient(180deg, #7d34cc, rgba(100, 20, 184, 0));
    border-radius: 10px 10px 0 0;
    bottom: auto;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.zvuk-color .ea-slider-item__back:after {
    background: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg.jpg) 50% 100% no-repeat;
    background-size: cover;
    border-radius: 10px;
    bottom: 2px;
    content: "";
    left: 2px;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-transition: var(--transition03-opacity), bottom 0.3s;
    -o-transition: var(--transition03-opacity), bottom 0.3s;
    transition: var(--transition03-opacity), bottom 0.3s;
    z-index: 1;
}
.fgp-color .ea-slider-item__back,
.pb-color .ea-slider-item__back {
    margin: 10px 15px;
    padding: 2px;
}
.fgp-color .ea-slider-item__back:after,
.pb-color .ea-slider-item__back:after {
    display: none;
}
.fgp-color .ea-slider-item__back:before,
.pb-color .ea-slider-item__back:before {
    border-radius: 10px 10px 0 0;
    bottom: auto;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.pb-color .ea-slider-item__back {
    background: var(--fgp-color-1);
}
.pb-color .ea-slider-item__back:before {
    display: none;
}
.fgp-color-ai .ea-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#7880d5), to(transparent));
    background: -webkit-linear-gradient(top, #7880d5, transparent);
    background: -o-linear-gradient(top, #7880d5, transparent);
    background: linear-gradient(180deg, #7880d5, transparent);
}
.fgp-color-cf .ea-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#e3b135), to(transparent));
    background: -webkit-linear-gradient(top, #e3b135, transparent);
    background: -o-linear-gradient(top, #e3b135, transparent);
    background: linear-gradient(180deg, #e3b135, transparent);
}
.fgp-color-l2e .ea-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#765236), to(transparent));
    background: -webkit-linear-gradient(top, #765236, transparent);
    background: -o-linear-gradient(top, #765236, transparent);
    background: linear-gradient(180deg, #765236, transparent);
}
.fgp-color-l2m .ea-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#b58149), to(transparent));
    background: -webkit-linear-gradient(top, #b58149, transparent);
    background: -o-linear-gradient(top, #b58149, transparent);
    background: linear-gradient(180deg, #b58149, transparent);
}
.fgp-color-rf .ea-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#4d4070), to(transparent));
    background: -webkit-linear-gradient(top, #4d4070, transparent);
    background: -o-linear-gradient(top, #4d4070, transparent);
    background: linear-gradient(180deg, #4d4070, transparent);
}
.fgp-color-l2l .ea-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#fdd657), to(transparent));
    background: -webkit-linear-gradient(top, #fdd657, transparent);
    background: -o-linear-gradient(top, #fdd657, transparent);
    background: linear-gradient(180deg, #fdd657, transparent);
}
.fgp-color-pb .ea-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#f7b107), to(transparent));
    background: -webkit-linear-gradient(top, #f7b107, transparent);
    background: -o-linear-gradient(top, #f7b107, transparent);
    background: linear-gradient(180deg, #f7b107, transparent);
}
.fgp-color-rg .ea-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#e9875d), to(transparent));
    background: -webkit-linear-gradient(top, #e9875d, transparent);
    background: -o-linear-gradient(top, #e9875d, transparent);
    background: linear-gradient(180deg, #e9875d, transparent);
}
.fgp-color-1 .ea-slider-item__back:before {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--fgp-color-1)), to(transparent));
    background: -webkit-linear-gradient(top, var(--fgp-color-1), transparent);
    background: -o-linear-gradient(top, var(--fgp-color-1), transparent);
    background: linear-gradient(180deg, var(--fgp-color-1), transparent);
}
.fgp-color-2 .ea-slider-item__back:before {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--bg-1)), to(transparent));
    background: -webkit-linear-gradient(top, var(--bg-1), transparent);
    background: -o-linear-gradient(top, var(--bg-1), transparent);
    background: linear-gradient(180deg, var(--bg-1), transparent);
}
.fgp-color-3 .ea-slider-item__back:before {
    display: none;
}
.fgp-color-4 .ea-slider-item__back:before {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--fgp-color-4)), to(transparent));
    background: -webkit-linear-gradient(top, var(--fgp-color-4), transparent);
    background: -o-linear-gradient(top, var(--fgp-color-4), transparent);
    background: linear-gradient(180deg, var(--fgp-color-4), transparent);
}
.fourgame-color .ea-slider-item__back:after,
.fourgame-color .ea-slider-item__back:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#431d20), color-stop(50.83%, var(--bg-1)), to(#431d20));
    background: -webkit-linear-gradient(bottom, #431d20 0, var(--bg-1) 50.83%, #431d20 100%);
    background: -o-linear-gradient(bottom, #431d20 0, var(--bg-1) 50.83%, #431d20 100%);
    background: linear-gradient(0deg, #431d20 0, var(--bg-1) 50.83%, #431d20 100%);
    content: "";
    height: 300px;
    margin: -150px 0 0;
    position: absolute;
    top: 50%;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 2px;
    z-index: 1;
}
@media (-webkit-device-pixel-ratio: 1.25) {
    .fourgame-color .ea-slider-item__back:after,
    .fourgame-color .ea-slider-item__back:before {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}
.fourgame-color .ea-slider-item__back:before {
    left: 15px;
}
.fourgame-color .ea-slider-item__back:after {
    right: 15px;
}
.rf-color .ea-slider-item__back {
    border: 1px solid;
    border-radius: 0;
    margin: 6px 8px;
    padding: 5px;
}
.rf-color .ea-slider-item__back:after,
.rf-color .ea-slider-item__back:before {
    content: "";
    height: 7px;
    position: absolute;
    top: -4px;
    width: 7px;
}
.rf-color .ea-slider-item__back:before {
    left: -4px;
}
.rf-color .ea-slider-item__back:after {
    right: -4px;
}
.freefire-color .ea-slider-item__back {
    background: -webkit-linear-gradient(329.03deg, #fcb61a 12.4%, #f78d1e 32.6%, #f26822 52.79%, #f15a24 62.89%, #f15e23 72.98%, #f26a22 81.96%, #f57e20 90.93%, #f89a1c 101.03%, #fcb61a 107.76%);
    background: -o-linear-gradient(329.03deg, #fcb61a 12.4%, #f78d1e 32.6%, #f26822 52.79%, #f15a24 62.89%, #f15e23 72.98%, #f26a22 81.96%, #f57e20 90.93%, #f89a1c 101.03%, #fcb61a 107.76%);
    background: linear-gradient(120.97deg, #fcb61a 12.4%, #f78d1e 32.6%, #f26822 52.79%, #f15a24 62.89%, #f15e23 72.98%, #f26a22 81.96%, #f57e20 90.93%, #f89a1c 101.03%, #fcb61a 107.76%);
    margin: 12px 15px 22px;
    padding: 0;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
}
.freefire-color .ea-slider-item__back:after {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/card-bg-min.jpg) 50% 50% no-repeat;
    background-size: cover;
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity), bottom 0.3s;
    -o-transition: var(--transition03-opacity), bottom 0.3s;
    transition: var(--transition03-opacity), bottom 0.3s;
    z-index: 1;
}
.fortnite-color .ea-slider-item__back {
    margin: 12px 15px 22px;
    padding: 0;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
}
.fortnite-color .ea-slider-item__back:after {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/card-bg-min.png) 50% 50% no-repeat #0294d9;
    background-size: cover;
    border: 3px solid var(--fortnite-bg);
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity), bottom 0.3s;
    -o-transition: var(--transition03-opacity), bottom 0.3s;
    transition: var(--transition03-opacity), bottom 0.3s;
    z-index: 1;
}
.fortnite-coin-1 .ea-slider-item__back:after {
    background-color: --fortnite-coin-1;
    background-image: url(/bitrix/templates/c4g/css/../pictures/fortnite/card-coin-1-bg-min.jpg);
    border-color: var(--fortnite-coin-1);
}
.fortnite-coin-2 .ea-slider-item__back:after {
    background-color: var(--fortnite-coin-2);
    background-image: url(/bitrix/templates/c4g/css/../pictures/fortnite/card-coin-2-bg-min.jpg);
    border-color: var(--fortnite-coin-2);
}
.fortnite-coin-3 .ea-slider-item__back:after {
    background-color: var(--fortnite-coin-3);
    background-image: url(/bitrix/templates/c4g/css/../pictures/fortnite/card-coin-3-bg-min.jpg);
    border-color: var(--fortnite-coin-3);
}
.fortnite-coin-4 .ea-slider-item__back:after {
    background-color: var(--fortnite-coin-4);
    background-image: url(/bitrix/templates/c4g/css/../pictures/fortnite/card-coin-4-bg-min.jpg);
    border-color: var(--fortnite-coin-4);
}
.fortnite-color-marvel .ea-slider-item__back {
    border: 3px solid var(--black);
}
.fortnite-color-marvel .ea-slider-item__back:before {
    border: 3px solid hsla(0, 0%, 100%, 0.5);
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: bottom 0.3s;
    -o-transition: bottom 0.3s;
    transition: bottom 0.3s;
    z-index: 2;
}
.fortnite-color-1 .ea-slider-item__back:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#fd3a01), color-stop(64.14%, #ffb800));
    background: -webkit-linear-gradient(top, #fd3a01, #ffb800 64.14%);
    background: -o-linear-gradient(top, #fd3a01 0, #ffb800 64.14%);
    background: linear-gradient(180deg, #fd3a01, #ffb800 64.14%);
    border: none;
}
.fortnite-color-2 .ea-slider-item__back:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#5945b8), to(#9e5bfe));
    background: -webkit-linear-gradient(top, #5945b8, #9e5bfe);
    background: -o-linear-gradient(top, #5945b8 0, #9e5bfe 100%);
    background: linear-gradient(180deg, #5945b8, #9e5bfe);
    border: none;
}
.fortnite-color-3 .ea-slider-item__back:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#940d0f), to(#f0a5a7));
    background: -webkit-linear-gradient(top, #940d0f, #f0a5a7);
    background: -o-linear-gradient(top, #940d0f 0, #f0a5a7 100%);
    background: linear-gradient(180deg, #940d0f, #f0a5a7);
    border: none;
}
.lol-color .ea-slider-item__back {
    background: var(--lol-color);
    margin: 12px 15px 22px;
    padding: 0;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
}
.lol-color .ea-slider-item__back:after {
    background: var(--lol-bg);
    border: 2px solid var(--lol-color);
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity), bottom 0.3s;
    -o-transition: var(--transition03-opacity), bottom 0.3s;
    transition: var(--transition03-opacity), bottom 0.3s;
    z-index: 1;
}
.warface-color .ea-slider-item__back {
    background: var(--stalcraft-color-1-border);
    margin: 12px 10px 22px;
    padding: 0;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
}
.warface-color .ea-slider-item__back:after {
    background: #151922;
    border: 2px solid hsla(0, 0%, 100%, 0.1);
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity), bottom 0.3s ease-in-out;
    -o-transition: var(--transition03-opacity), bottom 0.3s ease-in-out;
    transition: var(--transition03-opacity), bottom 0.3s ease-in-out;
    z-index: 1;
}
.warface-prem-color .ea-slider-item__back:after {
    background: var(--warface-color-prem);
    border-color: var(--warface-color-prem-border);
}
.bt2-color .ea-slider-item__back {
    background: #1f1f1f;
    margin: 12px 15px 22px;
    padding: 0;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
}
.bt2-color .ea-slider-item__back:after {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/item-bg.png) 50% 50% no-repeat #1f1f1f;
    background-size: cover;
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity), bottom 0.3s ease-in-out;
    -o-transition: var(--transition03-opacity), bottom 0.3s ease-in-out;
    transition: var(--transition03-opacity), bottom 0.3s ease-in-out;
    z-index: 1;
}
.bt2-grey-color .ea-slider-item__back:after {
    background: #4e4e54;
}
.bt2-yellow-color .ea-slider-item__back:after {
    background: #a3823d;
}
.stalcraft-color .ea-slider-item__back {
    background: var(--stalcraft-color-1-border);
    margin: 12px 15px 22px;
    padding: 0;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
}
.stalcraft-color .ea-slider-item__back:after {
    background: #191309;
    border: 2px solid var(--stalcraft-color-1-border);
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity), bottom 0.3s ease-in-out;
    -o-transition: var(--transition03-opacity), bottom 0.3s ease-in-out;
    transition: var(--transition03-opacity), bottom 0.3s ease-in-out;
    z-index: 1;
}
.stalcraft-color-2 .ea-slider-item__back:after {
    background: #191309;
    border-color: var(--stalcraft-color-2-border);
}
.stalcraft-color-3 .ea-slider-item__back:after {
    background: #0e1909;
    border-color: var(--stalcraft-color-3-border);
}
.stalcraft-color-4 .ea-slider-item__back:after {
    background: #000;
    border-color: var(--stalcraft-color-4-border);
}
.stalcraft-color-5 .ea-slider-item__back:after {
    background: #000;
    border-color: var(--stalcraft-color-5-border);
}
.bb-color .ea-slider-item__back {
    background: var(--ml-bg);
    margin: 12px 15px 22px;
    padding: 0;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin);
}
.bb-color .ea-slider-item__back:after {
    background: var(--ml-gradient);
    border: 1px solid var(--ml-bg);
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity), bottom 0.3s;
    -o-transition: var(--transition03-opacity), bottom 0.3s;
    transition: var(--transition03-opacity), bottom 0.3s;
    z-index: 1;
}
.bb-color-prem .ea-slider-item__back {
    --border-color: #e5bead;
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    overflow: hidden;
    position: relative;
}
.bb-color-prem .ea-slider-item__back:before {
    background: #e4f1ec;
    content: "";
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 35%;
    left: 50%;
    opacity: 0.8;
    pointer-events: none;
    position: absolute;
    top: 12%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 70%;
    z-index: 3;
}
.bb-color-prem .ea-slider-item__back:after {
    border: 3px solid #e5bead;
    border-radius: 10px;
    bottom: 5px;
    content: "";
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    z-index: 2;
}
@media (-webkit-device-pixel-ratio: 1.25) {
    .bb-color-prem .ea-slider-item__back:after {
        border-width: 3.3px;
    }
}
@media (-webkit-device-pixel-ratio: 1.75) {
    .bb-color-prem .ea-slider-item__back:after {
        border-width: 3.5px;
    }
}
.bb-color-prem .bb-color-premium-1 .ea-slider-item__back {
    --bg-color-1: var(--ml-prem-bg-1);
    background: var(--ml-prem-bg-1);
}
.bb-color-prem .bb-color-premium-1 .ea-slider-item__back:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#82caea), to(#233c65));
    background: -webkit-linear-gradient(top, #82caea, #233c65);
    background: -o-linear-gradient(top, #82caea 0, #233c65 100%);
    background: linear-gradient(180deg, #82caea, #233c65);
}
.bb-color-prem .bb-color-premium-2 .ea-slider-item__back {
    --bg-color-1: var(--ml-prem-bg-2);
    background: var(--ml-prem-bg-2);
}
.bb-color-prem .bb-color-premium-2 .ea-slider-item__back:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#706cf8), to(#9f5bff));
    background: -webkit-linear-gradient(top, #706cf8, #9f5bff);
    background: -o-linear-gradient(top, #706cf8 0, #9f5bff 100%);
    background: linear-gradient(180deg, #706cf8, #9f5bff);
}
.bb-color-prem .bb-color-premium-3 .ea-slider-item__back {
    --bg-color-1: var(--ml-prem-bg-3);
    background: var(--ml-prem-bg-3);
}
.bb-color-prem .bb-color-premium-3 .ea-slider-item__back:before {
    display: none;
}
.bb-color-prem .bb-color-premium-3 .ea-slider-item__back:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#49147c), to(#3c116a));
    background: -webkit-linear-gradient(top, #49147c, #3c116a);
    background: -o-linear-gradient(top, #49147c 0, #3c116a 100%);
    background: linear-gradient(180deg, #49147c, #3c116a);
}
.okko-color .ea-slider-item__back {
    background: var(--okko-gradient);
    -webkit-box-shadow: 0 0 0 var(--okko-bg);
    box-shadow: 0 0 0 var(--okko-bg);
}
.okko-color .ea-slider-item__back,
.okko-promo-color .ea-slider-item__back {
    margin: 12px 15px 22px;
    padding: 0;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin), var(--transition03-box-shadow);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin), var(--transition03-box-shadow);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-border), var(--transition03-margin), var(--transition03-box-shadow);
}
.okko-promo-color .ea-slider-item__back {
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
}
.okko-promo-color .ea-slider-item__back:after {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity), bottom 0.3s;
    -o-transition: var(--transition03-opacity), bottom 0.3s;
    transition: var(--transition03-opacity), bottom 0.3s;
    z-index: 1;
}
.okko-promo-color .l2-essence .ea-slider-item__back:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/okko/l2essence-bg-min.png);
}
.okko-promo-color .l2-legacy .ea-slider-item__back:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/okko/l2legacy-bg-min.png);
}
.okko-promo-color .l2-main .ea-slider-item__back:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/okko/l2main-bg-min.png);
}
.okko-promo-color .pubg-month .ea-slider-item__back:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/okko/pubg-bg-month-min.jpg);
}
.okko-promo-color .pubg-year .ea-slider-item__back:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/okko/pubg-bg-year-min.jpg);
}
.okko-promo-color .pointblank-1 .ea-slider-item__back:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/okko/pb-1-bg-min.png);
}
.okko-promo-color .pointblank-2 .ea-slider-item__back:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/okko/pb-2-bg-min.png);
}
.okko-promo-color .pointblank-3 .ea-slider-item__back:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/okko/pb-3-bg-min.png);
}
.okko-promo-color .aion-month .ea-slider-item__back:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/okko/aion-month-bg-okko-min.jpg);
}
.okko-promo-color .aion-year .ea-slider-item__back:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/okko/aion-year-bg-okko-min.jpg);
}
.rf-color-1 .ea-slider-item__back {
    border-color: rgba(77, 64, 112, 0.6);
}
.rf-color-1 .ea-slider-item__back:after,
.rf-color-1 .ea-slider-item__back:before {
    background-color: rgba(77, 64, 112, 0.6);
}
.rf-color-2 .ea-slider-item__back {
    border-color: rgba(125, 65, 29, 0.6);
}
.rf-color-2 .ea-slider-item__back:after,
.rf-color-2 .ea-slider-item__back:before {
    background-color: rgba(125, 65, 29, 0.6);
}
.rf-color-3 .ea-slider-item__back {
    border-color: rgba(106, 126, 157, 0.6);
}
.rf-color-3 .ea-slider-item__back:after,
.rf-color-3 .ea-slider-item__back:before {
    background-color: rgba(106, 126, 157, 0.6);
}
.rf-color-4 .ea-slider-item__back {
    border-color: rgba(15, 63, 43, 0.6);
}
.rf-color-4 .ea-slider-item__back:after,
.rf-color-4 .ea-slider-item__back:before {
    background-color: rgba(15, 63, 43, 0.6);
}
@media (min-width: 1280px) {
    .ea-slider__item--super .ea-slider-item__back {
        z-index: 1;
    }
    .ea-slider__item--super .ea-slider-item__back:after {
        background: var(--bg2-wg);
        border-radius: var(--br-10);
        bottom: 2px;
        content: "";
        left: 2px;
        position: absolute;
        right: 2px;
        top: 2px;
        z-index: -1;
    }
    .wg-color .ea-slider__item--super .ea-slider-item__back,
    .wow-color .ea-slider__item--super .ea-slider-item__back {
        background-color: var(--bg-1);
    }
    .ea-slider__item--super .ea-slider-item__back .ea-slider-item__desc {
        height: auto;
        padding-bottom: 10px;
    }
    .ea-slider__item--super .ea-slider-item__back .ea-slider-item__more {
        background-color: transparent;
        bottom: 72px;
        padding: 5px 0;
    }
    .ea-slider__item--super .ea-slider-item__back .ea-slider-item__price {
        margin-bottom: 0;
    }
    .ea-slider__item--super .ea-slider-item__back .ea-slider-item__bottom {
        height: 60px;
        padding-top: 10px;
    }
    .ea-slider__item--super .ea-slider-item__back .ea-slider-item-bonus__label {
        padding-left: 18px;
    }
    .ea-slider__item--super .ea-slider-item__back .ea-slider-item-bonus__icons,
    .ea-slider__item--super .ea-slider-item__back .ea-slider-item-bonus__label:before {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
    .ea-slider__item--super .ea-slider-item__back .ea-slider-item-bonus__icons {
        background-color: var(--bg-1);
    }
}
@media (min-width: 768px) {
    .ea-slider__item--super .ea-slider-item__back {
        background: rgba(199, 66, 66, 0.3);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 15px;
        padding: 2px;
    }
}
/* .ea-slider-item__back:hover {
    background: var(--ea-color);
    padding: 2px 2px 52px;
} */
.ea-slider-item__back .ea-slider-item__name a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.ea-slider-item__back .ea-slider-item__name a.no-link {
    cursor: text;
}
.ea-slider-item__back .ea-slider-item__name a.no-link:before {
    display: none;
}
@media (max-width: 1024px) {
    /* .ea-slider-item__back .ea-slider-item__picture a:before {
        bottom: auto;
        content: "";
        left: auto;
        position: absolute;
        right: auto;
        top: auto;
    } */
    .ea-slider-item__back .ea-slider-item__picture.active .ea-slider-item__name a:before {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    }
}
.ea-slider-item__selects {
    width: 100%;
}
@media (min-width: 768px) {
    .ea-slider-item__selects {
        height: 610px;
        position: relative;
        width: 638px;
    }
}
.ea-slider-item-selects__item {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    visibility: hidden;
}
.ea-slider-item-selects__item.active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
@media (max-width: 768px) {
    .ea-slider-item-selects__item {
        display: none;
        position: relative;
    }
    .ea-slider-item-selects__item.active {
        display: block;
    }
}
.ea-slider-item__picture {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #1b1d21;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--br-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 445px;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    padding: 20px 20px 0;
    position: relative;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-margin), var(--transition03-border), var(--transition03-height), var(--transition03-transform);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-margin), var(--transition03-border), var(--transition03-height), var(--transition03-transform);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-margin), var(--transition03-border), var(--transition03-height), var(--transition03-transform);
}
@media (max-width: 374px) {
    .ea-slider-item__picture {
        padding: 12px 12px 0;
    }
}
.aion-classic-color .ea-slider-item__picture,
.bns-color .ea-slider-item__picture,
.genshin-color .ea-slider-item__picture,
.kasper-color .ea-slider-item__picture,
.roblox-color .ea-slider-item__picture,
.wg-color2 .ea-slider-item__picture,
.wowsh-color .ea-slider-item__picture,
.wt-color .ea-slider-item__picture {
    -webkit-mask-image: unset;
    -webkit-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-margin), var(--transition03-border), var(--transition03-height), var(--transition03-transform), var(--transition03-opacity);
    -o-transition: var(--transition03-padding), var(--transition03-background), var(--transition03-margin), var(--transition03-border), var(--transition03-height), var(--transition03-transform), var(--transition03-opacity);
    transition: var(--transition03-padding), var(--transition03-background), var(--transition03-margin), var(--transition03-border), var(--transition03-height), var(--transition03-transform), var(--transition03-opacity);
}
.pubg-color .ea-slider-item__picture {
    background-color: transparent;
    background-position: 50% 55px;
    background-size: 256px auto;
    -webkit-mask-image: unset;
    z-index: 2;
}
.pubg-color .ea-slider-item__picture:after,
.pubg-color .ea-slider-item__picture:before {
    display: none;
}
.kasper-color .ea-slider-item__picture {
    background-position: 50% 30px;
    background-size: 180px auto;
}
.kasper-color .ea-slider-item__picture:after,
.kasper-color .ea-slider-item__picture:before {
    display: none;
}
.kasper-color-1 .ea-slider-item__picture {
    background-color: var(--kasper-color-1);
}
.kasper-color-2 .ea-slider-item__picture {
    background-color: var(--kasper-color-2);
}
@media (min-width: 769px) {
    .aion-classic-color .ea-slider__item:not(.ea-slider__item--wide):not(.ea-slider__item--mid) .ea-slider-item__picture,
    .bns-color .ea-slider__item:not(.ea-slider__item--wide):not(.ea-slider__item--mid) .ea-slider-item__picture,
    .genshin-color .ea-slider__item:not(.ea-slider__item--wide):not(.ea-slider__item--mid) .ea-slider-item__picture,
    .roblox-color .ea-slider__item:not(.ea-slider__item--wide):not(.ea-slider__item--mid) .ea-slider-item__picture,
    .wowsh-color .ea-slider__item:not(.ea-slider__item--wide):not(.ea-slider__item--mid) .ea-slider-item__picture,
    .wt-color .ea-slider__item:not(.ea-slider__item--wide):not(.ea-slider__item--mid) .ea-slider-item__picture {
        height: 445px;
    }
}
.item__picture-w100 .ea-slider-item__picture {
    background-position: 50% 0 !important;
    background-size: 100% auto !important;
}
@media (max-width: 768px) {
    .ea-slider-item__picture {
        height: 485px;
    }
    .aion-classic-color .ea-slider-item__picture,
    .bns-color .ea-slider-item__picture,
    .fgp-color .ea-slider-item__picture,
    .genshin-color .ea-slider-item__picture,
    .pb-color .ea-slider-item__picture,
    .roblox-color .ea-slider-item__picture,
    .wowsh-color .ea-slider-item__picture,
    .wt-color .ea-slider-item__picture,
    .zvuk-color .ea-slider-item__picture {
        height: 481px;
    }
}
@media (max-width: 767px) {
    .ea-slider-item__picture {
        height: 558px;
    }
    .aion-classic-color .ea-slider-item__picture,
    .bns-color .ea-slider-item__picture,
    .fgp-color .ea-slider-item__picture,
    .genshin-color .ea-slider-item__picture,
    .pb-color .ea-slider-item__picture,
    .roblox-color .ea-slider-item__picture,
    .wowsh-color .ea-slider-item__picture,
    .wt-color .ea-slider-item__picture,
    .zvuk-color .ea-slider-item__picture {
        height: 554px;
    }
    .wowsh-color .warship .ea-slider-item__picture {
        height: 400px;
    }
}
@media (max-width: 413px) {
    .ea-slider-item__picture {
        height: 502px;
    }
    .aion-classic-color .ea-slider-item__picture,
    .bns-color .ea-slider-item__picture,
    .fgp-color .ea-slider-item__picture,
    .genshin-color .ea-slider-item__picture,
    .pb-color .ea-slider-item__picture,
    .roblox-color .ea-slider-item__picture,
    .wowsh-color .ea-slider-item__picture,
    .wt-color .ea-slider-item__picture,
    .zvuk-color .ea-slider-item__picture {
        height: 498px;
    }
}
@media (max-width: 374px) {
    .ea-slider-item__picture {
        height: 422px;
        padding: 12px 12px 0;
    }
    .aion-classic-color .ea-slider-item__picture,
    .bns-color .ea-slider-item__picture,
    .fgp-color .ea-slider-item__picture,
    .genshin-color .ea-slider-item__picture,
    .pb-color .ea-slider-item__picture,
    .roblox-color .ea-slider-item__picture,
    .wowsh-color .ea-slider-item__picture,
    .wt-color .ea-slider-item__picture,
    .zvuk-color .ea-slider-item__picture {
        height: 418px;
    }
}
.aion-classic-color .ea-slider-item__picture,
.bns-color .ea-slider-item__picture,
.genshin-color .ea-slider-item__picture,
.roblox-color .ea-slider-item__picture,
.wowsh-color .ea-slider-item__picture,
.wt-color .ea-slider-item__picture {
    background: transparent;
}
.aion-classic-color .ea-slider-item__picture,
.bns-color .ea-slider-item__picture,
.genshin-color .ea-slider-item__picture,
.roblox-color .ea-slider-item__picture {
    z-index: 3;
}
.psn-color .ea-slider-item__picture {
    background-color: #252524;
    background-position: 50% 0;
    background-size: 115% auto;
}
.caliber-color .ea-slider-item__picture {
    background-color: #272c33;
    background-position: 50% 29%;
    background-size: 90% auto;
}
.aion-classic-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture,
.bns-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture,
.genshin-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture,
.roblox-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture,
.wowsh-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture,
.wt-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture {
    background-repeat: no-repeat;
    -webkit-mask-image: unset;
}
.aion-classic-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:after,
.aion-classic-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:before,
.bns-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:after,
.bns-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:before,
.genshin-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:after,
.genshin-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:before,
.roblox-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:after,
.roblox-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:before,
.wowsh-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:after,
.wowsh-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:before,
.wt-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:after,
.wt-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:before {
    display: none;
}
.wt-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture {
    background-color: var(--wt-color-bg);
    background-position: 50% 0;
    background-size: 100% auto;
}
.wowsh-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture {
    background-color: var(--wow-bg);
    background-position: 50% 115px;
    background-size: 270px auto;
}
.aion-classic-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture,
.genshin-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture,
.roblox-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture {
    background-position: 50% 40%;
    background-size: 200px auto;
}
.bns-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture {
    background-position: 50% 35%;
    background-size: 200px auto;
}
.bns-color .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:after {
    border: 2px solid #e25c02;
    border-radius: 4px;
    display: block;
    inset: 10px;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(80%, transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, #000, transparent 80%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(80%, transparent));
    mask-image: linear-gradient(180deg, #000 0, transparent 80%);
    opacity: 0.5;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.bns-color-2 .ea-slider__item:not(.ea-slider__item--wide) .ea-slider-item__picture:after {
    border-color: var(--bns-bg-2-hover);
}
.aion-classic-color .ea-slider-item__picture .aionClassic-corners {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    padding-top: 2px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.aion-classic-color .ea-slider-item__picture .aionClassic-corners .icon {
    --border-1: var(--aion-classic-border-color);
    --bg-1: var(--aion-classic-bg-color);
    position: relative;
    z-index: 1;
}
.aion-classic-color .ea-slider-item__picture .aionClassic-corners:before {
    border: 2px solid var(--aion-classic-border-color);
    border-radius: 4px;
    bottom: 6px;
    left: 6px;
    right: 6px;
    top: 6px;
}
.aion-classic-color .ea-slider-item__picture .aionClassic-corners:after,
.aion-classic-color .ea-slider-item__picture .aionClassic-corners:before {
    content: "";
    display: block;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(80%, transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, #000, transparent 80%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(80%, transparent));
    mask-image: linear-gradient(180deg, #000 0, transparent 80%);
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.aion-classic-color .ea-slider-item__picture .aionClassic-corners:after {
    border: 1px solid #dedaee;
    border-radius: 2px;
    bottom: 10px;
    left: 10px;
    pointer-events: none;
    right: 10px;
    top: 10px;
}
.aion-classic-premium-color .ea-slider-item__picture .aionClassic-corners .icon {
    --border-1: var(--aion-classic-prem-border-color);
    --bg-1: #3d5778;
    position: relative;
    z-index: 1;
}
.aion-classic-premium-color .ea-slider-item__picture .aionClassic-corners:after,
.aion-classic-premium-color .ea-slider-item__picture .aionClassic-corners:before {
    border-color: var(--aion-classic-prem-border-color);
}
.genshin-color .ea-slider-item__picture .genshin-corners {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 6px 6px 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.genshin-color .ea-slider-item__picture .genshin-corners .icon {
    --border-1: var(--genshin-border-color);
    --bg-1: var(--genshin-bg-color);
    position: relative;
    z-index: 1;
}
.genshin-color .ea-slider-item__picture .genshin-corners:before {
    border: 2px solid var(--genshin-border-color);
    border-radius: 4px;
    bottom: 6px;
    left: 6px;
    right: 6px;
    top: 6px;
}
.genshin-color .ea-slider-item__picture .genshin-corners:after,
.genshin-color .ea-slider-item__picture .genshin-corners:before {
    content: "";
    display: block;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(80%, transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, #000, transparent 80%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(80%, transparent));
    mask-image: linear-gradient(180deg, #000 0, transparent 80%);
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.genshin-color .ea-slider-item__picture .genshin-corners:after {
    border: 1px solid hsla(28, 31%, 75%, 0.5);
    border-radius: 2px;
    bottom: 10px;
    left: 10px;
    pointer-events: none;
    right: 10px;
    top: 10px;
}
.genshin-premium-color .ea-slider-item__picture .genshin-corners .icon {
    --border-1: var(--genshin-border-color);
    --bg-1: var(--genshin-prem-bg-color);
}
.genshin-premium-color .ea-slider-item__picture .genshin-corners:before {
    border: 2px solid var(--genshin-border-color);
}
.genshin-premium-color .ea-slider-item__picture .genshin-corners:after {
    border: 1px solid hsla(28, 31%, 75%, 0.5);
}
.warface-color .ea-slider-item__picture {
    background-color: transparent;
    background-position: 50% 30%;
    background-size: 90% auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-mask-image: unset;
    z-index: 4;
}
.warface-color .ea-slider-item__picture:after,
.warface-color .ea-slider-item__picture:before {
    display: none;
}
.bt2-color .ea-slider-item__picture {
    background-color: transparent;
    background-position: 50% 20%;
    background-size: 200px auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-mask-image: unset;
    z-index: 4;
}
.bt2-color .ea-slider-item__picture:after,
.bt2-color .ea-slider-item__picture:before {
    display: none;
}
.bt2-color .ea-slider-item__picture .bt2-corners {
    border-radius: 8px;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
}
.bt2-color .ea-slider-item__picture .bt2-corners:after,
.bt2-color .ea-slider-item__picture .bt2-corners:before {
    background: var(--white);
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 50px;
}
.bt2-color .ea-slider-item__picture .bt2-corners:before {
    top: 0;
}
.bt2-color .ea-slider-item__picture .bt2-corners:after {
    bottom: 0;
}
.bt2-color .ea-slider-item__picture .bt2-corners .icon {
    position: absolute;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.bt2-color .ea-slider-item__picture .bt2-corners .icon-bt2-card-tl {
    left: -1px;
    top: -1px;
}
.bt2-color .ea-slider-item__picture .bt2-corners .icon-bt2-card-tr {
    right: -1px;
    top: -1px;
}
.bt2-color .ea-slider-item__picture .bt2-corners .icon-bt2-card-bl {
    bottom: -1px;
    left: -1px;
}
.bt2-color .ea-slider-item__picture .bt2-corners .icon-bt2-card-br {
    bottom: -1px;
    right: -1px;
}
.stalcraft-color .ea-slider-item__picture {
    background-color: transparent;
    background-position: 50% 30%;
    background-size: 75% auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-mask-image: unset;
    z-index: 4;
}
.stalcraft-color .ea-slider-item__picture:after,
.stalcraft-color .ea-slider-item__picture:before {
    display: none;
}
.stalcraft-color .ea-slider-item__picture .stalcraft-corners {
    inset: 0;
    pointer-events: none;
    position: absolute;
}
.stalcraft-color .ea-slider-item__picture .stalcraft-corners .icon {
    position: absolute;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.stalcraft-color .ea-slider-item__picture .stalcraft-corners .icon-stalcraft-card-tl {
    left: 0;
    top: 0;
}
.stalcraft-color .ea-slider-item__picture .stalcraft-corners .icon-stalcraft-card-tr {
    right: 0;
    top: 0;
}
.stalcraft-color .ea-slider-item__picture .stalcraft-corners .icon-stalcraft-card-bl {
    bottom: 0;
    left: 0;
}
.stalcraft-color .ea-slider-item__picture .stalcraft-corners .icon-stalcraft-card-br {
    bottom: 0;
    right: 0;
}
.stalcraft-color-2 .ea-slider-item__picture .icon {
    --stalcraft-color: var(--stalcraft-color-2);
}
.stalcraft-color-3 .ea-slider-item__picture .icon {
    --stalcraft-color: var(--stalcraft-color-3);
}
.stalcraft-color-4 .ea-slider-item__picture .icon {
    --stalcraft-color: var(--stalcraft-color-4);
}
.stalcraft-color-5 .ea-slider-item__picture .icon {
    --stalcraft-color: var(--stalcraft-color-5);
}
.pb-color .ea-slider-item__picture {
    background-color: var(--black);
    background-position: 50% 30%;
    background-size: 300px auto;
    -webkit-mask-image: unset;
}
.pb-color .ea-slider-item__picture:after,
.pb-color .ea-slider-item__picture:before {
    display: none;
}
.pb-color .ea-slider-item__picture .pb-corners {
    left: -3px;
    pointer-events: none;
    position: absolute;
    right: -3px;
    top: -4px;
}
.pb-color .ea-slider-item__picture .pb-corners .icon-pb-card-left {
    --g-l: var(--fgp-color-1);
    left: 0;
    position: absolute;
    top: 0;
}
.pb-color .ea-slider-item__picture .pb-corners .icon-pb-card-right {
    --g-r: var(--fgp-color-1);
    position: absolute;
    right: 0;
    top: 0;
}
.zvuk-color .ea-slider-item__picture {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    background-color: transparent;
    background-position: 50% 10%;
    background-size: 200% auto;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 441px;
    justify-content: flex-end;
    -webkit-mask-image: unset;
    z-index: 2;
}
.zvuk-color .ea-slider-item__picture:after,
.zvuk-color .ea-slider-item__picture:before {
    display: none;
}
.fgp-color .ea-slider-item__picture {
    background-color: #302746;
    background-position: 50% 115px;
    background-size: 200px auto;
    -webkit-mask-image: unset;
}
@media (max-width: 374px) {
    .fgp-color .ea-slider-item__picture {
        background-position: 50% 75px;
    }
}
.fourgame-page__ninth .fgp-color .ea-slider-item__picture {
    background-color: var(--black);
}
.fgp-color .ea-slider-item__picture:after,
.fgp-color .ea-slider-item__picture:before {
    display: none;
}
.fgp-color .rf-card .ea-slider-item__picture {
    background-position: 50% 100px;
    background-size: 180px auto;
}
.fgp-color .ea-slider__item--mid .ea-slider-item__picture {
    background-size: 270px auto;
}
@media (max-width: 768px) {
    .fgp-color .ea-slider__item--mid .ea-slider-item__picture {
        background-size: 200px auto;
    }
}
.fgp-color .ea-slider__item--mid.rf-card .ea-slider-item__picture {
    background-position: 50% 120px;
    background-size: 210px auto;
}
@media (max-width: 374px) {
    .fgp-color .ea-slider__item--mid.rf-card .ea-slider-item__picture {
        background-position: 50% 100px;
        background-size: 180px auto;
    }
}
.fgp-color-3 .ea-slider-item__picture {
    background-color: #5f3456;
}
.fgp-color-3 .ea-slider-item__picture:after,
.fgp-color-3 .ea-slider-item__picture:before {
    display: none;
}
.freefire-color .ea-slider-item__picture {
    background-color: transparent;
    background-position: 50% 30%;
    background-size: 75% auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-mask-image: unset;
    overflow: hidden;
    z-index: 4;
}
.freefire-color .ea-slider-item__picture:after,
.freefire-color .ea-slider-item__picture:before {
    display: none;
}
.freefire-color .ea-slider-item__picture .ff__corners {
    pointer-events: none;
}
.freefire-color .ea-slider-item__picture .ff__corners .icon {
    position: absolute;
}
.freefire-color .ea-slider-item__picture .ff__corners .icon-ff-corner-t {
    left: -1px;
    top: 10px;
}
.freefire-color .ea-slider-item__picture .ff__corners .icon-ff-corner-l {
    left: 0;
    top: 78px;
}
.freefire-color .ea-slider-item__picture .ff__corners .icon-ff-corner-r {
    right: 0;
    top: 48px;
}
.fortnite-color .ea-slider-item__picture {
    background-color: transparent;
    background-position: 50% 30%;
    background-size: 75% auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-mask-image: unset;
    z-index: 4;
}
.fortnite-color .ea-slider-item__picture:after,
.fortnite-color .ea-slider-item__picture:before {
    display: none;
}
@media (min-width: 769px) {
    .fortnite-color-marvel .ea-slider-item__picture {
        height: 439px;
    }
}
@media (max-width: 768px) {
    .fortnite-color-marvel .ea-slider-item__picture {
        height: 479px;
    }
}
@media (max-width: 767px) {
    .fortnite-color-marvel .ea-slider-item__picture {
        height: 552px;
    }
}
@media (max-width: 413px) {
    .fortnite-color-marvel .ea-slider-item__picture {
        height: 496px;
    }
}
@media (max-width: 374px) {
    .fortnite-color-marvel .ea-slider-item__picture {
        height: 416px;
    }
}
.lol-color .ea-slider-item__picture {
    background-color: transparent;
    background-position: 50% 30%;
    background-size: 75% auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-mask-image: unset;
    z-index: 4;
}
.lol-color .ea-slider-item__picture:after,
.lol-color .ea-slider-item__picture:before {
    background: none;
    border-radius: 0;
    border-style: solid;
    bottom: auto;
    height: 0;
    left: 50%;
    right: auto;
    top: 100%;
    width: 0;
}
.lol-color .ea-slider-item__picture:before {
    border-color: var(--lol-color) transparent transparent transparent;
    border-width: 22px 22px 0;
    margin-left: -22px;
    margin-top: -1px;
}
.lol-color .ea-slider-item__picture:after {
    border-color: var(--lol-bg) transparent transparent transparent;
    border-width: 20px 20px 0;
    margin-left: -20px;
    margin-top: -3px;
}
.lol-color .ea-slider-item__picture .lol__corners {
    pointer-events: none;
}
.lol-color .ea-slider-item__picture .lol__corners .icon {
    left: 50%;
    position: absolute;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    z-index: 5;
}
.lol-color .ea-slider-item__picture .lol__corners .icon-lol-top {
    margin-left: -117px;
    margin-top: -8px;
    top: 0;
}
.lol-color .ea-slider-item__picture .lol__corners .icon-lol-bottom {
    bottom: 0;
    margin-bottom: -13px;
    margin-left: -74px;
}
.bb-color .ea-slider-item__picture {
    background-color: transparent;
    background-position: 50% 30%;
    background-size: 75% auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-mask-image: unset;
    z-index: 4;
}
.bb-color .ea-slider-item__picture:after,
.bb-color .ea-slider-item__picture:before {
    display: none;
}
.bb-color .ea-slider-item__picture .bb__corners {
    pointer-events: none;
}
.bb-color .ea-slider-item__picture .bb__corners .icon-ml-corner-tl,
.bb-color .ea-slider-item__picture .bb__corners .icon-ml-corner-tr {
    position: absolute;
    top: 4px;
}
.bb-color .ea-slider-item__picture .bb__corners .icon-ml-corner-tl {
    left: 4px;
}
.bb-color .ea-slider-item__picture .bb__corners .icon-ml-corner-tr {
    right: 4px;
}
.bb-color .ea-slider-item__picture .bb__corners .icon-ml-left,
.bb-color .ea-slider-item__picture .bb__corners .icon-ml-right {
    position: absolute;
}
.bb-color .ea-slider-item__picture .bb__corners .icon-ml-left {
    left: 0;
    top: 52px;
}
.bb-color .ea-slider-item__picture .bb__corners .icon-ml-right {
    right: 0;
    top: -webkit-calc(100% - 150px);
    top: calc(100% - 150px);
}
.bb-color .ea-slider-item__picture .bb__set {
    position: relative;
}
.bb-color .ea-slider-item__picture .bb__set ul {
    bottom: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    left: 0;
    margin: 0 -10px;
    padding: 0 0 25px;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
}
.bb-color .ea-slider-item__picture .bb__set ul li {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    list-style-type: none;
    margin: 20px 0 0;
    max-width: 50%;
    padding: 0 10px;
    width: 100%;
}
@media (max-width: 768px) {
    .bb-color .ea-slider-item__picture .bb__set ul li {
        margin-top: 10px;
    }
}
.bb-color .ea-slider-item__picture .bb__set ul li .icon-block {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    font-size: 0;
    height: 40px;
    justify-content: center;
    margin: -8px 5px -8px 0;
    width: 40px;
}
@media (max-width: 768px) {
    .bb-color .ea-slider-item__picture .bb__set ul li .icon-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        height: 30px;
        width: 30px;
    }
}
.bb-color .ea-slider-item__picture .bb__set ul li .icon-block img.icon {
    -webkit-box-flex: 1;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    height: auto;
    max-height: 40px;
    max-width: 40px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
}
@media (max-width: 768px) {
    .bb-color .ea-slider-item__picture .bb__set ul li .icon-block img.icon {
        max-height: 30px;
        max-width: 30px;
    }
}
.bb-color .ea-slider-item__picture .bb__set ul li .desc-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bb-color .ea-slider-item__picture .bb__set ul li .desc-block {
        font-size: 10px;
        font-weight: 500;
    }
}
.ea-slider__item:not(.ea-slider__item--mid) .ea-slider-item__picture .bb__set ul li {
    margin-top: 10px;
}
.ea-slider__item:not(.ea-slider__item--mid) .ea-slider-item__picture .bb__set ul li .icon-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    height: 30px;
    width: 30px;
}
.ea-slider__item:not(.ea-slider__item--mid) .ea-slider-item__picture .bb__set ul li .icon-block img {
    max-height: 30px;
    max-width: 30px;
}
.ea-slider__item:not(.ea-slider__item--mid) .ea-slider-item__picture .bb__set ul li .desc-block {
    font-size: 10px;
    font-weight: 500;
}
.okko-color .ea-slider-item__picture {
    background-color: var(--black);
    background-position: 50% 38px;
    background-size: 100% auto;
    -webkit-mask-image: unset;
    z-index: 1;
}
.okko-color .ea-slider-item__picture:after,
.okko-color .ea-slider-item__picture:before {
    display: none;
}
.okko-promo-color .ea-slider-item__picture {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    background-color: transparent;
    background-position: 50% 50px;
    background-size: 129% auto;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-mask-image: unset;
    z-index: 2;
}
@media (max-width: 768px) {
    .okko-promo-color .ea-slider-item__picture {
        background-position: 50% 30px;
    }
}
.okko-promo-color .ea-slider-item__picture:after,
.okko-promo-color .ea-slider-item__picture:before {
    display: none;
}
.blue-color .ea-slider-item__picture {
    background-color: #fff;
}
.gfn-color .ea-slider-item__picture {
    background-color: var(--bg-5);
}
.xbox-color .ea-slider-item__picture {
    background-color: var(--bg-6);
}
.xbox-white-color .ea-slider-item__picture {
    background-color: #e5e5e5;
}
.xboxgp-color .ea-slider-item__picture {
    background-color: var(--white);
}
.xboxgp-grey-color .ea-slider-item__picture {
    background-color: var(--xbox-color-2);
}
.psp-color .ea-slider-item__picture {
    background-color: var(--bg-7);
}
.ragnarok-color .ea-slider-item__picture {
    background-color: var(--white);
}
.crowfall-color .ea-slider-item__picture {
    background-color: var(--crowfall-color-2);
}
.aion-color .ea-slider-item__picture {
    background-color: var(--aion-bg);
}
.essence-color .ea-slider-item__picture {
    background-color: var(--essence-color-5);
}
.l2-main-color .ea-slider-item__picture {
    background-color: var(--black);
}
.l2-main-premium-color .ea-slider-item__picture {
    background-color: #313865;
}
.l2-main-premium-color .ea-slider-item__picture:after {
    display: none;
}
.wow-color .ea-slider-item__picture {
    background-color: var(--ww-bg);
}
.wg-color .ea-slider-item__picture {
    background-color: var(--bg2-wg);
}
.fourgame-color .ea-slider-item__picture {
    background-color: #070a10;
}
.ea-slider-item__picture.swiper-lazy {
    opacity: 0.6;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
@media (min-width: 1140px) {
    .ea-slider__item--super .ea-slider-item__picture.swiper-lazy {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
}
.bb-color-prem .ea-slider-item__picture.swiper-lazy,
.lol-color .ea-slider-item__picture.swiper-lazy {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.bt2-color .ea-slider-item__picture.swiper-lazy,
.pb-color .ea-slider-item__picture.swiper-lazy,
.stalcraft-color .ea-slider-item__picture.swiper-lazy,
.warface-color .ea-slider-item__picture.swiper-lazy,
.wowsh-color .ea-slider-item__picture.swiper-lazy,
.wt-color .ea-slider-item__picture.swiper-lazy {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.ea-slider-item__picture.swiper-lazy.swiper-lazy-loaded,
.fgp-color .ea-slider-item__picture.swiper-lazy,
.wowsh-premium .ea-slider-item__picture.swiper-lazy,
.wt-color-prem .ea-slider-item__picture.swiper-lazy {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.ea-slider-item__picture.swiper-lazy.swiper-lazy-loaded {
    opacity: 1;
}
.wg-color .ea-slider-item__picture,
.wow-color .ea-slider-item__picture,
.wowsh-color .ea-slider-item__picture,
.wt-color .ea-slider-item__picture {
    background-position: 50% 32%;
    background-size: 270px auto;
}
.wg-color2 .ea-slider-item__picture {
    background-color: var(--bg2-wg);
}
@media (max-width: 767px) {
    .wg-color2 .ea-slider-item__picture {
        background-position: 50% 32%;
        background-size: 270px auto;
    }
}
.blue-color .ea-slider-item__picture,
.xbox-color .ea-slider-item__picture {
    background-position: 50% 8%;
    background-size: 260px auto;
}
@media (max-width: 767px) {
    .blue-color .ea-slider-item__picture,
    .xbox-color .ea-slider-item__picture {
        background-position: 50% 20%;
        background-size: 300px auto;
    }
}
@media (max-width: 413px) {
    .blue-color .ea-slider-item__picture,
    .xbox-color .ea-slider-item__picture {
        background-position: 50% 15%;
        background-size: 260px auto;
    }
}
@media (max-width: 374px) {
    .blue-color .ea-slider-item__picture,
    .xbox-color .ea-slider-item__picture {
        background-position: 50% 5%;
        background-size: 240px auto;
    }
}
.xbox-has-icons .ea-slider-item__picture {
    background-position: 50% 24%;
}
@media (max-width: 767px) {
    .xbox-has-icons .ea-slider-item__picture {
        background-position: 50% 26%;
    }
}
@media (max-width: 413px) {
    .xbox-has-icons .ea-slider-item__picture {
        background-position: 50% 25%;
    }
}
@media (max-width: 374px) {
    .xbox-has-icons .ea-slider-item__picture {
        background-position: 50% 25%;
    }
}
.xboxgp-color .ea-slider-item__picture {
    background-position: 50% 70px;
    background-size: 70% auto;
}
.psp-color .ea-slider-item__picture {
    background-position: 50% 8%;
    background-size: 220px auto;
}
@media (max-width: 767px) {
    .psp-color .ea-slider-item__picture {
        background-position: 50% 20%;
        background-size: 300px auto;
    }
}
@media (max-width: 413px) {
    .psp-color .ea-slider-item__picture {
        background-position: 50% 15%;
        background-size: 260px auto;
    }
}
@media (max-width: 374px) {
    .psp-color .ea-slider-item__picture {
        background-position: 50% 5%;
        background-size: 190px auto;
    }
}
.ragnarok-color .ea-slider-item__picture {
    background-position: 50% 30%;
    background-size: 200px auto;
}
@media (max-width: 767px) {
    .ragnarok-color .ea-slider-item__picture {
        background-position: 50% 30%;
        background-size: 300px auto;
    }
}
@media (max-width: 413px) {
    .ragnarok-color .ea-slider-item__picture {
        background-position: 50% 30%;
        background-size: 260px auto;
    }
}
@media (max-width: 374px) {
    .ragnarok-color .ea-slider-item__picture {
        background-position: 50% 35%;
        background-size: 190px auto;
    }
}
.crowfall-color .ea-slider-item__picture {
    background-position: 50% 58px;
    background-size: 306px auto;
}
@media (max-width: 767px) {
    .crowfall-color .ea-slider-item__picture {
        background-position: 50% 68px;
        background-size: 300px auto;
    }
}
@media (max-width: 413px) {
    .crowfall-color .ea-slider-item__picture {
        background-position: 50% 30%;
        background-size: 260px auto;
    }
}
@media (max-width: 374px) {
    .crowfall-color .ea-slider-item__picture {
        background-position: 50% 35%;
        background-size: 190px auto;
    }
}
.aion-color .ea-slider-item__picture {
    background-position: 50% 48px;
    background-size: 250px auto;
}
@media (max-width: 767px) {
    .aion-color .ea-slider-item__picture {
        background-position: 50% 68px;
        background-size: 300px auto;
    }
}
@media (max-width: 413px) {
    .aion-color .ea-slider-item__picture {
        background-position: 50% 30%;
        background-size: 260px auto;
    }
}
@media (max-width: 374px) {
    .aion-color .ea-slider-item__picture {
        background-position: 50% 35%;
        background-size: 190px auto;
    }
}
.essence-color .ea-slider-item__picture {
    background-position: 50% 50px;
    background-size: 250px auto;
    -webkit-box-shadow: 0 0 0 8px #2d1c16;
    box-shadow: 0 0 0 8px #2d1c16;
    -webkit-mask-image: unset;
    padding: 25px 30px 10px 50px;
}
@media (max-width: 767px) {
    .essence-color .ea-slider-item__picture {
        background-position: 50% 68px;
        background-size: 300px auto;
    }
}
@media (max-width: 413px) {
    .essence-color .ea-slider-item__picture {
        background-position: 50% 30%;
        background-size: 260px auto;
    }
}
@media (max-width: 374px) {
    .essence-color .ea-slider-item__picture {
        background-position: 50% 35%;
        background-size: 190px auto;
        padding: 12px 12px 0 32px;
    }
}
.essence-color .ea-slider-item__picture:before {
    background: #dbd2b2;
    border-radius: 0;
    bottom: 170px;
    left: 24px;
    right: auto;
    top: 30px;
    width: 2px;
}
@media (max-width: 374px) {
    .essence-color .ea-slider-item__picture:before {
        left: 12px;
    }
}
.essence-color .ea-slider-item__picture:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 78a4.027 4.027 0 0 1 2 3.42v5.08a2.305 2.305 0 0 0 0 .447V140h2V81.08l-.01-.04c.02-.32-.02-.65-.11-.97C9 77.5 6 75.5 3.5 74c0 2 1 3 2.5 4Zm0-16a4.027 4.027 0 0 0 2-3.42V53.5a2.302 2.302 0 0 1 0-.447V0h2v58.92l-.01.04c.02.32-.02.65-.11.97C9 62.5 6 64.5 3.5 66c0-2 1-3 2.5-4Zm3.59 5.09c.13-.07.27-.15.41-.24V62a15.109 15.109 0 0 1-5.5 5.5c-1.45.91-2.96 1.75-4.5 2.5 1.54.75 3.05 1.59 4.5 2.5A15.109 15.109 0 0 1 10 78v-4.87c-.14-.08-.28-.16-.41-.24a48.822 48.822 0 0 0-6.43-2.9c2.21-.81 4.36-1.78 6.43-2.9ZM6.05 70 10 71.59V68.5L6.05 70Z' fill='%23E94C5E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='rotate(-90 70 70)' d='M0 0h140v10H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
        50% 50% no-repeat;
    border-radius: 0;
    bottom: 30px;
    height: 140px;
    left: 16px;
    right: auto;
    top: auto;
    width: 10px;
}
@media (max-width: 767px) {
    .essence-color .ea-slider-item__picture:after {
        background-position: 50% 68px;
        background-size: 300px auto;
        bottom: 68px;
    }
}
@media (max-width: 413px) {
    .essence-color .ea-slider-item__picture:after {
        background-position: 50% 30%;
        background-size: 260px auto;
    }
}
@media (max-width: 374px) {
    .essence-color .ea-slider-item__picture:after {
        background-position: 50% 35%;
        background-size: 190px auto;
        bottom: 48px;
        left: 4px;
    }
}
.l2-main-color .ea-slider-item__picture,
.l2-main-premium-color .ea-slider-item__picture {
    background-position: 50% 50px;
    background-size: 250px auto;
    -webkit-mask-image: unset;
}
@media (max-width: 767px) {
    .l2-main-color .ea-slider-item__picture,
    .l2-main-premium-color .ea-slider-item__picture {
        background-position: 50% 68px;
        background-size: 300px auto;
    }
}
@media (max-width: 413px) {
    .l2-main-color .ea-slider-item__picture,
    .l2-main-premium-color .ea-slider-item__picture {
        background-position: 50% 30%;
        background-size: 260px auto;
    }
}
@media (max-width: 374px) {
    .l2-main-color .ea-slider-item__picture,
    .l2-main-premium-color .ea-slider-item__picture {
        background-position: 50% 35%;
        background-size: 190px auto;
    }
}
.l2-main-color .ea-slider-item__picture:before,
.l2-main-premium-color .ea-slider-item__picture:before {
    display: none;
}
.l2-legacy-color .ea-slider-item__picture {
    background-color: var(--l2-legacy-bg);
    background-position: 50% 50px;
    background-size: 280px auto;
    border: 3px solid rgba(253, 214, 87, 0.6);
    border-radius: 0;
    -webkit-mask-image: unset;
    position: relative;
}
@media (max-width: 767px) {
    .l2-legacy-color .ea-slider-item__picture {
        background-position: 50% 68px;
        background-size: 300px auto;
    }
}
@media (max-width: 413px) {
    .l2-legacy-color .ea-slider-item__picture {
        background-position: 50% 30%;
        background-size: 260px auto;
    }
}
@media (max-width: 374px) {
    .l2-legacy-color .ea-slider-item__picture {
        background-position: 50% 35%;
        background-size: 190px auto;
    }
}
@media (-webkit-device-pixel-ratio: 1.25) {
    .l2-legacy-color .ea-slider-item__picture {
        border-top-width: 2.7px;
    }
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__cb,
.l2-legacy-color .ea-slider-item__picture .legacy-card__lb,
.l2-legacy-color .ea-slider-item__picture .legacy-card__lt,
.l2-legacy-color .ea-slider-item__picture .legacy-card__rb,
.l2-legacy-color .ea-slider-item__picture .legacy-card__rt {
    position: absolute;
    z-index: 1;
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__cb .icon,
.l2-legacy-color .ea-slider-item__picture .legacy-card__lb .icon,
.l2-legacy-color .ea-slider-item__picture .legacy-card__lt .icon,
.l2-legacy-color .ea-slider-item__picture .legacy-card__rb .icon,
.l2-legacy-color .ea-slider-item__picture .legacy-card__rt .icon {
    display: block;
    opacity: 0.6;
    position: relative;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
    z-index: 1;
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__cb:before,
.l2-legacy-color .ea-slider-item__picture .legacy-card__lb:before,
.l2-legacy-color .ea-slider-item__picture .legacy-card__lt:before,
.l2-legacy-color .ea-slider-item__picture .legacy-card__rb:before,
.l2-legacy-color .ea-slider-item__picture .legacy-card__rt:before {
    content: "";
    position: absolute;
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__lb {
    bottom: -6px;
    left: -7px;
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__lb:before {
    border-bottom: 3px solid var(--l2-legacy-bg);
    border-left: 3px solid var(--l2-legacy-bg);
    bottom: 3px;
    left: 4px;
    right: 0;
    top: 0;
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__lt {
    left: -7px;
    top: -6px;
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__lt:before {
    border-left: 3px solid var(--l2-legacy-bg);
    border-top: 3px solid var(--l2-legacy-bg);
    bottom: 0;
    left: 4px;
    right: 0;
    top: 3px;
}
@media (-webkit-device-pixel-ratio: 1.25) {
    .l2-legacy-color .ea-slider-item__picture .legacy-card__lt:before {
        border-top-width: 3.2px;
    }
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__rb {
    bottom: -6px;
    right: -7px;
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__rb:before {
    border-bottom: 3px solid var(--l2-legacy-bg);
    border-right: 3px solid var(--l2-legacy-bg);
    bottom: 3px;
    left: 0;
    right: 4px;
    top: 0;
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__rt {
    right: -7px;
    top: -6px;
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__rt:before {
    border-right: 3px solid var(--l2-legacy-bg);
    border-top: 3px solid var(--l2-legacy-bg);
    bottom: 0;
    left: 0;
    right: 4px;
    top: 3px;
}
@media (-webkit-device-pixel-ratio: 1.25) {
    .l2-legacy-color .ea-slider-item__picture .legacy-card__rt:before {
        border-top-width: 3.2px;
    }
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__cb {
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.l2-legacy-color .ea-slider-item__picture .legacy-card__cb:before {
    border-bottom: 3px solid var(--l2-legacy-bg);
    bottom: 7px;
    left: 0;
    right: 0;
    top: 0;
}
.l2-legacy-color .ea-slider-item__picture:after,
.l2-legacy-color .ea-slider-item__picture:before {
    display: none;
}
.l2-legacy-color .ea-slider-item__picture:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/legacy/card-bg.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fourgame-color .ea-slider-item__picture {
    background-position: 50% 70px;
    background-size: 210px auto;
    -webkit-mask-image: unset;
}
.fourgame-color .ea-slider-item__picture:after,
.fourgame-color .ea-slider-item__picture:before {
    background: -webkit-gradient(linear, left top, right top, from(#431d20), color-stop(50.83%, var(--bg-1)), to(#431d20));
    background: -webkit-linear-gradient(left, #431d20 0, var(--bg-1) 50.83%, #431d20 100%);
    background: -o-linear-gradient(left, #431d20 0, var(--bg-1) 50.83%, #431d20 100%);
    background: linear-gradient(90deg, #431d20 0, var(--bg-1) 50.83%, #431d20 100%);
    border-radius: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin: 0 0 0 -40%;
    opacity: 1;
    position: absolute;
    visibility: visible;
    width: 80%;
}
@media (-webkit-device-pixel-ratio: 1.25) {
    .fourgame-color .ea-slider-item__picture:after,
    .fourgame-color .ea-slider-item__picture:before {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}
.fourgame-color .ea-slider-item__picture:before {
    top: -2px;
}
.fourgame-color .ea-slider-item__picture:after {
    bottom: -2px;
    top: auto;
}
.rf-color .ea-slider-item__picture {
    background-position: 50% 70px;
    background-size: 210px auto;
    border-radius: 0;
    -webkit-mask-image: unset;
}
.rf-color .ea-slider-item__picture:after,
.rf-color .ea-slider-item__picture:before {
    border-radius: 0;
    bottom: -9px;
    content: "";
    display: block;
    height: 7px;
    opacity: 1;
    position: absolute;
    top: auto;
    visibility: visible;
    width: 7px;
}
.rf-color .ea-slider-item__picture:before {
    left: -9px;
    right: auto;
}
.rf-color .ea-slider-item__picture:after {
    left: auto;
    right: -9px;
}
.rf-color-1 .ea-slider-item__picture {
    background-color: rgba(77, 64, 112, 0.8);
}
.rf-color-1 .ea-slider-item__picture:after,
.rf-color-1 .ea-slider-item__picture:before {
    background: rgba(77, 64, 112, 0.6);
}
.rf-color-2 .ea-slider-item__picture {
    background-color: rgba(125, 65, 29, 0.8);
}
.rf-color-2 .ea-slider-item__picture:after,
.rf-color-2 .ea-slider-item__picture:before {
    background: rgba(125, 65, 29, 0.6);
}
.rf-color-3 .ea-slider-item__picture {
    background-color: rgba(106, 126, 157, 0.8);
}
.rf-color-3 .ea-slider-item__picture:after,
.rf-color-3 .ea-slider-item__picture:before {
    background: rgba(106, 126, 157, 0.6);
}
.rf-color-4 .ea-slider-item__picture {
    background-color: rgba(15, 63, 43, 0.8);
}
.rf-color-4 .ea-slider-item__picture:after,
.rf-color-4 .ea-slider-item__picture:before {
    background: rgba(15, 63, 43, 0.6);
}
@media (min-width: 768px) {
    .two-in-row.fgp-color-3 .ea-slider-item__picture,
    .two-in-row.wg-color2 .ea-slider-item__picture {
        height: 300px;
    }
    .two-in-row.wowsh-color .ea-slider-item__picture,
    .two-in-row.wt-color .ea-slider-item__picture {
        height: 376px;
    }
    .two-in-row.caliber-color .ea-slider-item__picture {
        height: 432px;
    }
}
@media (min-width: 769px) {
    .three-in-row.dlc-view .ea-slider-item__picture {
        height: 290px;
    }
}
@media (max-width: 768px) {
    .three-in-row.dlc-view .ea-slider-item__picture {
        height: 233px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--wide .ea-slider-item__picture {
        background-position: 75% 15%;
        background-size: 220px auto;
    }
}
.fgp-color-3 .ea-slider__item--wide .ea-slider-item__picture {
    background-position: 100% 50%;
    background-size: 300px auto;
}
@media (max-width: 768px) {
    .fgp-color-3 .ea-slider__item--wide .ea-slider-item__picture {
        background-position: 50% 50%;
    }
}
@media (max-width: 374px) {
    .fgp-color-3 .ea-slider__item--wide .ea-slider-item__picture {
        background-position: 50% 75px;
    }
}
.caliber-color .ea-slider__item--wide .ea-slider-item__picture {
    background-position: 50% 0;
    background-size: 50% auto;
}
@media (max-width: 768px) {
    .caliber-color .ea-slider__item--wide .ea-slider-item__picture {
        background-position: 50% 25%;
        background-size: 75% auto;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 30%;
        background-size: 240px auto;
        height: 445px;
        padding: 20px 20px 10px;
    }
    .three-in-row .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 35%;
        background-size: 300px auto;
        height: 530px;
        padding: 30px 30px 10px;
    }
    .three-in-row.l2-main-color .ea-slider__item--mid .ea-slider-item__picture,
    .three-in-row.l2-main-premium-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 15%;
    }
    .three-in-row.okko-promo-color .ea-slider__item--mid .ea-slider-item__picture,
    .two-in-row.okko-color .ea-slider__item--mid .ea-slider-item__picture {
        height: 530px;
    }
    .kasper-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 30px;
        background-size: 180px auto;
        height: 530px;
    }
    .zvuk-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 20%;
        background-size: 200% auto;
    }
    .fgp-color .ea-slider__item--mid .ea-slider-item__picture,
    .wowsh-premium .ea-slider__item--mid .ea-slider-item__picture,
    .wt-color-prem .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 35%;
        background-size: 270px auto;
    }
    .fourgame-color.three-in-row .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 25%;
        background-size: 240px auto;
    }
    .three-in-row.aion-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 25%;
    }
    .fortnite-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 15%;
        background-size: 75% auto;
    }
    .warface-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 22%;
        background-size: 100% auto;
    }
    .bb-color .ea-slider__item--mid .ea-slider-item__picture,
    .bt2-color .ea-slider__item--mid .ea-slider-item__picture,
    .lol-color .ea-slider__item--mid .ea-slider-item__picture,
    .stalcraft-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 22%;
        background-size: 75% auto;
    }
    .okko-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 20px;
        background-size: 100% auto;
    }
    .okko-promo-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 25px;
        background-size: 129% auto;
    }
    .psn-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 0;
        background-size: 115% auto;
    }
}
@media (min-width: 1140px) {
    .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 25%;
        background-size: 300px auto;
        height: 530px;
        padding: 30px 30px 10px;
    }
    .fgp-color .ea-slider__item--mid .ea-slider-item__picture,
    .wowsh-premium .ea-slider__item--mid .ea-slider-item__picture,
    .wt-color-prem .ea-slider__item--mid .ea-slider-item__picture,
    .zvuk-color .ea-slider__item--mid .ea-slider-item__picture {
        padding: 20px 20px 10px;
    }
    .zvuk-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 30px;
        background-size: 150% auto;
    }
    .bb-color .ea-slider__item--mid .ea-slider-item__picture,
    .bt2-color .ea-slider__item--mid .ea-slider-item__picture,
    .lol-color .ea-slider__item--mid .ea-slider-item__picture,
    .stalcraft-color .ea-slider__item--mid .ea-slider-item__picture,
    .warface-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 22%;
        background-size: 75% auto;
    }
    .okko-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 30px;
        background-size: 100% auto;
    }
    .three-in-row.okko-promo-color .ea-slider__item--mid .ea-slider-item__picture,
    .two-in-row.okko-color .ea-slider__item--mid .ea-slider-item__picture {
        height: 530px;
    }
    .psn-color .ea-slider__item--mid .ea-slider-item__picture {
        background-position: 50% 0;
        background-size: 115% auto;
    }
}
@media (min-width: 768px) {
    .fortnite-color-marvel .ea-slider__item--mid .ea-slider-item__picture {
        height: 520px;
    }
    .bb-color-prem .ea-slider__item--mid .ea-slider-item__picture {
        height: 526px;
    }
}
@media (min-width: 1140px) {
    .fgp-color .ea-slider__item--mid .ea-slider-item__picture,
    .wowsh-premium .ea-slider__item--mid .ea-slider-item__picture,
    .wt-color-prem .ea-slider__item--mid .ea-slider-item__picture,
    .zvuk-color .ea-slider__item--mid .ea-slider-item__picture {
        padding: 20px 20px 10px;
    }
}
@media (min-width: 768px) {
    .fgp-color .ea-slider__item--mid .ea-slider-item__picture,
    .wowsh-premium .ea-slider__item--mid .ea-slider-item__picture,
    .wt-color-prem .ea-slider__item--mid .ea-slider-item__picture,
    .zvuk-color .ea-slider__item--mid .ea-slider-item__picture {
        height: 526px;
    }
}
.crowfall-color .ea-slider__item--mid .ea-slider-item__picture {
    background-size: 416px auto;
}
@media (max-width: 1140px) {
    .crowfall-color .ea-slider__item--mid .ea-slider-item__picture {
        background-size: 306px auto;
    }
}
@media (max-width: 767px) {
    .crowfall-color .ea-slider__item--mid .ea-slider-item__picture {
        background-size: 416px auto;
    }
}
@media (max-width: 414px) {
    .crowfall-color .ea-slider__item--mid .ea-slider-item__picture {
        background-size: 306px auto;
    }
}
.rf-color .ea-slider__item--mid .ea-slider-item__picture {
    background-position: 50% 70px;
    background-size: 260px auto;
}
@media (max-width: 1140px) {
    .rf-color .ea-slider__item--mid .ea-slider-item__picture {
        background-size: 250px auto;
    }
}
@media (max-width: 767px) {
    .rf-color .ea-slider__item--mid .ea-slider-item__picture {
        background-size: 250px auto;
    }
}
@media (max-width: 414px) {
    .rf-color .ea-slider__item--mid .ea-slider-item__picture {
        background-size: 250px auto;
    }
}
@media (min-width: 768px) {
    .fgp-color .ea-slider__item--mid.rf-card .ea-slider-item__picture {
        background-size: 240px auto;
    }
    .ea-slider__item--big .ea-slider-item__picture {
        background-position: 30% 35%;
        background-size: 300px auto;
        height: 600px;
        padding: 25px 30px 10px;
    }
    .wg-color .ea-slider__item--big .ea-slider-item__picture,
    .wow-color .ea-slider__item--big .ea-slider-item__picture {
        background-position: 50% 35%;
        background-size: 90% auto;
    }
    .crowfall-color .ea-slider__item--big .ea-slider-item__picture {
        background-position: 50% 70px;
        background-size: 528px auto;
    }
    .essence-color .ea-slider__item--big .ea-slider-item__picture {
        background-position: 50% 70px;
        background-size: 300px auto;
        padding: 25px 30px 10px 50px;
    }
    .l2-legacy-color .ea-slider__item--big .ea-slider-item__picture,
    .l2-main-color .ea-slider__item--big .ea-slider-item__picture,
    .l2-main-premium-color .ea-slider__item--big .ea-slider-item__picture {
        background-position: 50% 50px;
        background-size: 340px auto;
        padding: 25px 30px 10px;
    }
}
@media (min-width: 1280px) {
    .ea-slider__item--super .ea-slider-item__picture {
        max-width: 642px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--super .ea-slider-item__picture {
        background-position: 40px 35%;
        background-size: 39% auto;
        height: 610px;
        padding: 25px 170px 30px 30px;
    }
}
.ea-slider-item__picture:after,
.ea-slider-item__picture:before {
    border-radius: 10px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.ea-slider-item__picture:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 16, 66, 0)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(13, 16, 66, 0), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(13, 16, 66, 0) 0, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(180deg, rgba(13, 16, 66, 0), rgba(0, 0, 0, 0.7));
    top: 0;
}
.wt-color .ea-slider-item__picture:before {
    background: var(--wt-color-bg);
}
.wowsh-color .ea-slider-item__picture:before,
.wt-color .ea-slider-item__picture:before {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out 0.1s;
    -o-transition: opacity 0.4s ease-in-out 0.1s;
    transition: opacity 0.4s ease-in-out 0.1s;
}
.wowsh-color .ea-slider-item__picture:before {
    background: var(--wow-bg-card);
}
.caliber-color .ea-slider-item__picture:before,
.psn-color .ea-slider-item__picture:before {
    opacity: 0;
}
.wow-color .ea-slider-item__picture:before {
    background: var(--ww-bg);
    opacity: 0;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.wg-color .ea-slider-item__picture:before,
.wg-color2 .ea-slider-item__picture:before {
    background: var(--bg2-wg);
    opacity: 0;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.wg-color .item__picture-w100 .ea-slider-item__picture:before,
.wg-color2 .item__picture-w100 .ea-slider-item__picture:before,
.wow-color .item__picture-w100 .ea-slider-item__picture:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 16, 66, 0)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(13, 16, 66, 0), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(13, 16, 66, 0) 0, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(180deg, rgba(13, 16, 66, 0), rgba(0, 0, 0, 0.7));
    opacity: 1;
}
.aion-color .ea-slider-item__picture:before,
.blue-color .ea-slider-item__picture:before,
.psp-color .ea-slider-item__picture:before,
.ragnarok-color .ea-slider-item__picture:before,
.xbox-color .ea-slider-item__picture:before,
.xboxgp-color .ea-slider-item__picture:before {
    opacity: 0;
}
.xbox-white-color .ea-slider-item__picture:before {
    background: url(/bitrix/templates/c4g/css/../pictures/xbox/bg-stars.png) 50% 40% no-repeat;
    opacity: 1;
}
.ea-slider-item__picture:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 16, 66, 0)), to(#000));
    background: -webkit-linear-gradient(top, rgba(13, 16, 66, 0), #000);
    background: -o-linear-gradient(top, rgba(13, 16, 66, 0) 0, #000 100%);
    background: linear-gradient(180deg, rgba(13, 16, 66, 0), #000);
    top: 50%;
}
.aion-color .ea-slider-item__picture:after,
.blue-color .ea-slider-item__picture:after,
.psn-color .ea-slider-item__picture:after,
.psp-color .ea-slider-item__picture:after,
.ragnarok-color .ea-slider-item__picture:after,
.wg-color .ea-slider-item__picture:after,
.wg-color2 .ea-slider-item__picture:after,
.wow-color .ea-slider-item__picture:after,
.wowsh-color .ea-slider-item__picture:after,
.wt-color .ea-slider-item__picture:after,
.xbox-color .ea-slider-item__picture:after,
.xboxgp-color .ea-slider-item__picture:after {
    opacity: 0;
}
.caliber-color .ea-slider-item__picture:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(35%, #272c33));
    background: -webkit-linear-gradient(top, transparent, #272c33 35%);
    background: -o-linear-gradient(top, transparent 0, #272c33 35%);
    background: linear-gradient(180deg, transparent, #272c33 35%);
}
@media (max-width: 768px) {
    .caliber-color .ea-slider-item__picture:after {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, #272c33));
        background: -webkit-linear-gradient(top, transparent, #272c33 25%);
        background: -o-linear-gradient(top, transparent 0, #272c33 25%);
        background: linear-gradient(180deg, transparent, #272c33 25%);
    }
}
.ea-slider-item__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 15px;
    position: absolute;
    right: 15px;
    top: 20px;
    z-index: 1;
}
@media (max-width: 374px) {
    .ea-slider-item__icons {
        left: 7px;
        right: 7px;
        top: 12px;
    }
}
.psn-color .ea-slider-item__icons {
    left: 8px;
    right: 8px;
    top: 10px;
}
@media (max-width: 374px) {
    .psn-color .ea-slider-item__icons {
        left: 7px;
        right: 7px;
        top: 7px;
    }
}
.wowsh-color .ea-slider-item__icons,
.wt-color .ea-slider-item__icons {
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.wowsh-color .ea-slider__item--wide .ea-slider-item__icons,
.wt-color .ea-slider__item--wide .ea-slider-item__icons {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (min-width: 769px) {
    .ea-slider__item--mid .ea-slider-item__icons {
        left: 20px;
        top: 20px;
    }
    .psn-color .ea-slider__item--mid .ea-slider-item__icons {
        left: 8px;
        top: 11px;
    }
}
@media (min-width: 1140px) {
    .ea-slider__item--mid .ea-slider-item__icons {
        left: 25px;
        top: 30px;
    }
    .psn-color .ea-slider__item--mid .ea-slider-item__icons {
        left: 8px;
        top: 11px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item__icons {
        left: 25px;
        top: 25px;
    }
    .ea-slider__item--super .ea-slider-item__icons {
        left: 25px;
        right: 165px;
        top: 25px;
    }
}
.wowsh-premium .ea-slider-item__icons {
    left: 50%;
    right: auto;
    top: 24px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.zvuk-color .ea-slider-item__icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
    position: static;
    width: 100%;
}
.fgp-color .ea-slider-item__icons {
    left: 50%;
    right: auto;
    top: 30px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.okko-color .ea-slider-item__icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    right: 0;
    top: 7px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: var(--transition03-opacity), var(--transition03-transform);
    -o-transition: var(--transition03-opacity), var(--transition03-transform);
    transition: var(--transition03-opacity), var(--transition03-transform);
}
.wg-color .ea-slider-item__icons,
.wow-color .ea-slider-item__icons {
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.gfn-card .ea-slider-item__icons {
    border-bottom: 2px solid var(--bg-5);
    left: 21px;
    max-width: none;
    padding: 10px 0 25px;
    right: 21px;
}
.gfn-card .ea-slider-item__icons .icon {
    fill: var(--white);
}
.aion-classic-color .ea-slider-item__icons,
.bb-color .ea-slider-item__icons,
.fortnite-color .ea-slider-item__icons,
.freefire-color .ea-slider-item__icons,
.stalcraft-color .ea-slider-item__icons,
.warface-color .ea-slider-item__icons,
.xboxgp-color .ea-slider-item__icons {
    padding-right: 90px;
}
.bns-color .ea-slider-item__icons,
.genshin-color .ea-slider-item__icons {
    padding: 10px 90px 0 5px;
}
.ea-slider-item-icons__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-1);
    border-radius: var(--br-5);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-rubik);
    font-size: 10px;
    font-weight: 500;
    height: 25px;
    letter-spacing: 1.5px;
    margin: 0 5px 10px;
    opacity: 0.8;
    padding: 2px 11px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.psn-color .ea-slider-item-icons__item {
    background: rgba(135, 198, 200, 0.8);
    color: var(--black);
    font-weight: 700;
    opacity: 1;
}
.wowsh-color .ea-slider-item-icons__item,
.wt-color .ea-slider-item-icons__item {
    opacity: 1;
}
.fgp-color .ea-slider-item-icons__item,
.fgp-color-3 .ea-slider-item-icons__item,
.wowsh-premium .ea-slider-item-icons__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: transparent;
    border: none;
    border-radius: 0;
    height: auto;
    justify-content: center;
    opacity: 1;
    padding: 0;
    width: 100%;
}
.fgp-color .ea-slider-item-icons__item .icon,
.fgp-color-3 .ea-slider-item-icons__item .icon,
.wowsh-premium .ea-slider-item-icons__item .icon {
    fill: var(--white);
}
@media (min-width: 768px) {
    .fgp-color-3 .ea-slider__item--wide .ea-slider-item-icons__item {
        position: absolute;
        width: auto;
    }
}
.ea-slider-item-icons__item-aion-classic,
.ea-slider-item-icons__item-bang-bang,
.ea-slider-item-icons__item-bns,
.ea-slider-item-icons__item-fortnite,
.ea-slider-item-icons__item-freefire,
.ea-slider-item-icons__item-genshin,
.ea-slider-item-icons__item-lol,
.ea-slider-item-icons__item-midasbuy,
.ea-slider-item-icons__item-roblox,
.ea-slider-item-icons__item-stalcraft,
.ea-slider-item-icons__item-warface,
.ea-slider-item-icons__item-xboxmonth {
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
}
.ea-slider-item-icons__item-xboxmonth {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: #626262;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--font-segoeui);
    font-size: 13px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: -5px;
}
.xboxgp-grey-color .ea-slider-item-icons__item-xboxmonth {
    color: var(--white);
}
.ea-slider-item-icons__item-xboxmonth span {
    display: block;
    font-size: 34px;
    font-weight: 900;
    line-height: 30px;
    padding-bottom: 2px;
}
.ea-slider-item-icons__item-aion-classic {
    height: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
}
.ea-slider-item-icons__item-aion-classic .icon {
    fill: var(--aion-classic-name);
    height: 24px;
    width: 82px;
}
.aion-classic-premium-color .ea-slider-item-icons__item-aion-classic .icon {
    fill: var(--white);
}
.ea-slider-item-icons__item-bt2 {
    border: none;
    border-radius: 0;
    height: 17px;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 4px;
    width: 265px;
}
.ea-slider-item-icons__item-stalcraft {
    height: auto;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 5px;
}
.ea-slider-item-icons__item-stalcraft .icon {
    fill: var(--stalcraft-color);
}
.stalcraft-color-2 .ea-slider-item-icons__item-stalcraft .icon {
    fill: var(--stalcraft-color-2);
}
.stalcraft-color-3 .ea-slider-item-icons__item-stalcraft .icon {
    fill: var(--stalcraft-color-3);
}
.stalcraft-color-4 .ea-slider-item-icons__item-stalcraft .icon {
    fill: var(--stalcraft-color-4);
}
.stalcraft-color-5 .ea-slider-item-icons__item-stalcraft .icon {
    fill: var(--stalcraft-color-5);
}
.ea-slider-item-icons__item-warface {
    height: auto;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 0;
}
.ea-slider-item-icons__item-warface .icon {
    fill: var(--warface-color-1);
}
.warface-prem-color .ea-slider-item-icons__item-warface .icon {
    fill: var(--black);
}
.ea-slider-item-icons__item-bns,
.ea-slider-item-icons__item-genshin {
    height: auto;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 5px;
}
.ea-slider-item-icons__item-genshin .icon {
    fill: var(--genshin-logo-color);
    height: 30px;
    width: 84px;
}
.genshin-premium-color .ea-slider-item-icons__item-genshin .icon {
    fill: var(--white);
}
.ea-slider-item-icons__item-roblox {
    height: 24px;
}
.roblox-color-skins .ea-slider-item-icons__item-roblox {
    --roblox-card: var(--roblox-text);
}
.ea-slider-item-icons__item-freefire {
    height: 18px;
    position: absolute;
    right: 0;
    top: 0;
}
.ea-slider-item-icons__item-fortnite {
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
}
.ea-slider-item-icons__item-bang-bang {
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
}
.ea-slider-item-icons__item-lol {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-lol);
    font-size: 20px;
    font-weight: 900;
    height: 25px;
    line-height: 26px;
    width: 100%;
}
.ea-slider-item-icons__item-lol .icon {
    margin-right: 10px;
}
.ea-slider-item-icons__item-desc {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--white);
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
    text-transform: none;
    width: 100%;
}
.okko-color .ea-slider-item-icons__item {
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin: 0;
    opacity: 0.5;
    padding: 0 10px;
}
.okko-color .ea-slider-item-icons__item .icon {
    fill: var(--white);
}
.wowsh-color .ea-slider-item-icons__item,
.wt-color .ea-slider-item-icons__item {
    background-color: var(--bg-8);
}
.wowsh-premium .ea-slider-item-icons__item {
    background-color: transparent;
}
@media (min-width: 768px) {
    .ea-slider__item--mid .ea-slider-item-icons__item {
        font-size: 14px;
        height: 30px;
    }
}
.kasper-color .ea-slider-item-icons__item {
    background: var(--fgp-color-1);
    color: #1d201e;
    font-weight: 600;
    letter-spacing: normal;
    opacity: 1;
    text-shadow: none;
    text-transform: none;
}
.aion-classic-color .ea-slider-item-icons__item,
.blue-color .ea-slider-item-icons__item,
.bns-color .ea-slider-item-icons__item,
.bt2-color .ea-slider-item-icons__item,
.genshin-color .ea-slider-item-icons__item,
.ragnarok-color .ea-slider-item-icons__item,
.stalcraft-color .ea-slider-item-icons__item,
.warface-color .ea-slider-item-icons__item,
.wg-color .ea-slider-item-icons__item,
.wg-color2 .ea-slider-item-icons__item,
.wow-color .ea-slider-item-icons__item {
    background: var(--bg-8);
}
.aion-classic-color .ea-slider-item-icons__item-aion-classic,
.aion-classic-color .ea-slider-item-icons__item-bns,
.aion-classic-color .ea-slider-item-icons__item-genshin,
.aion-classic-color .ea-slider-item-icons__item-stalcraft,
.aion-classic-color .ea-slider-item-icons__item-warface,
.blue-color .ea-slider-item-icons__item-aion-classic,
.blue-color .ea-slider-item-icons__item-bns,
.blue-color .ea-slider-item-icons__item-genshin,
.blue-color .ea-slider-item-icons__item-stalcraft,
.blue-color .ea-slider-item-icons__item-warface,
.bns-color .ea-slider-item-icons__item-aion-classic,
.bns-color .ea-slider-item-icons__item-bns,
.bns-color .ea-slider-item-icons__item-genshin,
.bns-color .ea-slider-item-icons__item-stalcraft,
.bns-color .ea-slider-item-icons__item-warface,
.bt2-color .ea-slider-item-icons__item-aion-classic,
.bt2-color .ea-slider-item-icons__item-bns,
.bt2-color .ea-slider-item-icons__item-genshin,
.bt2-color .ea-slider-item-icons__item-stalcraft,
.bt2-color .ea-slider-item-icons__item-warface,
.genshin-color .ea-slider-item-icons__item-aion-classic,
.genshin-color .ea-slider-item-icons__item-bns,
.genshin-color .ea-slider-item-icons__item-genshin,
.genshin-color .ea-slider-item-icons__item-stalcraft,
.genshin-color .ea-slider-item-icons__item-warface,
.ragnarok-color .ea-slider-item-icons__item-aion-classic,
.ragnarok-color .ea-slider-item-icons__item-bns,
.ragnarok-color .ea-slider-item-icons__item-genshin,
.ragnarok-color .ea-slider-item-icons__item-stalcraft,
.ragnarok-color .ea-slider-item-icons__item-warface,
.stalcraft-color .ea-slider-item-icons__item-aion-classic,
.stalcraft-color .ea-slider-item-icons__item-bns,
.stalcraft-color .ea-slider-item-icons__item-genshin,
.stalcraft-color .ea-slider-item-icons__item-stalcraft,
.stalcraft-color .ea-slider-item-icons__item-warface,
.warface-color .ea-slider-item-icons__item-aion-classic,
.warface-color .ea-slider-item-icons__item-bns,
.warface-color .ea-slider-item-icons__item-genshin,
.warface-color .ea-slider-item-icons__item-stalcraft,
.warface-color .ea-slider-item-icons__item-warface,
.wg-color .ea-slider-item-icons__item-aion-classic,
.wg-color .ea-slider-item-icons__item-bns,
.wg-color .ea-slider-item-icons__item-genshin,
.wg-color .ea-slider-item-icons__item-stalcraft,
.wg-color .ea-slider-item-icons__item-warface,
.wg-color2 .ea-slider-item-icons__item-aion-classic,
.wg-color2 .ea-slider-item-icons__item-bns,
.wg-color2 .ea-slider-item-icons__item-genshin,
.wg-color2 .ea-slider-item-icons__item-stalcraft,
.wg-color2 .ea-slider-item-icons__item-warface,
.wow-color .ea-slider-item-icons__item-aion-classic,
.wow-color .ea-slider-item-icons__item-bns,
.wow-color .ea-slider-item-icons__item-genshin,
.wow-color .ea-slider-item-icons__item-stalcraft,
.wow-color .ea-slider-item-icons__item-warface {
    background: transparent;
}
.aion-classic-color .ea-slider-item-icons__item-bt2,
.blue-color .ea-slider-item-icons__item-bt2,
.bns-color .ea-slider-item-icons__item-bt2,
.bt2-color .ea-slider-item-icons__item-bt2,
.genshin-color .ea-slider-item-icons__item-bt2,
.ragnarok-color .ea-slider-item-icons__item-bt2,
.stalcraft-color .ea-slider-item-icons__item-bt2,
.warface-color .ea-slider-item-icons__item-bt2,
.wg-color .ea-slider-item-icons__item-bt2,
.wg-color2 .ea-slider-item-icons__item-bt2,
.wow-color .ea-slider-item-icons__item-bt2 {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/card-top.svg) 100% 50% no-repeat transparent;
}
.xbox-white-color .ea-slider-item-icons__item {
    background: var(--bg-9);
    color: var(--black);
}
.crowfall-color .ea-slider-item-icons__item {
    background: var(--crowfall-color);
    color: var(--black);
    text-shadow: none;
}
.aion-color .ea-slider-item-icons__item {
    background: var(--aion-red);
    color: var(--white);
}
.ea-slider-item-icons__item-timer {
    background-color: var(--bg-8);
}
.wg-color .ea-slider-item-icons__item-timer,
.wg-color2 .ea-slider-item-icons__item-timer,
.wow-color .ea-slider-item-icons__item-timer {
    background-color: var(--bg3-wg);
}
.ea-slider-item-icons__item-timer .icon {
    --color-1: var(--white);
}
.wowsh-color .ea-slider-item-icons__item-timer {
    background-color: var(--fgp-color-1);
    color: var(--black);
}
.wowsh-color .ea-slider-item-icons__item-timer .icon {
    --color-1: var(--black);
}
.wg-color .ea-slider-item-icons__item-exclusive {
    background-color: var(--bg-1);
}
.wow-color .ea-slider-item-icons__item-exclusive {
    background-color: var(--ww-color);
}
.wt-color .ea-slider-item-icons__item-exclusive {
    background-color: var(--wt-color-1);
}
.wowsh-color .ea-slider-item-icons__item-exclusive {
    background-color: var(--wow-color);
}
.ea-slider-item-icons__item-complects {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.caliber-color .ea-slider-item-icons__item-discount {
    background-color: var(--bg-8);
}
.ea-slider-item-icons__item-bonus {
    text-shadow: none;
}
.crowfall-color .ea-slider-item-icons__item-bonus,
.ea-slider-item-icons__item-bonus {
    background-color: var(--crowfall-color);
    color: var(--crowfall-color-2);
}
.aion-color .ea-slider-item-icons__item-bonus {
    background-color: var(--aion-color-2);
    color: var(--white);
}
.ea-slider-item-icons__item-bonus .icon {
    --color-1: var(--crowfall-color-2);
}
.aion-color .ea-slider-item-icons__item-bonus .icon {
    --color-1: var(--white);
}
.caliber-color .ea-slider-item-icons__item-bonus {
    background-color: hsla(0, 0%, 100%, 0.1);
    color: var(--white);
}
.caliber-color .ea-slider-item-icons__item-bonus .icon {
    --color-1: #d9d9d9;
}
.ea-slider-item-icons__item-bonus .ea-slider-item-icons-item__name {
    padding-top: 1px;
}
@media (max-width: 768px) {
    .ea-slider-item-icons__item-bonus .ea-slider-item-icons-item__name {
        padding-top: 0;
    }
}
.ea-slider-item-icons__item-currency,
.ea-slider-item-icons__item-dlc {
    background-color: #ffb600;
    color: var(--black);
}
.ea-slider-item-icons__item-currency .icon,
.ea-slider-item-icons__item-dlc .icon {
    --color-1: var(--black);
}
.ea-slider-item-icons__item-currency .ea-slider-item-icons-item__name,
.ea-slider-item-icons__item-dlc .ea-slider-item-icons-item__name {
    padding-top: 1px;
}
@media (max-width: 768px) {
    .ea-slider-item-icons__item-currency .ea-slider-item-icons-item__name,
    .ea-slider-item-icons__item-dlc .ea-slider-item-icons-item__name {
        padding-top: 0;
    }
}
.ea-slider-item-icons__item-items {
    background-color: transparent;
    color: hsla(0, 0%, 100%, 0.8);
    margin: -6px 0 0;
    padding: 0 5px;
    width: 100%;
}
.wg-color .ea-slider-item-icons__item-items,
.wg-color2 .ea-slider-item-icons__item-items,
.wow-color .ea-slider-item-icons__item-items {
    background-color: transparent;
}
.ea-slider-item-icons__item-items .icon {
    --color-1: #999;
}
.ea-slider-item-icons__item-zvuk {
    background: var(--white);
    border-radius: 20px;
    -webkit-box-shadow: 0 0 20px rgba(33, 5, 113, 0.3);
    box-shadow: 0 0 20px rgba(33, 5, 113, 0.3);
    color: #360883;
    font-family: var(--font-sb-sans);
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    letter-spacing: normal;
    line-height: 22px;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: none;
}
@media (max-width: 374px) {
    .ea-slider-item-icons__item-zvuk {
        font-size: 12px;
    }
}
.ea-slider-item-icons-item__icon {
    margin: 0 10px 0 0;
}
.wowsh-premium .ea-slider-item-icons-item__icon,
.wt-color-prem .ea-slider-item-icons-item__icon {
    margin: 0 0 5px;
}
.ea-slider-item-icons-item__icon .icon {
    display: block;
}
.ea-slider-item__timer {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.ea-slider-item-timer__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin: 0 5px 0 0;
}
.ea-slider-item-timer__item {
    padding: 0 5px;
}
.ea-slider-item-timer-item__value {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.ea-slider-item-timer-item__label {
    color: var(--price-color);
    font-size: 7px;
    font-weight: 500;
    text-transform: uppercase;
}
.ea-slider-item__desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 48px;
    text-align: left;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 100%;
    z-index: 1;
}
@media (max-width: 767px) {
    .ea-slider-item__desc {
        padding-bottom: 35px;
    }
}
@media (max-width: 374px) {
    .ea-slider-item__desc {
        padding-bottom: 35px;
    }
}
.pubg-color .no-bonuses .ea-slider-item__desc {
    padding-bottom: 8px;
}
.fgp-color .ea-slider-item__desc {
    padding-bottom: 37px;
}
.fourgame-color .ea-slider-item__desc:after,
.fourgame-color .ea-slider-item__desc:before {
    content: "";
    height: 33px;
    position: absolute;
    top: 4px;
    width: 33px;
}
.fourgame-color .ea-slider-item__desc:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/title/corner-tl.png) 0 0 no-repeat;
    left: 4px;
}
.fourgame-color .ea-slider-item__desc:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/title/corner-tr.png) 100% 0 no-repeat;
    right: 4px;
}
.gfn-card .ea-slider-item__desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: -webkit-calc(100% - 80px);
    height: calc(100% - 80px);
}
@media (min-width: 1025px) {
    .pb-color .ea-slider-item__desc {
        padding-bottom: 32px;
    }
}
@media (min-width: 769px) {
    .ea-slider__item--mid .ea-slider-item__desc {
        padding-bottom: 45px;
    }
}
@media (min-width: 1025px) {
    .ea-slider__item--mid .ea-slider-item__desc {
        padding-bottom: 55px;
    }
}
@media (min-width: 1140px) {
    .ea-slider__item--mid .ea-slider-item__desc {
        padding-bottom: 55px;
    }
}
@media (min-width: 1025px) {
    .fgp-color-1 .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-color-2 .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-color-4 .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-color-ai .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-color-cf .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-color-l2e .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-color-l2l .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-color-l2m .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-color-pb .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-color-rf .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-color-rg .ea-slider__item--mid .ea-slider-item__desc,
    .pb-color .ea-slider__item--mid .ea-slider-item__desc,
    .zvuk-color .ea-slider__item--mid .ea-slider-item__desc {
        padding-bottom: 26px;
    }
}
.fgp-premium.fgp-color-1 .ea-slider__item--mid .ea-slider-item__desc,
.fgp-premium.fgp-color-2 .ea-slider__item--mid .ea-slider-item__desc,
.fgp-premium.fgp-color-4 .ea-slider__item--mid .ea-slider-item__desc,
.wowsh-premium.wowsh-color .ea-slider__item--mid .ea-slider-item__desc,
.wt-color-prem.wt-color .ea-slider__item--mid .ea-slider-item__desc,
.zvuk-color .ea-slider__item--mid .ea-slider-item__desc {
    padding-bottom: 28px;
}
@media (max-width: 768px) {
    .fgp-premium.fgp-color-1 .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-premium.fgp-color-2 .ea-slider__item--mid .ea-slider-item__desc,
    .fgp-premium.fgp-color-4 .ea-slider__item--mid .ea-slider-item__desc,
    .wowsh-premium.wowsh-color .ea-slider__item--mid .ea-slider-item__desc,
    .wt-color-prem.wt-color .ea-slider__item--mid .ea-slider-item__desc,
    .zvuk-color .ea-slider__item--mid .ea-slider-item__desc {
        padding-bottom: 38px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item__desc {
        padding-bottom: 58px;
        padding-right: 194px;
    }
}
@media (max-width: 1280px) and (min-width: 768px) {
    .ea-slider__item--super .ea-slider-item__desc {
        padding-bottom: 28px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--wide .ea-slider-item__desc {
        padding-right: 50%;
    }
    .caliber-color .ea-slider__item--wide .ea-slider-item__desc,
    .wowsh-color .ea-slider__item--wide .ea-slider-item__desc,
    .wt-color .ea-slider__item--wide .ea-slider-item__desc {
        padding-right: 35%;
    }
}
.ea-slider-item__set-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-flex: 1;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 10px;
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item__set-contents {
        margin-right: -194px;
    }
}
.ea-slider-item-set-contents__preview {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    margin: 0 10px 0 -5px;
    position: relative;
    top: 4px;
}
@media (min-width: 768px) {
    .wowsh-color .ea-slider__item--wide .ea-slider-item-set-contents__preview,
    .wt-color .ea-slider__item--wide .ea-slider-item-set-contents__preview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 5px -5px;
        top: auto;
    }
    .ea-slider__item--big .ea-slider-item-set-contents__preview,
    .ea-slider__item--super .ea-slider-item-set-contents__preview {
        top: 1px;
    }
}
.ea-slider-item-set-contents__preview .icon {
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
    max-width: 20px;
}
.ea-slider-item-set-contents__preview .icon.icon-wot-type-heavy,
.ea-slider-item-set-contents__preview .icon.icon-wot-type-light,
.ea-slider-item-set-contents__preview .icon.icon-wot-type-middle,
.ea-slider-item-set-contents__preview .icon.icon-wot-type-pt-sau,
.ea-slider-item-set-contents__preview .icon.icon-wot-type-sau {
    margin: 0;
}
.blue-color .ea-slider-item-set-contents__preview .icon {
    --white: var(--black);
}
.wt-color .ea-slider-item-set-contents__preview .icon {
    fill: #d9c17f;
    margin: 0 0 0 5px;
    max-width: 32px;
}
.ea-slider-item-set-contents__text {
    font-size: 16px;
    line-height: 34px;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .ea-slider-item-set-contents__text {
        display: none;
    }
}
.ea-slider-item-set-contents__detailed {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.ea-slider-item__name {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.074;
    margin-bottom: 8px;
    max-width: 266px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
.no-bonuses .ea-slider-item__name {
    margin-bottom: 14px;
}
@media (max-width: 767px) {
    .ea-slider-item__name {
        max-width: 344px;
    }
}
@media (max-width: 413px) {
    .ea-slider-item__name {
        max-width: 305px;
    }
}
@media (max-width: 374px) {
    .ea-slider-item__name {
        margin-bottom: 6px;
        max-width: 266px;
    }
}
.okko-promo-color .ea-slider-item__name {
    max-width: none;
}
.okko-promo-color .ea-slider__item--mid .ea-slider-item__name {
    margin-left: -18px;
    margin-right: -18px;
}
@media (max-width: 767px) {
    .okko-promo-color .ea-slider__item--mid .ea-slider-item__name {
        margin-left: -8px;
        margin-right: -8px;
    }
}
.okko-promo-color .ea-slider-item__name {
    margin-left: -8px;
    margin-right: -8px;
}
.okko-promo-color .ea-slider-item__name img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.okko-promo-color .ea-slider__item--mid.aion-month .ea-slider-item__name,
.okko-promo-color .ea-slider__item--mid.aion-year .ea-slider-item__name {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}
@media (max-width: 1140px) {
    .okko-promo-color .ea-slider__item--mid.aion-month .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.aion-year .ea-slider-item__name {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
}
@media (max-width: 413px) {
    .okko-promo-color .ea-slider__item--mid.aion-month .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.aion-year .ea-slider-item__name {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@media (max-width: 1140px) {
    .okko-promo-color .ea-slider__item--mid.l2-essence .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-1 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-2 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-3 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pubg-month .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pubg-year .ea-slider-item__name {
        margin-bottom: 30px;
    }
}
@media (max-width: 413px) {
    .okko-promo-color .ea-slider__item--mid.l2-essence .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-1 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-2 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-3 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pubg-month .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pubg-year .ea-slider-item__name {
        margin-bottom: 20px;
    }
}
@media (max-width: 374px) {
    .okko-promo-color .ea-slider__item--mid.l2-essence .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-1 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-2 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-3 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pubg-month .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pubg-year .ea-slider-item__name {
        -webkit-transition: var(--transition03-margin);
        -o-transition: var(--transition03-margin);
        transition: var(--transition03-margin);
    }
}
.okko-promo-color .ea-slider__item--mid.l2-legacy .ea-slider-item__name,
.okko-promo-color .ea-slider__item--mid.l2-main .ea-slider-item__name {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}
@media (max-width: 1140px) {
    .okko-promo-color .ea-slider__item--mid.l2-legacy .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.l2-main .ea-slider-item__name {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
}
@media (max-width: 413px) {
    .okko-promo-color .ea-slider__item--mid.l2-legacy .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.l2-main .ea-slider-item__name {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@media (min-width: 768px) {
    .okko-promo-color .ea-slider__item--mid.l2-essence .ea-slider-item__name {
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px);
    }
    .okko-promo-color .ea-slider__item--mid.pointblank-1 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-2 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pointblank-3 .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pubg-month .ea-slider-item__name,
    .okko-promo-color .ea-slider__item--mid.pubg-year .ea-slider-item__name {
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
    }
}
.okko-promo-color .aion-month .ea-slider-item__name,
.okko-promo-color .aion-year .ea-slider-item__name,
.okko-promo-color .l2-legacy .ea-slider-item__name {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
.okko-promo-color .l2-essence .ea-slider-item__name {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}
.okko-promo-color .pointblank-1 .ea-slider-item__name,
.okko-promo-color .pointblank-2 .ea-slider-item__name,
.okko-promo-color .pointblank-3 .ea-slider-item__name,
.okko-promo-color .pubg-month .ea-slider-item__name,
.okko-promo-color .pubg-year .ea-slider-item__name {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.okko-promo-color .l2-main .ea-slider-item__name {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}
.fgp-premium .ea-slider-item__name,
.okko-color .ea-slider-item__name,
.wowsh-premium .ea-slider-item__name,
.wt-color-prem .ea-slider-item__name,
.zvuk-color .ea-slider-item__name {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.wt-color .ea-slider-item__name {
    font-family: var(--font-roboto);
    font-weight: 700;
    line-height: 22px;
}
.wt-color .ea-slider-item__name .max-2-row {
    max-height: none;
}
.freefire-color .ea-slider-item__name {
    font-family: var(--font-ff);
    font-weight: 700;
}
@media (min-width: 768px) {
    .freefire-color .ea-slider-item__name {
        font-size: 20px;
        line-height: 24px;
    }
    .fortnite-color .ea-slider-item__name {
        font-size: 24px;
        line-height: 26px;
    }
}
.psn-color .ea-slider-item__name {
    font-family: var(--font-sst);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.caliber-color .ea-slider-item__name {
    font-family: var(--font-caliber);
    font-weight: 700;
}
@media (min-width: 768px) {
    .caliber-color .ea-slider-item__name {
        font-size: 24px;
        line-height: 28px;
    }
}
.aion-classic-color .ea-slider-item__name {
    font-family: var(--font-genshin);
    font-size: 28px;
    font-weight: 400;
    line-height: 28px;
    text-shadow: none;
}
@media (max-width: 374px) {
    .aion-classic-color .ea-slider-item__name {
        font-size: 18px;
        line-height: 24px;
    }
}
.bns-color .ea-slider-item__name {
    font-family: var(--font-trajan-pro-3);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-shadow: none;
}
@media (max-width: 374px) {
    .bns-color .ea-slider-item__name {
        font-size: 18px;
        line-height: 24px;
    }
}
.genshin-color .ea-slider-item__name {
    font-family: var(--font-genshin);
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    text-shadow: none;
}
@media (max-width: 374px) {
    .genshin-color .ea-slider-item__name {
        font-size: 18px;
        line-height: 24px;
    }
}
.roblox-color .ea-slider-item__name {
    font-family: var(--font-open-sans);
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    text-shadow: none;
}
@media (max-width: 374px) {
    .roblox-color .ea-slider-item__name {
        font-size: 18px;
        line-height: 24px;
    }
}
.lol-color .ea-slider-item__name {
    font-family: var(--font-lol);
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
}
@media (max-width: 374px) {
    .lol-color .ea-slider-item__name {
        font-size: 18px;
        line-height: 1;
    }
}
.warface-color .ea-slider-item__name {
    font-family: var(--font-warface);
    font-size: 18px;
    font-weight: 900;
    line-height: 23px;
    max-width: 258px;
}
@media (max-width: 374px) {
    .warface-color .ea-slider-item__name {
        font-size: 18px;
        line-height: 23px;
    }
}
.bt2-color .ea-slider-item__name,
.stalcraft-color .ea-slider-item__name {
    font-family: var(--font-bebas);
    font-size: 32px;
    font-weight: 700;
    line-height: 35px;
}
@media (max-width: 374px) {
    .bt2-color .ea-slider-item__name,
    .stalcraft-color .ea-slider-item__name {
        font-size: 30px;
        line-height: 32px;
    }
}
.bb-color .ea-slider-item__name {
    font-family: var(--font-montserrat);
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
}
@media (max-width: 374px) {
    .bb-color .ea-slider-item__name {
        font-size: 18px;
        line-height: 24px;
    }
}
.okko-color .ea-slider-item__name {
    font-family: var(--font-okko);
    font-size: 34px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 10px;
    text-align: center;
    text-shadow: 1.92px 1.92px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: var(--transition03-margin);
    -o-transition: var(--transition03-margin);
    transition: var(--transition03-margin);
}
@media (max-width: 374px) {
    .okko-color .ea-slider-item__name {
        font-size: 18px;
    }
}
.kasper-color .ea-slider-item__name {
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-shadow: none;
    text-transform: none;
}
.ea-slider__item--mid .ea-slider-item__name {
    font-size: 24px;
}
@media (min-width: 768px) {
    .ea-slider__item--mid .ea-slider-item__name {
        max-width: 356px;
    }
}
@media (max-width: 374px) {
    .ea-slider__item--mid .ea-slider-item__name {
        font-size: 18px;
    }
}
.okko-promo-color .ea-slider__item--mid .ea-slider-item__name {
    max-width: none;
}
.kasper-color .ea-slider__item--mid .ea-slider-item__name {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .kasper-color .ea-slider__item--mid .ea-slider-item__name {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 28px;
        justify-content: center;
        line-height: 34px;
        margin-bottom: 21px;
        min-height: 102px;
    }
}
.wt-color-prem .ea-slider__item--mid .ea-slider-item__name {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px;
}
@media (max-width: 374px) {
    .wt-color-prem .ea-slider__item--mid .ea-slider-item__name {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 6px;
    }
}
.wowsh-premium .ea-slider__item--mid .ea-slider-item__name {
    font-size: 22px;
    margin-bottom: 10px;
}
@media (max-width: 374px) {
    .wowsh-premium .ea-slider__item--mid .ea-slider-item__name {
        font-size: 18px;
        margin-bottom: 6px;
    }
}
.zvuk-color .ea-slider__item--mid .ea-slider-item__name {
    font-family: var(--font-sb-sans);
    font-size: 31px;
    font-weight: 700;
    line-height: 52px;
    margin-bottom: 10px;
    text-shadow: none;
}
@media (max-width: 374px) {
    .zvuk-color .ea-slider__item--mid .ea-slider-item__name {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 6px;
    }
}
.fgp-premium .ea-slider__item--mid .ea-slider-item__name {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
}
@media (max-width: 374px) {
    .fgp-premium .ea-slider__item--mid .ea-slider-item__name {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 6px;
    }
}
@media (min-width: 769px) {
    .fgp-color-1 .ea-slider__item--mid .ea-slider-item__name,
    .fgp-color-2 .ea-slider__item--mid .ea-slider-item__name,
    .fgp-color-4 .ea-slider__item--mid .ea-slider-item__name,
    .fgp-color-ai .ea-slider__item--mid .ea-slider-item__name,
    .fgp-color-cf .ea-slider__item--mid .ea-slider-item__name,
    .fgp-color-l2e .ea-slider__item--mid .ea-slider-item__name,
    .fgp-color-l2l .ea-slider__item--mid .ea-slider-item__name,
    .fgp-color-l2m .ea-slider__item--mid .ea-slider-item__name,
    .fgp-color-pb .ea-slider__item--mid .ea-slider-item__name,
    .fgp-color-rf .ea-slider__item--mid .ea-slider-item__name,
    .fgp-color-rg .ea-slider__item--mid .ea-slider-item__name,
    .fourgame-color .ea-slider__item--mid .ea-slider-item__name,
    .pb-color .ea-slider__item--mid .ea-slider-item__name {
        margin-bottom: 15px;
    }
}
.fortnite-color .ea-slider__item--mid .ea-slider-item__name {
    font-size: 30px;
    line-height: 34px;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 374px) {
    .fortnite-color .ea-slider__item--mid .ea-slider-item__name {
        font-size: 24px;
        line-height: 26px;
    }
}
.bb-color .ea-slider__item--mid .ea-slider-item__name {
    font-size: 24px;
    line-height: 30px;
}
@media (max-width: 374px) {
    .bb-color .ea-slider__item--mid .ea-slider-item__name {
        font-size: 18px;
        line-height: 24px;
    }
}
.okko-color .ea-slider__item--mid .ea-slider-item__name {
    font-size: 44px;
    line-height: 54px;
}
@media (max-width: 374px) {
    .okko-color .ea-slider__item--mid .ea-slider-item__name {
        font-size: 18px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--wide .ea-slider-item__name {
        max-width: 100%;
    }
}
.ea-slider__item--big .ea-slider-item__name {
    font-size: 20px;
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item__name {
        font-size: 26px;
        margin-bottom: 10px;
        margin-right: -194px;
        max-width: 100%;
    }
    .essence-color .ea-slider__item--big .ea-slider-item__name,
    .l2-legacy-color .ea-slider__item--big .ea-slider-item__name,
    .l2-main-color .ea-slider__item--big .ea-slider-item__name,
    .l2-main-premium-color .ea-slider__item--big .ea-slider-item__name {
        font-size: 28px;
    }
}
.ea-slider__item--super .ea-slider-item__name {
    font-size: 20px;
}
@media (min-width: 768px) {
    .ea-slider__item--super .ea-slider-item__name {
        font-size: 26px;
        margin-bottom: 10px;
        max-width: 100%;
    }
}
.wg-color .ea-slider-item__name,
.wg-color2 .ea-slider-item__name,
.wow-color .ea-slider-item__name {
    -webkit-transition: opacity 0.2s 0.2s;
    -o-transition: opacity 0.2s 0.2s;
    transition: opacity 0.2s 0.2s;
}
.gfn-card .ea-slider-item__name {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 28px;
}
.gfn-card .ea-slider-item__name span.gfn-logo {
    display: block;
    margin-bottom: 10px;
}
.gfn-card .ea-slider-item__name span.gfn-name {
    display: block;
}
.gfn-card .ea-slider-item__name span.gfn-name-desc {
    color: var(--bg-5);
    display: block;
    font-size: 18px;
    padding-top: 10px;
}
.aion-color .ea-slider-item__name,
.blue-color .ea-slider-item__name,
.crowfall-color .ea-slider-item__name,
.essence-color .ea-slider-item__name,
.l2-legacy-color .ea-slider-item__name,
.l2-main-color .ea-slider-item__name,
.l2-main-premium-color .ea-slider-item__name,
.psp-color .ea-slider-item__name,
.ragnarok-color .ea-slider-item__name,
.xbox-white-color .ea-slider-item__name,
.xboxgp-color .ea-slider-item__name {
    text-shadow: none;
}
.blue-color .ea-slider-item__name,
.psp-color .ea-slider-item__name,
.xbox-color .ea-slider-item__name {
    max-width: 100%;
}
.essence-color .ea-slider-item__name {
    font-family: var(--font-dxangelusmediaval);
}
@media (max-width: 767px) {
    .essence-color .ea-slider-item__name {
        -webkit-transition: padding 0.4s;
        -o-transition: padding 0.4s;
        transition: padding 0.4s;
    }
}
.l2-main-color .ea-slider-item__name,
.l2-main-premium-color .ea-slider-item__name {
    font-family: var(--font-lineage-serif);
}
.l2-legacy-color .ea-slider-item__name {
    font-family: var(--font-kitsch);
}
.rf-color .ea-slider-item__name {
    font-family: var(--font-kelson-sans);
}
.blue-color .ea-slider-item__name,
.psp-color .ea-slider-item__name {
    color: var(--black);
}
.ragnarok-color .ea-slider-item__name {
    color: var(--rg-color);
}
.xbox-white-color .ea-slider-item__name,
.xboxgp-color .ea-slider-item__name {
    color: var(--black);
}
.crowfall-color .ea-slider-item__name,
.xboxgp-grey-color .ea-slider-item__name {
    color: var(--white);
}
.aion-color .ea-slider-item__name {
    color: var(--aion-name);
}
.essence-color .ea-slider-item__name {
    color: var(--essence-color-4);
}
.l2-main-color .ea-slider-item__name,
.l2-main-premium-color .ea-slider-item__name {
    color: var(--white);
}
.l2-legacy-color .ea-slider-item__name {
    color: var(--l2-legacy-color-1);
}
.ea-slider-item__name a {
    color: var(--white);
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.blue-color .ea-slider-item__name a,
.psp-color .ea-slider-item__name a {
    color: var(--black);
}
.ragnarok-color .ea-slider-item__name a {
    color: var(--rg-color);
}
.xbox-white-color .ea-slider-item__name a,
.xboxgp-color .ea-slider-item__name a {
    color: var(--black);
}
.crowfall-color .ea-slider-item__name a,
.xboxgp-grey-color .ea-slider-item__name a {
    color: var(--white);
}
.aion-color .ea-slider-item__name a {
    color: var(--aion-name);
}
.aion-classic-color .ea-slider-item__name a {
    color: var(--aion-classic-name);
}
.aion-classic-premium-color .ea-slider-item__name a,
.warface-color .ea-slider-item__name a {
    color: var(--white);
}
.bt2-color .ea-slider-item__name a,
.stalcraft-color .ea-slider-item__name a {
    color: var(--stalcraft-name);
}
.bns-color .ea-slider-item__name a {
    color: var(--bns-name-color);
}
.genshin-color .ea-slider-item__name a {
    color: var(--genshin-name-color);
}
.genshin-premium-color .ea-slider-item__name a {
    color: var(--white);
}
.essence-color .ea-slider-item__name a {
    color: var(--essence-color-4);
}
.l2-main-color .ea-slider-item__name a,
.l2-main-premium-color .ea-slider-item__name a {
    color: var(--white);
}
.l2-legacy-color .ea-slider-item__name a {
    color: var(--l2-legacy-color-1);
}
.ea-slider-item__name a:hover {
    opacity: 1;
}
.okko-color .ea-slider-item__text {
    color: var(--white);
    font-family: var(--font-okko);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 40px;
    text-align: center;
    text-shadow: 1.92px 1.92px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: var(--transition03-margin);
    -o-transition: var(--transition03-margin);
    transition: var(--transition03-margin);
}
.okko-color .ea-slider__item--mid .ea-slider-item__text {
    font-size: 18px;
    font-weight: 400;
}
@media (max-width: 374px) {
    .okko-color .ea-slider__item--mid .ea-slider-item__text {
        font-size: 16px;
    }
}
.ea-slider-item__cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.ea-slider-item-cost__label {
    color: var(--white);
    font-size: 16px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 0;
}
.ea-slider-item__price {
    color: var(--price-color);
    font-family: var(--font-rubik);
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 9px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: margin 0.2s;
    -o-transition: margin 0.2s;
    transition: margin 0.2s;
}
.no-bonuses .ea-slider-item__price {
    margin-bottom: 14px;
}
@media (max-width: 374px) {
    .ea-slider-item__price {
        margin-bottom: 7px;
    }
}
.ea-slider-item__cost .ea-slider-item__price {
    margin-bottom: 0;
}
.gfn-color .alone-card .ea-slider-item__price {
    color: var(--white);
    font-size: 34px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}
.gfn-color .alone-card .ea-slider-item__price span {
    font-size: 14px;
    margin-left: 10px;
}
.freefire-color .ea-slider-item__price {
    color: var(--black);
    font-family: var(--font-ff);
    font-size: 26px;
    font-weight: 500;
    text-shadow: none;
}
.fortnite-color .ea-slider-item__price {
    color: var(--roblox-color);
    font-family: var(--font-refrigerator);
    font-size: 26px;
    font-weight: 900;
    text-shadow: none;
}
.fortnite-color-1 .ea-slider-item__price {
    color: var(--fortnite-price-1);
}
.fortnite-color-1 .ea-slider-item__price s {
    color: rgba(102, 74, 0, 0.56);
}
.fortnite-coin-4 .ea-slider-item__price {
    color: var(--fortnite-price-1);
}
.fortnite-coin-4 .ea-slider-item__price s {
    color: rgba(102, 74, 0, 0.56);
}
.fortnite-color-2 .ea-slider-item__price s {
    color: #3d2464;
}
.fortnite-color-3 .ea-slider-item__price {
    color: var(--fortnite-price-1);
}
.fortnite-color-3 .ea-slider-item__price s {
    color: rgba(0, 0, 0, 0.3);
}
.pubg-color .ea-slider-item__price {
    color: var(--pubg-color);
}
.fourgame-color .ea-slider-item__price {
    color: var(--bg-1);
}
.zvuk-color .ea-slider-item__price {
    color: var(--white);
    font-family: var(--font-sb-sans);
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.wt-color .ea-slider-item__price {
    color: var(--wt-price);
    font-family: var(--font-roboto);
}
.fgp-color .ea-slider-item__price {
    font-family: var(--font-rubik);
}
.psn-color .ea-slider-item__price {
    color: var(--white);
    font-weight: 700;
    text-shadow: none;
}
.psn-color .ea-slider-item__price s {
    font-weight: 400;
}
.caliber-color .ea-slider-item__price {
    color: var(--caliber-color);
}
.aion-classic-color .ea-slider-item__price {
    color: var(--aion-classic-price);
    font-size: 26px;
    font-weight: 500;
    text-shadow: none;
}
.aion-classic-color .ea-slider-item__price span {
    font-family: var(--font-genshin);
    font-weight: 400;
}
.aion-classic-premium-color .ea-slider-item__price {
    color: var(--aion-classic-premium-price);
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.bns-color .ea-slider-item__price {
    color: var(--bns-price);
    font-size: 26px;
    font-weight: 500;
    text-shadow: none;
}
.bns-color .ea-slider-item__price span {
    font-family: var(--font-genshin);
    font-weight: 400;
}
.bns-color-1 .ea-slider-item__price,
.bns-color-2 .ea-slider-item__price {
    color: var(--bns-price-prem);
}
.genshin-color .ea-slider-item__price {
    color: var(--genshin-price);
    font-size: 26px;
    font-weight: 500;
    text-shadow: 2px 2px 0 hsla(0, 0%, 73%, 0.15);
}
.genshin-color .ea-slider-item__price span {
    font-family: var(--font-genshin);
    font-weight: 400;
}
.genshin-premium-color .ea-slider-item__price {
    color: var(--genshin-premium-price);
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.roblox-color .ea-slider-item__price {
    color: var(--roblox-color);
    text-shadow: none;
}
.fgp-premium .ea-slider-item__price,
.wowsh-premium .ea-slider-item__price,
.wt-color-prem .ea-slider-item__price {
    text-align: center;
}
.fgp-color-ai .ea-slider-item__price {
    color: #7880d5;
}
.fgp-color-cf .ea-slider-item__price {
    color: #e3b135;
}
.fgp-color-l2e .ea-slider-item__price {
    color: #9c6338;
}
.fgp-color-l2m .ea-slider-item__price {
    color: #b58149;
}
.fgp-color-rf .ea-slider-item__price {
    color: #7b62be;
}
.fgp-color-l2l .ea-slider-item__price {
    color: #fdd657;
}
.fgp-color-pb .ea-slider-item__price {
    color: #f7b107;
}
.fgp-color-rg .ea-slider-item__price {
    color: #e9875d;
}
.fgp-color-1 .ea-slider-item__price,
.pb-color .ea-slider-item__price {
    color: var(--fgp-color-1);
}
.fgp-color-2 .ea-slider-item__price,
.fgp-color-3 .ea-slider-item__price {
    color: var(--fgp-color-2);
}
.fgp-color-4 .ea-slider-item__price {
    color: var(--fgp-color-4);
}
.lol-color .ea-slider-item__price {
    color: var(--lol-price);
    font-weight: 400;
    text-shadow: none;
}
.warface-color .ea-slider-item__price {
    color: var(--warface-color-1);
    font-family: var(--font-okko);
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    text-shadow: none;
}
.warface-prem-color .ea-slider-item__price {
    color: var(--white);
}
.bt2-color .ea-slider-item__price {
    color: var(--bt2-pink);
    font-family: var(--font-okko);
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    text-shadow: none;
}
.bt2-grey-color .ea-slider-item__price,
.bt2-yellow-color .ea-slider-item__price {
    color: var(--bt2-price-blue);
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.stalcraft-color .ea-slider-item__price {
    color: var(--stalcraft-color);
    font-size: 30px;
    line-height: 1;
    text-shadow: none;
}
.stalcraft-color .stalcraft-color-2 .ea-slider-item__price {
    color: var(--stalcraft-color-2);
}
.stalcraft-color .stalcraft-color-3 .ea-slider-item__price {
    color: var(--stalcraft-color-3);
}
.stalcraft-color .stalcraft-color-4 .ea-slider-item__price {
    color: var(--stalcraft-color-4);
}
.stalcraft-color .stalcraft-color-5 .ea-slider-item__price {
    color: var(--stalcraft-color-5);
}
.bb-color .ea-slider-item__price {
    color: var(--ml-price);
    font-weight: 400;
    text-shadow: none;
}
.bb-color-prem .ea-slider-item__price {
    color: var(--caliber-color);
}
.okko-color .ea-slider-item__price,
.okko-promo-color .ea-slider-item__price {
    color: var(--white);
    font-family: var(--font-okko);
    font-weight: 500;
    text-align: center;
    text-shadow: none;
}
.okko-promo-color .ea-slider-item__price span {
    display: block;
}
.blue-color .ea-slider-item__price {
    color: var(--bg-4);
    text-shadow: none;
}
.xbox-color .ea-slider-item__price {
    color: var(--white);
}
.xbox-white-color .ea-slider-item__price,
.xboxgp-color .ea-slider-item__price {
    color: var(--black);
    text-shadow: none;
}
.xboxgp-grey-color .ea-slider-item__price {
    color: var(--white);
}
.psp-color .ea-slider-item__price {
    color: var(--black);
    text-shadow: none;
}
.ragnarok-color .ea-slider-item__price {
    color: var(--rg-color2);
    text-shadow: none;
}
.crowfall-color .ea-slider-item__price {
    color: var(--crowfall-color);
    text-shadow: none;
}
.aion-color .ea-slider-item__price {
    color: var(--essence-price);
    text-shadow: none;
}
.essence-color .ea-slider-item__price {
    color: var(--aion-red);
    text-shadow: none;
}
@media (max-width: 767px) {
    .essence-color .ea-slider-item__price {
        -webkit-transition: padding 0.4s;
        -o-transition: padding 0.4s;
        transition: padding 0.4s;
    }
}
.l2-main-color .ea-slider-item__price,
.l2-main-premium-color .ea-slider-item__price {
    color: var(--l2-main-color-1);
    opacity: 0.9;
    text-shadow: none;
}
.l2-legacy-color .ea-slider-item__price {
    color: var(--white);
    opacity: 0.9;
    text-shadow: none;
}
.kasper-color .ea-slider-item__price {
    color: var(--white);
    text-align: center;
}
.kasper-color .ea-slider-item__price s {
    text-shadow: none;
}
.kasper-color .ea-slider-item__price span {
    display: block;
    margin-bottom: 9px;
    padding-top: 5px;
    text-shadow: none;
}
@media (min-width: 768px) {
    .kasper-color .ea-slider-item__price span {
        padding-top: 11px;
    }
}
.kasper-color-1 .ea-slider-item__price s {
    color: rgba(0, 0, 0, 0.4);
}
.kasper-color-2 .ea-slider-item__price s {
    color: hsla(0, 0%, 100%, 0.4);
}
@media (min-width: 769px) {
    .ea-slider__item--mid .ea-slider-item__price {
        font-size: 20px;
    }
    .fortnite-color-marvel .ea-slider__item--mid .ea-slider-item__price {
        font-size: 38px;
        line-height: 43px;
    }
    .aion-color .ea-slider__item--mid .ea-slider-item__price {
        font-size: 20px;
    }
    .bb-color .ea-slider__item--mid .ea-slider-item__price span,
    .bt2-color .ea-slider__item--mid .ea-slider-item__price span,
    .lol-color .ea-slider__item--mid .ea-slider-item__price span,
    .okko-color .ea-slider__item--mid .ea-slider-item__price span,
    .okko-promo-color .ea-slider__item--mid .ea-slider-item__price span,
    .stalcraft-color .ea-slider__item--mid .ea-slider-item__price span,
    .warface-color .ea-slider__item--mid .ea-slider-item__price span,
    .zvuk-color .ea-slider__item--mid .ea-slider-item__price span {
        font-size: 18px;
    }
    .kasper-color .ea-slider__item--mid .ea-slider-item__price {
        font-size: 34px;
    }
    .kasper-color .ea-slider__item--mid .ea-slider-item__price s {
        margin-left: 10px;
    }
    .kasper-color .ea-slider__item--mid .ea-slider-item__price span {
        font-size: 24px;
    }
    .psn-color .ea-slider__item--mid .ea-slider-item__price {
        font-size: 28px;
        line-height: 33px;
    }
    .psn-color .ea-slider__item--mid .ea-slider-item__price s {
        font-size: 22px;
    }
}
@media (min-width: 1140px) {
    .ea-slider__item--mid .ea-slider-item__price {
        font-size: 31px;
        line-height: 34px;
    }
    .aion-color .ea-slider__item--mid .ea-slider-item__price {
        font-size: 26px;
    }
    .bb-color .ea-slider__item--mid .ea-slider-item__price span,
    .bt2-color .ea-slider__item--mid .ea-slider-item__price span,
    .lol-color .ea-slider__item--mid .ea-slider-item__price span,
    .okko-color .ea-slider__item--mid .ea-slider-item__price span,
    .okko-promo-color .ea-slider__item--mid .ea-slider-item__price span,
    .stalcraft-color .ea-slider__item--mid .ea-slider-item__price span,
    .warface-color .ea-slider__item--mid .ea-slider-item__price span,
    .zvuk-color .ea-slider__item--mid .ea-slider-item__price span {
        font-size: 24px;
    }
}
.zvuk-color .ea-slider__item--mid .ea-slider-item__price {
    font-family: var(--font-sb-sans);
    font-weight: 600;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 769px) {
    .fgp-color-1 .ea-slider__item--mid .ea-slider-item__price,
    .fgp-color-2 .ea-slider__item--mid .ea-slider-item__price,
    .fgp-color-4 .ea-slider__item--mid .ea-slider-item__price,
    .fgp-color-ai .ea-slider__item--mid .ea-slider-item__price,
    .fgp-color-cf .ea-slider__item--mid .ea-slider-item__price,
    .fgp-color-l2e .ea-slider__item--mid .ea-slider-item__price,
    .fgp-color-l2l .ea-slider__item--mid .ea-slider-item__price,
    .fgp-color-l2m .ea-slider__item--mid .ea-slider-item__price,
    .fgp-color-pb .ea-slider__item--mid .ea-slider-item__price,
    .fgp-color-rf .ea-slider__item--mid .ea-slider-item__price,
    .fgp-color-rg .ea-slider__item--mid .ea-slider-item__price,
    .fourgame-color .ea-slider__item--mid .ea-slider-item__price,
    .pb-color .ea-slider__item--mid .ea-slider-item__price {
        font-family: var(--font-rubik);
        font-size: 22px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .wowsh-premium.wowsh-color .ea-slider__item--mid .ea-slider-item__price,
    .wt-color-prem.wt-color .ea-slider__item--mid .ea-slider-item__price {
        font-size: 31px;
        line-height: 34px;
        margin-bottom: 20px;
    }
}
.fgp-premium.fgp-color-1 .ea-slider__item--mid .ea-slider-item__price,
.fgp-premium.fgp-color-2 .ea-slider__item--mid .ea-slider-item__price,
.fgp-premium.fgp-color-4 .ea-slider__item--mid .ea-slider-item__price {
    font-size: 31px;
    line-height: 34px;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .fgp-premium.fgp-color-1 .ea-slider__item--mid .ea-slider-item__price,
    .fgp-premium.fgp-color-2 .ea-slider__item--mid .ea-slider-item__price,
    .fgp-premium.fgp-color-4 .ea-slider__item--mid .ea-slider-item__price {
        margin-bottom: 20px;
    }
}
@media (max-width: 374px) {
    .fgp-premium.fgp-color-1 .ea-slider__item--mid .ea-slider-item__price,
    .fgp-premium.fgp-color-2 .ea-slider__item--mid .ea-slider-item__price,
    .fgp-premium.fgp-color-4 .ea-slider__item--mid .ea-slider-item__price {
        margin-bottom: 10px;
    }
}
@media (min-width: 768px) {
    .okko-color .ea-slider__item--mid .ea-slider-item__price {
        margin-bottom: 30px;
    }
    .ea-slider__item--big .ea-slider-item__price {
        font-size: 26px;
        line-height: 30px;
    }
    .essence-color .ea-slider__item--big .ea-slider-item__price,
    .l2-legacy-color .ea-slider__item--big .ea-slider-item__price,
    .l2-main-color .ea-slider__item--big .ea-slider-item__price,
    .l2-main-premium-color .ea-slider__item--big .ea-slider-item__price {
        font-size: 32px;
        line-height: 38px;
    }
    .ea-slider__item--super .ea-slider-item__price {
        font-size: 26px;
        line-height: 30px;
    }
}
@media (min-width: 1280px) {
    .ea-slider__item--super .ea-slider-item__price {
        margin-bottom: 0;
    }
}
.ea-slider-item__price s {
    color: hsla(0, 0%, 100%, 0.5);
    margin-left: 15px;
    text-decoration: line-through;
}
.okko-color .ea-slider-item__price s {
    color: hsla(0, 0%, 100%, 0.4);
    margin-left: 5px;
    margin-right: 5px;
}
.blue-color .ea-slider-item__price s,
.psp-color .ea-slider-item__price s {
    color: rgba(0, 0, 0, 0.4);
}
.ragnarok-color .ea-slider-item__price s {
    color: var(--rg-color);
    opacity: 0.5;
}
.xbox-white-color .ea-slider-item__price s,
.xboxgp-color .ea-slider-item__price s {
    color: var(--black);
    opacity: 0.5;
}
.xboxgp-grey-color .ea-slider-item__price s {
    color: var(--white);
}
.crowfall-color .ea-slider-item__price s {
    color: var(--white);
    opacity: 0.3;
}
.aion-color .ea-slider-item__price s {
    color: var(--aion-red);
    opacity: 0.3;
}
.fgp-color-ai .ea-slider-item__price s {
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -4px;
    position: relative;
    text-shadow: none;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    z-index: 1;
}
.fgp-color-ai .ea-slider-item__price s:after {
    background: #7880d5;
    border-radius: 5px;
    bottom: -3px;
    content: "";
    left: -10px;
    opacity: 0.9;
    position: absolute;
    right: -10px;
    top: -3px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
@media (max-width: 768px) {
    .fgp-color-ai .ea-slider-item__price s:after {
        bottom: 0;
        top: 0;
    }
}
.fgp-color-cf .ea-slider-item__price s {
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -4px;
    position: relative;
    text-shadow: none;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    z-index: 1;
}
.fgp-color-cf .ea-slider-item__price s:after {
    background: #e3b135;
    border-radius: 5px;
    bottom: -3px;
    content: "";
    left: -10px;
    opacity: 0.9;
    position: absolute;
    right: -10px;
    top: -3px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
@media (max-width: 768px) {
    .fgp-color-cf .ea-slider-item__price s:after {
        bottom: 0;
        top: 0;
    }
}
.fgp-color-l2e .ea-slider-item__price s {
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -4px;
    position: relative;
    text-shadow: none;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    z-index: 1;
}
.fgp-color-l2e .ea-slider-item__price s:after {
    background: #765236;
    border-radius: 5px;
    bottom: -3px;
    content: "";
    left: -10px;
    opacity: 0.9;
    position: absolute;
    right: -10px;
    top: -3px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
@media (max-width: 768px) {
    .fgp-color-l2e .ea-slider-item__price s:after {
        bottom: 0;
        top: 0;
    }
}
.fgp-color-l2m .ea-slider-item__price s {
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -4px;
    position: relative;
    text-shadow: none;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    z-index: 1;
}
.fgp-color-l2m .ea-slider-item__price s:after {
    background: #b58149;
    border-radius: 5px;
    bottom: -3px;
    content: "";
    left: -10px;
    opacity: 0.9;
    position: absolute;
    right: -10px;
    top: -3px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
@media (max-width: 768px) {
    .fgp-color-l2m .ea-slider-item__price s:after {
        bottom: 0;
        top: 0;
    }
}
.fgp-color-rf .ea-slider-item__price s {
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -4px;
    position: relative;
    text-shadow: none;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    z-index: 1;
}
.fgp-color-rf .ea-slider-item__price s:after {
    background: #4d4070;
    border-radius: 5px;
    bottom: -3px;
    content: "";
    left: -10px;
    opacity: 0.9;
    position: absolute;
    right: -10px;
    top: -3px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
@media (max-width: 768px) {
    .fgp-color-rf .ea-slider-item__price s:after {
        bottom: 0;
        top: 0;
    }
}
.fgp-color-l2l .ea-slider-item__price s {
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -4px;
    position: relative;
    text-shadow: none;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    z-index: 1;
}
.fgp-color-l2l .ea-slider-item__price s:after {
    background: #fdd657;
    border-radius: 5px;
    bottom: -3px;
    content: "";
    left: -10px;
    opacity: 0.9;
    position: absolute;
    right: -10px;
    top: -3px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
@media (max-width: 768px) {
    .fgp-color-l2l .ea-slider-item__price s:after {
        bottom: 0;
        top: 0;
    }
}
.fgp-color-pb .ea-slider-item__price s {
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -4px;
    position: relative;
    text-shadow: none;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    z-index: 1;
}
.fgp-color-pb .ea-slider-item__price s:after {
    background: #f7b107;
    border-radius: 5px;
    bottom: -3px;
    content: "";
    left: -10px;
    opacity: 0.9;
    position: absolute;
    right: -10px;
    top: -3px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
@media (max-width: 768px) {
    .fgp-color-pb .ea-slider-item__price s:after {
        bottom: 0;
        top: 0;
    }
}
.fgp-color-rg .ea-slider-item__price s {
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -4px;
    position: relative;
    text-shadow: none;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    z-index: 1;
}
.fgp-color-rg .ea-slider-item__price s:after {
    background: #e9875d;
    border-radius: 5px;
    bottom: -3px;
    content: "";
    left: -10px;
    opacity: 0.9;
    position: absolute;
    right: -10px;
    top: -3px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
@media (max-width: 768px) {
    .fgp-color-rg .ea-slider-item__price s:after {
        bottom: 0;
        top: 0;
    }
}
.fgp-color-ai .ea-slider-item__price s,
.fgp-color-cf .ea-slider-item__price s,
.fgp-color-l2l .ea-slider-item__price s,
.fgp-color-l2m .ea-slider-item__price s,
.fgp-color-pb .ea-slider-item__price s,
.fgp-color-rg .ea-slider-item__price s {
    color: var(--black);
}
.fgp-color-1 .ea-slider-item__price s,
.fgp-color-2 .ea-slider-item__price s,
.fgp-color-4 .ea-slider-item__price s,
.fourgame-color .ea-slider-item__price s,
.pb-color .ea-slider-item__price s {
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -4px;
    position: relative;
    text-shadow: none;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    z-index: 1;
}
.fgp-color-1 .ea-slider-item__price s:after,
.fgp-color-2 .ea-slider-item__price s:after,
.fgp-color-4 .ea-slider-item__price s:after,
.fourgame-color .ea-slider-item__price s:after,
.pb-color .ea-slider-item__price s:after {
    background: var(--bg-1);
    border-radius: 5px;
    bottom: -3px;
    content: "";
    left: -10px;
    opacity: 0.9;
    position: absolute;
    right: -10px;
    top: -3px;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
@media (max-width: 768px) {
    .fgp-color-1 .ea-slider-item__price s:after,
    .fgp-color-2 .ea-slider-item__price s:after,
    .fgp-color-4 .ea-slider-item__price s:after,
    .fourgame-color .ea-slider-item__price s:after,
    .pb-color .ea-slider-item__price s:after {
        bottom: 0;
        top: 0;
    }
}
.fgp-color-1 .ea-slider-item__price s,
.pb-color .ea-slider-item__price s {
    color: var(--black);
}
.fgp-color-1 .ea-slider-item__price s:after,
.pb-color .ea-slider-item__price s:after {
    background: var(--fgp-color-1);
}
.fourgame-page__ninth .fgp-color-4 .ea-slider-item__price s {
    color: var(--black);
}
.fgp-color-4 .ea-slider-item__price s:after {
    background: var(--fgp-color-4);
}
.essence-color .ea-slider-item__price s {
    color: var(--essence-price);
    opacity: 0.3;
}
.l2-main-color .ea-slider-item__price s,
.l2-main-premium-color .ea-slider-item__price s {
    color: var(--l2-main-color-1);
    opacity: 0.3;
}
.l2-legacy-color .ea-slider-item__price s {
    color: var(--l2-legacy-color-1);
    opacity: 0.3;
}
.ea-slider-item__bottom {
    font-family: var(--font-rubik);
    height: 0;
    margin: 0 -10px;
    opacity: 0;
    overflow: hidden;
    padding: 0 10px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    visibility: hidden;
}
.wg-color2 .ea-slider-item__bottom {
    overflow: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item__bottom {
        overflow: visible;
    }
}
.ea-slider-item__buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}
.ea-slider-item__buttons .btn {
    height: 40px;
    margin: 0 12px 0 0;
    padding: 5px 10px;
}
.ea-slider-item__buttons .btn span {
    margin-bottom: -2px;
}
.ea-slider-item__buttons .btn:hover {
    opacity: 1;
}
.blue-color .ea-slider-item__buttons .btn:hover {
    background-color: rgba(0, 170, 255, 0.65);
}
.psp-color .ea-slider-item__buttons .btn:hover {
    background-color: var(--bg-7-hover);
}
.crowfall-color .ea-slider-item__buttons .btn:hover {
    background-color: #9c7616;
}
.aion-color .ea-slider-item__buttons .btn:hover {
    background-color: var(--aion-color-2);
}
.ea-slider-item__buttons .btn.checked:after {
    right: -8px;
}
@media (max-width: 768px) {
    .ea-slider-item__buttons .btn {
        margin: 0 5px 0 0;
    }
}
.ea-slider-item__buttons .btn:last-child {
    margin: 0 0 0 12px;
    max-width: 60px;
}
.ea-slider-item__buttons .btn:last-child .icon {
    margin-right: 0;
}
@media (min-width: 1140px) {
    .ea-slider__item--big .ea-slider-item__buttons .btn:last-child .icon,
    .ea-slider__item--super .ea-slider-item__buttons .btn:last-child .icon {
        margin-right: 15px;
    }
}
.ea-slider-item__buttons .btn:last-child span {
    display: none;
}
@media (min-width: 1140px) {
    .ea-slider__item--big .ea-slider-item__buttons .btn:last-child span,
    .ea-slider__item--super .ea-slider-item__buttons .btn:last-child span {
        display: inline;
    }
}
@media (max-width: 768px) {
    .ea-slider-item__buttons .btn:last-child {
        margin: 0 0 0 5px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        left: 100%;
        margin: -48px 0 0 20px;
        position: absolute;
        width: 174px;
    }
    .l2-legacy-color .ea-slider__item--big .ea-slider-item__buttons {
        margin-top: -45px;
    }
    .ea-slider__item--big .ea-slider-item__buttons .btn {
        height: 48px;
        margin: 0 0 20px;
    }
    .ea-slider__item--big .ea-slider-item__buttons .btn:last-child {
        margin: 0;
        max-width: 100%;
    }
}
@media (min-width: 1280px) {
    .ea-slider__item--super .ea-slider-item__buttons {
        display: none;
    }
}
.ea-slider-item__buttons.buttons--new {
    position: relative;
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item__buttons.buttons--new {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        height: 116px;
        justify-content: flex-end;
    }
    .ea-slider__item--big .ea-slider-item__buttons.buttons--new .coll-block {
        margin-top: 19px;
    }
}
.ea-slider-item__buttons.buttons--new .btn-primary {
    margin: 0 20px 0 0;
    padding: 4px 10px;
}
@media (max-width: 374px) {
    .ea-slider-item__buttons.buttons--new .btn-primary {
        margin-right: 10px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item__buttons.buttons--new .btn-primary {
        margin: 0;
    }
}
.ea-slider-item__buttons.buttons--new .btn-primary .icon {
    margin-right: 15px;
}
.ea-slider-item__buttons.buttons--new .btn-primary .icon-cart-mini {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 21px;
    width: 24px;
}
.ea-slider-item__buttons.buttons--new .btn-primary span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
    max-width: 80px;
    text-transform: uppercase;
    white-space: nowrap;
}
.ea-slider-item__buttons.buttons--new .btn-primary span span {
    display: block;
    font-size: 11px;
    font-weight: 400;
    padding-top: 3px;
    text-transform: lowercase;
    width: 100%;
}
.ea-slider-item__buttons.buttons--new .btn:last-child {
    margin: 0;
    max-width: 100%;
}
.ea-slider-item__buttons.buttons--new .btn:last-child .icon {
    margin-right: 15px;
}
.ea-slider-item__buttons.buttons--new .btn:last-child span {
    display: block;
}
.ea-slider-item__more {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: rgba(255, 71, 71, 0.3);
    border-radius: 5px;
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-rubik);
    justify-content: space-between;
    left: 20px;
    padding: 5px 9px;
    position: absolute;
    right: 20px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.no-bonuses .ea-slider-item__more {
    display: none;
}
.pubg-color .ea-slider-item__more {
    background-color: var(--pubg-color);
    color: var(--black);
}
.kasper-color-1 .ea-slider-item__more {
    background-color: rgba(29, 29, 27, 0.5);
}
.kasper-color-2 .ea-slider-item__more {
    background-color: rgba(0, 168, 142, 0.5);
}
.freefire-color .ea-slider-item__more {
    background-color: var(--ff-bg-2);
    color: var(--white);
    font-family: var(--font-ff);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.fortnite-color .ea-slider-item__more {
    background-color: var(--fortnite-color-2);
    color: var(--black);
    font-family: var(--font-refrigerator);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.fortnite-color-1 .ea-slider-item__more,
.fortnite-color-2 .ea-slider-item__more,
.fortnite-color-3 .ea-slider-item__more {
    background-color: rgba(0, 0, 0, 0.5);
    color: var(--white);
}
.fortnite-coin-1 .ea-slider-item__more {
    background-color: #62f688;
}
.fortnite-coin-2 .ea-slider-item__more {
    background-color: #afd2f0;
}
.fortnite-coin-3 .ea-slider-item__more {
    background-color: #ddbcd9;
}
.fortnite-coin-4 .ea-slider-item__more {
    background-color: #fdebc5;
}
.lol-color .ea-slider-item__more {
    background-color: var(--lol-color);
}
.warface-color .ea-slider-item__more {
    background-color: rgba(255, 254, 255, 0.2);
}
.warface-prem-color .ea-slider-item__more {
    background-color: var(--warface-color-prem-border);
}
.bt2-color .ea-slider-item__more {
    background-color: var(--bt2-color-1-more);
}
.stalcraft-color .ea-slider-item__more {
    background-color: var(--stalcraft-color-1-more);
}
.stalcraft-color-2 .ea-slider-item__more {
    background-color: var(--stalcraft-color-2-more);
}
.stalcraft-color-3 .ea-slider-item__more {
    background-color: var(--stalcraft-color-3-more);
}
.stalcraft-color-4 .ea-slider-item__more {
    background-color: var(--stalcraft-color-4-more);
}
.stalcraft-color-5 .ea-slider-item__more {
    background-color: var(--stalcraft-color-5-more);
}
.bb-color .ea-slider-item__more {
    background-color: var(--ml-color);
    color: var(--black);
}
.bb-color-prem .ea-slider-item__more {
    color: var(--white);
}
.bb-color-premium-1 .ea-slider-item__more {
    background: #142b51;
}
.bb-color-premium-2 .ea-slider-item__more {
    background: #423084;
}
.bb-color-premium-3 .ea-slider-item__more {
    background: #4c34a5;
}
.okko-color .ea-slider-item__more {
    background-color: var(--okko-aion-year);
    color: var(--white);
}
.okko-promo-color .ea-slider-item__more {
    color: var(--black);
}
.okko-promo-color .aion-year .ea-slider-item__more,
.okko-promo-color .pointblank-2 .ea-slider-item__more,
.okko-promo-color .pointblank-3 .ea-slider-item__more,
.okko-promo-color .pubg-year .ea-slider-item__more {
    color: var(--white);
}
.okko-promo-color .l2-essence .ea-slider-item__more {
    background-color: var(--okko-l2-essence);
}
.okko-promo-color .l2-legacy .ea-slider-item__more {
    background-color: var(--okko-l2-legacy);
}
.okko-promo-color .l2-main .ea-slider-item__more {
    background-color: var(--okko-l2-main);
}
.okko-promo-color .aion-month .ea-slider-item__more {
    background-color: var(--okko-aion-month);
}
.okko-promo-color .aion-year .ea-slider-item__more {
    background-color: var(--okko-aion-year);
}
.okko-promo-color .pubg-month .ea-slider-item__more {
    background-color: var(--pubg-color);
}
.okko-promo-color .pubg-year .ea-slider-item__more {
    background-color: var(--pubg-year);
}
.okko-promo-color .pointblank-1 .ea-slider-item__more {
    background-color: var(--pointblank-color-1);
}
.okko-promo-color .pointblank-2 .ea-slider-item__more {
    background-color: var(--pointblank-color-2);
}
.okko-promo-color .pointblank-3 .ea-slider-item__more {
    background-color: var(--pointblank-color-3);
}
.default-color .ea-slider-item__more,
.fourgame-color .ea-slider-item__more {
    background-color: rgba(199, 66, 66, 0.3);
    color: var(--white);
}
.wt-color .ea-slider-item__more {
    background-color: var(--wt-color-1);
    color: var(--white);
}
.wt-color-gold .ea-slider-item__more {
    background-color: var(--wt-color-2);
}
.wowsh-color .ea-slider-item__more {
    background-color: #0e445f;
    color: var(--white);
}
.aion-classic-color .ea-slider-item__more {
    background-color: rgba(177, 167, 207, 0.5);
    color: var(--black);
    font-family: var(--font-montserrat);
    font-weight: 600;
    text-transform: uppercase;
}
.aion-classic-premium-color .ea-slider-item__more {
    background-color: rgba(29, 44, 80, 0.4);
    color: var(--white);
}
.bns-color .ea-slider-item__more {
    background-color: rgba(226, 92, 2, 0.15);
    font-family: var(--font-montserrat);
    font-weight: 600;
    text-transform: uppercase;
}
.bns-color-1 .ea-slider-item__more {
    background-color: hsla(0, 100%, 82%, 0.2);
}
.bns-color-2 .ea-slider-item__more {
    background-color: rgba(0, 0, 0, 0.32);
}
.genshin-color .ea-slider-item__more {
    background-color: hsla(28, 19%, 57%, 0.3);
    color: var(--black);
    font-family: var(--font-montserrat);
    font-weight: 600;
    text-transform: uppercase;
}
.genshin-premium-color .ea-slider-item__more {
    background-color: rgba(29, 44, 80, 0.4);
    color: var(--white);
}
.roblox-color .ea-slider-item__more {
    background-color: var(--roblox-color);
    color: var(--black);
}
.psn-color .ea-slider-item__more {
    background: hsla(0, 0%, 100%, 0.1);
    color: var(--white);
}
.caliber-color .ea-slider-item__more {
    background: var(--caliber-color);
    color: var(--black);
}
.wow-color .ea-slider-item__more {
    background-color: rgba(30, 97, 213, 0.3);
}
.wg-color .ea-slider-item__more {
    background-color: rgba(199, 66, 66, 0.3);
}
.wg-color2 .ea-slider-item__more {
    background-color: var(--bg3-wg);
}
.blue-color .ea-slider-item__more {
    background-color: rgba(0, 170, 255, 0.3);
    color: var(--black);
}
.gfn-color .ea-slider-item__more {
    background-color: rgba(118, 185, 0, 0.3);
    color: var(--white);
}
.xbox-color .ea-slider-item__more {
    background-color: hsla(0, 0%, 100%, 0.3);
    color: #213402;
}
.xbox-white-color .ea-slider-item__more {
    background-color: var(--bg-9);
    color: var(--black);
}
.xboxgame-color .ea-slider-item__more,
.xboxgp-color .ea-slider-item__more {
    background-color: var(--xbox-color-1-bg);
}
.xboxgp-grey-color .ea-slider-item__more {
    background-color: var(--xbox-color-2-bg);
    color: var(--black);
}
.psp-color .ea-slider-item__more {
    background-color: hsla(0, 0%, 100%, 0.3);
    color: var(--black);
}
.ragnarok-color .ea-slider-item__more {
    background-color: var(--rg-color2);
    color: var(--rg-color);
}
.crowfall-color .ea-slider-item__more {
    background-color: var(--crowfall-color);
    color: var(--rg-color);
}
.aion-color .ea-slider-item__more {
    background-color: var(--aion-color);
    color: var(--white);
}
.essence-color .ea-slider-item__more {
    background-color: var(--essence-color-3);
    color: var(--essence-color-4);
    font-family: var(--font-gotham);
    font-weight: 500;
}
.l2-main-color .ea-slider-item__more,
.l2-main-premium-color .ea-slider-item__more {
    background-color: var(--l2-main-color-1);
    color: var(--black);
    font-family: var(--font-gotham);
    font-weight: 500;
}
.l2-legacy-color .ea-slider-item__more {
    background-color: var(--l2-legacy-color-1);
    color: var(--black);
    font-family: var(--font-gotham);
    font-weight: 500;
}
.rf-color .ea-slider-item__more {
    background-color: rgba(0, 0, 0, 0.21);
    border-radius: 0;
    color: var(--white);
    font-family: var(--font-kelson-sans);
    font-size: 14px;
}
.fgp-color .ea-slider-item__more,
.wowsh-premium .ea-slider-item__more,
.wt-color-prem .ea-slider-item__more,
.zvuk-color .ea-slider-item__more {
    border-radius: 0 0 var(--br-10) var(--br-10);
    bottom: 0;
    left: 0;
    padding: 8px 20px 7px;
    right: 0;
}
.pb-color .ea-slider-item__more {
    background-color: var(--fgp-color-1);
    border-radius: 0 0 4px 4px;
    bottom: 0;
    color: var(--black);
    left: 0;
    padding: 8px 20px 7px;
    right: 0;
}
.zvuk-color .ea-slider-item__more {
    background: #52189c;
    color: var(--white);
    padding: 8px 20px 7px;
}
.fgp-color-ai .ea-slider-item__more {
    background-color: #7880d5;
    color: var(--black);
}
.fgp-color-cf .ea-slider-item__more {
    background-color: #e3b135;
    color: var(--black);
}
.fgp-color-l2e .ea-slider-item__more {
    background-color: #765236;
}
.fgp-color-l2m .ea-slider-item__more {
    background-color: #b58149;
    color: var(--black);
}
.fgp-color-rf .ea-slider-item__more {
    background-color: #4d4070;
}
.fgp-color-l2l .ea-slider-item__more {
    background-color: #fdd657;
    color: var(--black);
}
.fgp-color-pb .ea-slider-item__more {
    background-color: #f7b107;
    color: var(--black);
}
.fgp-color-rg .ea-slider-item__more {
    background-color: #e9875d;
    color: var(--black);
}
.fgp-color-1 .ea-slider-item__more {
    background-color: var(--fgp-color-1);
    color: var(--black);
}
.fgp-color-2 .ea-slider-item__more {
    background-color: var(--fgp-color-2);
    color: var(--white);
}
.fgp-color-3 .ea-slider-item__more {
    background-color: #221229;
    color: var(--white);
}
.fgp-color-4 .ea-slider-item__more {
    background-color: var(--fgp-color-4);
    color: var(--white);
}
.fourgame-page__ninth .fgp-color-4 .ea-slider-item__more {
    color: #070a10;
}
@media (min-width: 769px) {
    .ea-slider__item--mid .ea-slider-item__more {
        bottom: 20px;
        left: 20px;
        padding: 5px 10px;
        right: 20px;
    }
}
@media (min-width: 1140px) {
    .ea-slider__item--mid .ea-slider-item__more {
        bottom: 30px;
        left: 30px;
        padding: 8px 15px;
        right: 30px;
    }
}
.zvuk-color .ea-slider__item--mid .ea-slider-item__more {
    border-radius: 0 0 var(--br-10) var(--br-10);
    bottom: -2px;
    left: -2px;
    padding: 9px 20px 10px;
    right: -2px;
}
@media (max-width: 374px) {
    .zvuk-color .ea-slider__item--mid .ea-slider-item__more {
        padding: 7px 12px;
    }
}
.fgp-color .ea-slider__item--mid .ea-slider-item__more,
.pb-color .ea-slider__item--mid .ea-slider-item__more,
.wowsh-premium .ea-slider__item--mid .ea-slider-item__more,
.wt-color-prem .ea-slider__item--mid .ea-slider-item__more {
    border-radius: 0 0 var(--br-10) var(--br-10);
    bottom: 0;
    left: 0;
    padding: 9px 20px 10px;
    right: 0;
}
@media (max-width: 374px) {
    .fgp-color .ea-slider__item--mid .ea-slider-item__more,
    .pb-color .ea-slider__item--mid .ea-slider-item__more,
    .wowsh-premium .ea-slider__item--mid .ea-slider-item__more,
    .wt-color-prem .ea-slider__item--mid .ea-slider-item__more {
        padding: 7px 12px;
    }
}
@media (min-width: 769px) {
    .fortnite-color-marvel .ea-slider__item--mid .ea-slider-item__more {
        padding: 2px 10px;
    }
}
@media (min-width: 1140px) {
    .fortnite-color-marvel .ea-slider__item--mid .ea-slider-item__more {
        padding: 3px 15px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--wide .ea-slider-item__more {
        left: 20px;
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
    }
    .caliber-color .ea-slider__item--wide .ea-slider-item__more,
    .wowsh-color .ea-slider__item--wide .ea-slider-item__more,
    .wt-color .ea-slider__item--wide .ea-slider-item__more {
        width: -webkit-calc(65% - 20px);
        width: calc(65% - 20px);
    }
    .ea-slider__item--big .ea-slider-item__more {
        bottom: 30px;
        left: 30px;
        padding: 8px 15px;
        right: 234px;
    }
    .essence-color .ea-slider__item--big .ea-slider-item__more {
        font-size: 16px;
        left: 50px;
    }
    .l2-legacy-color .ea-slider__item--big .ea-slider-item__more,
    .l2-main-color .ea-slider__item--big .ea-slider-item__more,
    .l2-main-premium-color .ea-slider__item--big .ea-slider-item__more {
        font-size: 16px;
    }
    .ea-slider__item--super .ea-slider-item__more {
        left: 30px;
        right: 172px;
    }
}
@media (max-width: 1280px) and (min-width: 768px) {
    .ea-slider__item--super .ea-slider-item__more {
        bottom: 30px;
    }
}
@media (max-width: 374px) {
    .ea-slider-item__more {
        bottom: 12px;
        left: 12px;
        right: 12px;
    }
}
.ea-slider-item__more-link {
    font-size: 14px;
}
.ea-slider-item__more-link a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.ea-slider-item-bonus__label {
    font-size: 14px;
    padding-left: 0;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
}
@media (max-width: 1340px) and (min-width: 1280px) {
    .ea-slider-item-bonus__label {
        font-size: 12px;
    }
}
@media (max-width: 370px) {
    .ea-slider-item-bonus__label {
        font-size: 12px;
    }
}
.aion-classic-color .ea-slider-item-bonus__label,
.bns-color .ea-slider-item-bonus__label,
.genshin-color .ea-slider-item-bonus__label {
    font-size: 12px;
}
@media (max-width: 1340px) and (min-width: 1280px) {
    .aion-classic-color .ea-slider-item-bonus__label,
    .bns-color .ea-slider-item-bonus__label,
    .genshin-color .ea-slider-item-bonus__label {
        font-size: 10px;
    }
}
@media (max-width: 370px) {
    .aion-classic-color .ea-slider-item-bonus__label,
    .bns-color .ea-slider-item-bonus__label,
    .genshin-color .ea-slider-item-bonus__label {
        font-size: 10px;
    }
}
@media (min-width: 1025px) {
    .ea-slider__item--mid .ea-slider-item-bonus__label {
        font-size: 14px;
    }
}
.fgp-color .ea-slider__item--mid .ea-slider-item-bonus__label,
.wowsh-premium .ea-slider__item--mid .ea-slider-item-bonus__label,
.wt-color-prem .ea-slider__item--mid .ea-slider-item-bonus__label,
.zvuk-color .ea-slider__item--mid .ea-slider-item-bonus__label {
    font-size: 16px;
}
@media (max-width: 768px) {
    .fgp-color .ea-slider__item--mid .ea-slider-item-bonus__label,
    .wowsh-premium .ea-slider__item--mid .ea-slider-item-bonus__label,
    .wt-color-prem .ea-slider__item--mid .ea-slider-item-bonus__label,
    .zvuk-color .ea-slider__item--mid .ea-slider-item-bonus__label {
        font-size: 14px;
    }
}
@media (max-width: 374px) {
    .fgp-color .ea-slider__item--mid .ea-slider-item-bonus__label,
    .wowsh-premium .ea-slider__item--mid .ea-slider-item-bonus__label,
    .wt-color-prem .ea-slider__item--mid .ea-slider-item-bonus__label,
    .zvuk-color .ea-slider__item--mid .ea-slider-item-bonus__label {
        font-size: 12px;
    }
}
.fortnite-color-marvel .ea-slider__item--mid .ea-slider-item-bonus__label {
    font-size: 18px;
}
@media (max-width: 768px) {
    .fortnite-color-marvel .ea-slider__item--mid .ea-slider-item-bonus__label {
        font-size: 14px;
    }
}
@media (max-width: 374px) {
    .fortnite-color-marvel .ea-slider__item--mid .ea-slider-item-bonus__label {
        font-size: 12px;
    }
}
@media (min-width: 1025px) {
    .ea-slider__item--big .ea-slider-item-bonus__label {
        font-size: 14px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--super .ea-slider-item-bonus__label {
        font-size: 14px;
    }
}
.ea-slider-item-bonus__label:before {
    /* background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23fff'/%3E%3C/svg%3E") 50% 0 no-repeat; */
    content: "";
    height: 11px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 3px;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: 10px;
}
.aion-color .ea-slider-item-bonus__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23454FB7'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
.blue-color .ea-slider-item-bonus__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%230af'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
.aion-classic-color .ea-slider-item-bonus__label:before,
.fortnite-color-1 .ea-slider-item-bonus__label:before,
.fortnite-color-2 .ea-slider-item-bonus__label:before,
.fortnite-color-3 .ea-slider-item-bonus__label:before,
.genshin-color .ea-slider-item-bonus__label:before,
.psp-color .ea-slider-item-bonus__label:before,
.ragnarok-color .ea-slider-item-bonus__label:before,
.xbox-white-color .ea-slider-item-bonus__label:before,
.xboxgp-color .ea-slider-item-bonus__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23000'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
.aion-classic-premium-color .ea-slider-item-bonus__label:before,
.genshin-premium-color .ea-slider-item-bonus__label:before,
.xboxgp-grey-color .ea-slider-item-bonus__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23fff'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
@media (min-width: 769px) {
    .fortnite-color-1 .ea-slider-item-bonus__label:before,
    .fortnite-color-2 .ea-slider-item-bonus__label:before,
    .fortnite-color-3 .ea-slider-item-bonus__label:before {
        top: 7px;
    }
}
.essence-color .ea-slider-item-bonus__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23000'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
@media (min-width: 1140px) {
    .ea-slider__item--big .ea-slider-item-bonus__label:before,
    .ea-slider__item--super .ea-slider-item-bonus__label:before {
        top: 3px;
    }
}
.ea-slider-item-bonus__value {
    font-size: 14px;
}
@media (max-width: 1340px) and (min-width: 1280px) {
    .ea-slider-item-bonus__value {
        font-size: 12px;
    }
}
@media (max-width: 370px) {
    .ea-slider-item-bonus__value {
        font-size: 12px;
    }
}
.aion-classic-color .ea-slider-item-bonus__value,
.bns-color .ea-slider-item-bonus__value,
.genshin-color .ea-slider-item-bonus__value {
    font-size: 12px;
}
@media (max-width: 1340px) and (min-width: 1280px) {
    .aion-classic-color .ea-slider-item-bonus__value,
    .bns-color .ea-slider-item-bonus__value,
    .genshin-color .ea-slider-item-bonus__value {
        font-size: 10px;
    }
}
@media (max-width: 370px) {
    .aion-classic-color .ea-slider-item-bonus__value,
    .bns-color .ea-slider-item-bonus__value,
    .genshin-color .ea-slider-item-bonus__value {
        font-size: 10px;
    }
}
@media (min-width: 1025px) {
    .ea-slider__item--mid .ea-slider-item-bonus__value {
        font-size: 14px;
    }
}
.fgp-color .ea-slider__item--mid .ea-slider-item-bonus__value,
.wowsh-premium .ea-slider__item--mid .ea-slider-item-bonus__value,
.wt-color-prem .ea-slider__item--mid .ea-slider-item-bonus__value,
.zvuk-color .ea-slider__item--mid .ea-slider-item-bonus__value {
    font-size: 16px;
}
@media (max-width: 768px) {
    .fgp-color .ea-slider__item--mid .ea-slider-item-bonus__value,
    .wowsh-premium .ea-slider__item--mid .ea-slider-item-bonus__value,
    .wt-color-prem .ea-slider__item--mid .ea-slider-item-bonus__value,
    .zvuk-color .ea-slider__item--mid .ea-slider-item-bonus__value {
        font-size: 14px;
    }
}
@media (max-width: 374px) {
    .fgp-color .ea-slider__item--mid .ea-slider-item-bonus__value,
    .wowsh-premium .ea-slider__item--mid .ea-slider-item-bonus__value,
    .wt-color-prem .ea-slider__item--mid .ea-slider-item-bonus__value,
    .zvuk-color .ea-slider__item--mid .ea-slider-item-bonus__value {
        font-size: 12px;
    }
}
.fortnite-color-marvel .ea-slider__item--mid .ea-slider-item-bonus__value {
    font-size: 18px;
}
@media (max-width: 768px) {
    .fortnite-color-marvel .ea-slider__item--mid .ea-slider-item-bonus__value {
        font-size: 14px;
    }
}
@media (max-width: 374px) {
    .fortnite-color-marvel .ea-slider__item--mid .ea-slider-item-bonus__value {
        font-size: 12px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item-bonus__value,
    .ea-slider__item--super .ea-slider-item-bonus__value {
        font-size: 14px;
    }
}
.ea-slider-item-bonus__value span {
    color: hsla(0, 0%, 100%, 0.5);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.crowfall-color .ea-slider-item-bonus__value span,
.essence-color .ea-slider-item-bonus__value span {
    color: rgba(53, 50, 47, 0.5);
}
.aion-classic-color .ea-slider-item-bonus__value span,
.bb-color .ea-slider-item-bonus__value span,
.blue-color .ea-slider-item-bonus__value span,
.fgp-color-1 .ea-slider-item-bonus__value span,
.fgp-color-ai .ea-slider-item-bonus__value span,
.fgp-color-cf .ea-slider-item-bonus__value span,
.fgp-color-l2l .ea-slider-item-bonus__value span,
.fgp-color-l2m .ea-slider-item-bonus__value span,
.fgp-color-pb .ea-slider-item-bonus__value span,
.fgp-color-rg .ea-slider-item-bonus__value span,
.fortnite-color .ea-slider-item-bonus__value span,
.genshin-color .ea-slider-item-bonus__value span,
.okko-promo-color .ea-slider-item-bonus__value span,
.pb-color .ea-slider-item-bonus__value span,
.psp-color .ea-slider-item-bonus__value span,
.pubg-color .ea-slider-item-bonus__value span,
.ragnarok-color .ea-slider-item-bonus__value span,
.roblox-color .ea-slider-item-bonus__value span,
.xbox-color .ea-slider-item-bonus__value span,
.xboxgp-grey-color .ea-slider-item-bonus__value span {
    color: rgba(0, 0, 0, 0.4);
}
.aion-classic-premium-color .ea-slider-item-bonus__value span,
.bb-color-prem .ea-slider-item-bonus__value span,
.fortnite-color-marvel .ea-slider-item-bonus__value span,
.genshin-premium-color .ea-slider-item-bonus__value span,
.okko-promo-color .aion-year .ea-slider-item-bonus__value span,
.okko-promo-color .pointblank-2 .ea-slider-item-bonus__value span,
.okko-promo-color .pointblank-3 .ea-slider-item-bonus__value span,
.okko-promo-color .pubg-year .ea-slider-item-bonus__value span {
    color: hsla(0, 0%, 100%, 0.5);
}
.caliber-color .ea-slider-item-bonus__value span,
.l2-legacy-color .ea-slider-item-bonus__value span,
.l2-main-color .ea-slider-item-bonus__value span,
.l2-main-premium-color .ea-slider-item-bonus__value span {
    color: rgba(0, 0, 0, 0.5);
}
.fourgame-page__ninth .ea-slider-item-bonus__value span {
    color: #070a10;
    opacity: 0.6;
}
.ea-slider-item-bonus__value s {
    color: hsla(0, 0%, 100%, 0.5);
    margin-left: 8px;
    text-decoration: line-through;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.crowfall-color .ea-slider-item-bonus__value s,
.essence-color .ea-slider-item-bonus__value s {
    color: rgba(53, 50, 47, 0.5);
}
.aion-classic-color .ea-slider-item-bonus__value s,
.bb-color .ea-slider-item-bonus__value s,
.blue-color .ea-slider-item-bonus__value s,
.fgp-color-1 .ea-slider-item-bonus__value s,
.fgp-color-ai .ea-slider-item-bonus__value s,
.fgp-color-cf .ea-slider-item-bonus__value s,
.fgp-color-l2l .ea-slider-item-bonus__value s,
.fgp-color-l2m .ea-slider-item-bonus__value s,
.fgp-color-pb .ea-slider-item-bonus__value s,
.fgp-color-rg .ea-slider-item-bonus__value s,
.fortnite-color .ea-slider-item-bonus__value s,
.genshin-color .ea-slider-item-bonus__value s,
.okko-promo-color .ea-slider-item-bonus__value s,
.pb-color .ea-slider-item-bonus__value s,
.psp-color .ea-slider-item-bonus__value s,
.pubg-color .ea-slider-item-bonus__value s,
.ragnarok-color .ea-slider-item-bonus__value s,
.roblox-color .ea-slider-item-bonus__value s,
.xbox-color .ea-slider-item-bonus__value s,
.xboxgp-grey-color .ea-slider-item-bonus__value s {
    color: rgba(0, 0, 0, 0.4);
}
.aion-classic-premium-color .ea-slider-item-bonus__value s,
.bb-color-prem .ea-slider-item-bonus__value s,
.fortnite-color-marvel .ea-slider-item-bonus__value s,
.genshin-premium-color .ea-slider-item-bonus__value s,
.okko-promo-color .aion-year .ea-slider-item-bonus__value s,
.okko-promo-color .pointblank-2 .ea-slider-item-bonus__value s,
.okko-promo-color .pointblank-3 .ea-slider-item-bonus__value s,
.okko-promo-color .pubg-year .ea-slider-item-bonus__value s {
    color: hsla(0, 0%, 100%, 0.5);
}
.caliber-color .ea-slider-item-bonus__value s,
.l2-legacy-color .ea-slider-item-bonus__value s,
.l2-main-color .ea-slider-item-bonus__value s,
.l2-main-premium-color .ea-slider-item-bonus__value s {
    color: rgba(0, 0, 0, 0.5);
}
.fourgame-page__ninth .ea-slider-item-bonus__value s {
    color: #070a10;
    opacity: 0.6;
}
.ea-slider-item-bonus__value i {
    font-family: var(--font-rubik);
    font-style: normal;
}
.ea-slider-item-bonus__link {
    display: none;
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item-bonus__link {
        display: block;
        font-size: 14px;
        left: 100%;
        line-height: 35px;
        margin: 0 0 0 20px;
        position: absolute;
        text-align: right;
        text-transform: uppercase;
        top: 0;
        width: 44%;
    }
    .crowfall-color .ea-slider__item--big .ea-slider-item-bonus__link,
    .l2-legacy-color .ea-slider__item--big .ea-slider-item-bonus__link,
    .l2-main-color .ea-slider__item--big .ea-slider-item-bonus__link,
    .l2-main-premium-color .ea-slider__item--big .ea-slider-item-bonus__link {
        color: var(--white);
    }
    .two-in-row.caliber-color .ea-slider__item--wide .ea-slider-item-bonus__link,
    .two-in-row.wowsh-color .ea-slider__item--wide .ea-slider-item-bonus__link,
    .two-in-row.wt-color .ea-slider__item--wide .ea-slider-item-bonus__link {
        color: var(--white);
        display: block;
        font-size: 14px;
        left: 100%;
        line-height: 24px;
        margin: 0 0 0 20px;
        position: absolute;
        text-align: right;
        text-transform: uppercase;
        top: 0;
        width: 44%;
    }
    .two-in-row.caliber-color .ea-slider__item--wide .ea-slider-item-bonus__link {
        font-family: var(--font-caliber);
        font-size: 18px;
        font-weight: 700;
    }
}
.ea-slider-item-bonus__icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    border-radius: 0 0 8px 8px;
    bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    justify-content: space-around;
    left: 2px;
    opacity: 0;
    padding: 0 10px;
    pointer-events: none;
    position: absolute;
    right: 2px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    z-index: 1;
}
.no-bonuses .ea-slider-item-bonus__icons {
    display: none;
}
.zvuk-color .ea-slider-item-bonus__icons {
    z-index: 2;
}
.rf-color .ea-slider-item-bonus__icons {
    border-radius: 0;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
.aion-classic-color .ea-slider-item-bonus__icons,
.genshin-color .ea-slider-item-bonus__icons,
.warface-color .ea-slider-item-bonus__icons {
    --transition03: 0.3s ease-in-out;
}
@media (min-width: 768px) {
    .ea-slider__item--big .ea-slider-item-bonus__icons {
        border-radius: 5px;
        bottom: 30px;
        height: 48px;
        left: 30px;
        right: 234px;
    }
    .ragnarok-color .ea-slider__item--big .ea-slider-item-bonus__icons {
        background: var(--rg-color2);
    }
    .crowfall-color .ea-slider__item--big .ea-slider-item-bonus__icons {
        background: var(--crowfall-color);
    }
    .essence-color .ea-slider__item--big .ea-slider-item-bonus__icons {
        background: var(--essence-color-3);
        bottom: 36px;
        left: 58px;
    }
    .l2-main-color .ea-slider__item--big .ea-slider-item-bonus__icons,
    .l2-main-premium-color .ea-slider__item--big .ea-slider-item-bonus__icons {
        background: var(--l2-main-color-1);
        bottom: 34px;
    }
    .l2-legacy-color .ea-slider__item--big .ea-slider-item-bonus__icons {
        background: var(--l2-legacy-color-1);
        bottom: 34px;
    }
    .ea-slider__item--super .ea-slider-item-bonus__icons {
        border-radius: 5px;
        bottom: 30px;
        height: 42px;
        left: 30px;
        width: 441px;
    }
    .wg-color .ea-slider__item--super .ea-slider-item-bonus__icons {
        background: rgba(199, 66, 66, 0.3);
    }
    .wow-color .ea-slider__item--super .ea-slider-item-bonus__icons {
        background: rgba(30, 97, 213, 0.3);
    }
    .ea-slider__item--wide .ea-slider-item-bonus__icons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px;
        right: auto;
        width: -webkit-calc(50% + 20px);
        width: calc(50% + 20px);
    }
}
.ea-slider-item-bonus__icons a {
    margin: 0 5px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.swiper-wrapper .ea-slider__item .ea-slider-item-bonus__icons a {
    pointer-events: none;
}
.lazy-list .ea-slider-item-bonus__icons a,
.swiper-wrapper .ea-slider__item--container.swiper-slide-visible .ea-slider-item-bonus__icons a,
.swiper-wrapper .ea-slider__item.swiper-slide-visible .ea-slider-item-bonus__icons a {
    pointer-events: auto;
}
@media (max-width: 1280px) and (min-width: 1140px) {
    .ea-slider-item-bonus__icons a {
        margin: 0 5px;
    }
}
.ea-slider-item-bonus__icons .icon {
    display: block;
    -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
}
.wg-color .ea-slider-item-bonus__icons .icon,
.wg2-color .ea-slider-item-bonus__icons .icon,
.wow-color .ea-slider-item-bonus__icons .icon {
    -webkit-filter: none;
    filter: none;
}
.okko-promo-color .ea-slider-item-bonus__icons .icon,
.psn-color .ea-slider-item-bonus__icons .icon,
.ragnarok-color .ea-slider-item-bonus__icons .icon,
.xboxgp-grey-color .ea-slider-item-bonus__icons .icon {
    --white: var(--rg-color);
    -webkit-filter: none;
    filter: none;
}
.okko-promo-color .aion-month .ea-slider-item-bonus__icons .icon,
.okko-promo-color .aion-year .ea-slider-item-bonus__icons .icon,
.okko-promo-color .pointblank-2 .ea-slider-item-bonus__icons .icon,
.okko-promo-color .pointblank-3 .ea-slider-item-bonus__icons .icon,
.okko-promo-color .pubg-year .ea-slider-item-bonus__icons .icon {
    --white: #fff;
    -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
}
.fgp-color-ai .ea-slider-item-bonus__icons .icon,
.fgp-color-cf .ea-slider-item-bonus__icons .icon,
.fgp-color-l2l .ea-slider-item-bonus__icons .icon,
.fgp-color-l2m .ea-slider-item-bonus__icons .icon,
.fgp-color-pb .ea-slider-item-bonus__icons .icon,
.fgp-color-rg .ea-slider-item-bonus__icons .icon {
    --white: var(--rg-color);
    -webkit-filter: none;
    filter: none;
}
.pubg-color .ea-slider-item-bonus__icons .icon {
    --color-2: #fff;
    --white: var(--black);
    -webkit-filter: none;
    filter: none;
}
.aion-classic-color .ea-slider-item-bonus__icons .icon,
.fgp-color-1 .ea-slider-item-bonus__icons .icon,
.genshin-color .ea-slider-item-bonus__icons .icon,
.pb-color .ea-slider-item-bonus__icons .icon,
.roblox-color .ea-slider-item-bonus__icons .icon,
.xbox-white-color .ea-slider-item-bonus__icons .icon {
    --white: var(--rg-color);
    -webkit-filter: none;
    filter: none;
}
.aion-classic-premium-color .ea-slider-item-bonus__icons .icon {
    --white: #fff;
    -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.caliber-color .ea-slider-item-bonus__icons .icon,
.crowfall-color .ea-slider-item-bonus__icons .icon,
.essence-color .ea-slider-item-bonus__icons .icon,
.l2-legacy-color .ea-slider-item-bonus__icons .icon,
.l2-main-color .ea-slider-item-bonus__icons .icon,
.l2-main-premium-color .ea-slider-item-bonus__icons .icon {
    --white: var(--rg-color);
}
.ea-slider-item-bonus__icons .icon.icon-bonus-multy {
    margin-top: -1px;
}
@media (max-width: 374px) {
    .l2-legacy-color .ea-slider-item-bonus__icons .icon.icon-bonus-multy {
        height: 22px;
        width: 50px;
    }
}
.ea-slider-item-bonus__icons .icon.icon-bonus-spasibo {
    height: 22px;
    margin-top: 2px;
    width: 80px;
}
@media (max-width: 374px) {
    .l2-legacy-color .ea-slider-item-bonus__icons .icon.icon-bonus-spasibo {
        height: 20px;
        width: 70px;
    }
}
.ea-slider-item-bonus__icons .icon.icon-bonus-gorod {
    margin-top: 2px;
}
@media (max-width: 374px) {
    .l2-legacy-color .ea-slider-item-bonus__icons .icon.icon-bonus-gorod {
        height: 20px;
        width: 68px;
    }
}
.swiper-nav .swiper-button-disabled {
    display: none;
}
.swiper__filter {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin: 0 0 30px;
    padding: 0 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .swiper__filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (max-width: 768px) {
    .swiper__filter {
        position: relative;
    }
}
.swiper__filter .hidden-slides {
    display: none;
}
.ea__payment .swiper__filter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.swiper__filter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .swiper__filter ul:not(.active-navi) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        background-color: #2a2a29;
        border-radius: 5px;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        opacity: 0;
        padding: 5px 15px;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: var(--transition05);
        -o-transition: var(--transition05);
        transition: var(--transition05);
        visibility: hidden;
        z-index: 10;
    }
    .xboxgp-color .swiper__filter ul:not(.active-navi) {
        top: -9px;
    }
    .xbox-color .swiper__filter ul:not(.active-navi):before,
    .xboxgp-color .swiper__filter ul:not(.active-navi):before {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' style='enable-background:new 0 0 16 16' xml:space='preserve' fill='%23519b36'%3E%3Cpath class='st0' d='M7 .6c-.5 0-1.3.2-1.7.4-.5.2-1.1.5-1.1.5s.1.1.3.1c.6.1 1.8.6 2.9 1.2.2.2.5.3.5.3.1 0 .3-.1.6-.3.6-.4 1.6-.9 2.1-1 .2-.1.5-.1.7-.2.2 0 .4-.1.4-.1 0-.1-1.1-.6-1.8-.8C8.9.5 8 .4 7 .6zM2.6 2.7C1.4 4 .7 5.4.5 7.1c-.1.8-.1 1.5.1 2.4s.6 1.8 1 2.5c.3.5.4.5.4 0 .1-1.8 1.5-4.4 3.9-6.9.2-.2.4-.4.4-.5s-.7-.8-1.2-1.2c-.8-.6-1.7-1.1-1.9-1.1-.1 0-.3.1-.6.4zm9.7-.3c-.6.3-1.4.9-2.1 1.6-.3.3-.5.6-.5.6s.2.3.5.6c2 2.2 3.2 4.4 3.6 6.2.1.2.1.5.1.7 0 .3 0 .3.1.3s.5-.7.8-1.2c.5-1.2.7-2.1.7-3.5 0-1.5-.5-2.8-1.3-4-.4-.6-1.2-1.4-1.4-1.4-.1 0-.3 0-.5.1zM7.4 6.5C6.3 7.5 4.9 9 4.1 10c-.9 1.1-1.8 2.6-1.8 2.9 0 .1.5.6.9 1 1.5 1.3 3.7 1.9 5.8 1.6 1.6-.2 3.1-1 4.3-2.2.2-.2.2-.2.2-.4 0-.9-1.7-3-4.4-5.6-.7-.8-1.1-1.2-1.2-1.2 0 0-.2.2-.5.4z'/%3E%3C/svg%3E")
            0 0 no-repeat;
        content: "";
        height: 16px;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 10px;
        -webkit-transition: var(--transition05);
        -o-transition: var(--transition05);
        transition: var(--transition05);
        width: 16px;
    }
    .swiper__filter ul:not(.active-navi).active {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        visibility: visible;
    }
    .swiper__filter ul:not(.active-navi).active:before {
        opacity: 1;
        right: -webkit-calc(100% + 15px);
        right: calc(100% + 15px);
        visibility: visible;
    }
    .swiper__filter ul.wg-color,
    .swiper__filter ul.wow-color,
    .swiper__filter ul.wowsh-color,
    .swiper__filter ul.wt-color {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: transparent;
        border-radius: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        opacity: 1;
        padding: 0;
        position: relative;
        right: auto;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        visibility: visible;
        z-index: 10;
    }
}
.swiper__filter ul li {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    list-style-type: none;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    position: relative;
    text-transform: uppercase;
}
.wg__content1 .swiper__filter ul li {
    font-size: 16px;
}
.swiper__filter ul li i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--bg-1);
    border-radius: 12px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    position: absolute;
    right: -15px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    top: -13px;
}
.wow-color .swiper__filter ul li i {
    background: var(--ww-color);
}
.wt-color .swiper__filter ul li i {
    background: var(--wt-color-1);
    border-radius: var(--br-5);
    height: 27px;
    min-width: 27px;
}
.wowsh-color .swiper__filter ul li i {
    background: var(--wow-color);
    border-radius: var(--br-5);
    height: 27px;
    min-width: 27px;
}
@media (max-width: 768px) {
    .swiper__filter ul li i {
        display: none;
    }
    .wg__content .swiper__filter ul li i,
    .wow__content .swiper__filter ul li i,
    .wt__content .swiper__filter ul li i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.xbox-color .swiper__filter ul li,
.xboxgp-color .swiper__filter ul li {
    margin-left: 15px;
    padding-left: 0;
}
.swiper__filter ul li.active a:before {
    opacity: 1;
}
.wg__content1 .swiper__filter ul li.active a {
    color: var(--white);
}
.wg__content1 .swiper__filter ul li.active a:before {
    opacity: 0;
}
.swiper__filter ul li.active a:after {
    width: 100%;
}
.xbox-color .swiper__filter ul li.active a .icon,
.xboxgp-color .swiper__filter ul li.active a .icon {
    fill: var(--xbox-color-1);
}
.swiper__filter ul li:first-child {
    margin: 0;
}
.ea__payment .swiper__filter ul li:first-child {
    margin: 0 17px;
}
.wg__content1 .swiper__filter ul li:first-child {
    padding-left: 0;
}
@media (max-width: 768px) {
    .swiper__filter ul li {
        font-size: 14px;
        margin: 5px 0;
    }
    .swiper__filter ul li:first-child {
        margin: 5px 0;
    }
}
.swiper__filter ul li a {
    color: #fff;
    display: inline-block;
    opacity: 0.9;
    position: relative;
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.wg__content1 .swiper__filter ul li a {
    color: #979797;
    opacity: 1;
}
.xbox-color .swiper__filter ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-bottom: 5px;
}
.xbox-color .swiper__filter ul li a .icon {
    fill: #7f7f7f;
}
.xbox-color .swiper__filter ul li a .icon-xbox-logo {
    margin-right: 5px;
}
@media (max-width: 768px) {
    .xbox-color .swiper__filter ul li a .icon-xbox-logo {
        display: none;
    }
}
.xboxgp-color .swiper__filter ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-bottom: 5px;
}
.xboxgp-color .swiper__filter ul li a .icon {
    fill: var(--white);
}
.xboxgp-color .swiper__filter ul li a .icon-xbox-logo {
    margin-right: 5px;
}
@media (max-width: 768px) {
    .xboxgp-color .swiper__filter ul li a .icon-xbox-logo {
        display: none;
    }
}
.swiper__filter ul li a:before {
    background: var(--bg-1);
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: -17px;
    opacity: 0;
    position: absolute;
    top: 8px;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 6px;
}
@media (max-width: 768px) {
    .swiper__filter ul li a:before {
        display: none;
    }
}
.ea__payment .swiper__filter ul li a:before,
.xbox-color .swiper__filter ul li a:before,
.xboxgp-color .swiper__filter ul li a:before {
    display: none;
}
.swiper__filter ul li a:after {
    background-color: var(--bg-1);
    bottom: -5px;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
    width: 0;
}
@media (max-width: 768px) {
    .swiper__filter ul li a:after {
        bottom: -2px;
    }
}
.xbox-color .swiper__filter ul li a:after,
.xboxgp-color .swiper__filter ul li a:after {
    background-color: var(--xbox-color-1);
}
.ea__payment .swiper__filter ul li a:after {
    display: none;
}
.swiper__filter ul li a:hover {
    opacity: 1;
}
.swiper__filter ul li a:hover:after {
    width: 100%;
}
.swiper-filter__current,
.swiper-filter__label {
    display: none;
    font-size: 14px;
}
@media (max-width: 768px) {
    .swiper-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .swiper-filter__label {
        -webkit-box-flex: 1;
        display: block;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        padding: 0 20px 0 0;
        text-align: right;
    }
    .xboxgp-color .swiper-filter__label {
        text-align: left;
    }
    .wg__content .swiper-filter__label,
    .wow__content .swiper-filter__label,
    .wt__content .swiper-filter__label {
        display: none;
    }
    .swiper-filter__current {
        cursor: pointer;
        display: block;
        padding-right: 25px;
        position: relative;
    }
    .wg__content .swiper-filter__current,
    .wow__content .swiper-filter__current,
    .wt__content .swiper-filter__current {
        display: none;
    }
    .swiper-filter__current > span {
        border-bottom: 2px solid var(--bg-1);
        pointer-events: none;
    }
    .wow-color .swiper-filter__current > span {
        border-bottom-color: var(--ww-color);
    }
    .wt-color .swiper-filter__current > span {
        border-bottom-color: var(--wt-color-1);
    }
    .wowsh-color .swiper-filter__current > span {
        border-bottom-color: var(--wow-color);
    }
    .roblox-color .swiper-filter__current > span {
        border-bottom-color: var(--roblox-color);
    }
    .wg__content .swiper-filter__current > span i,
    .wow__content .swiper-filter__current > span i,
    .wt__content .swiper-filter__current > span i {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: var(--bg-1);
        border-radius: 12px;
        color: var(--white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 24px;
        justify-content: center;
        min-width: 24px;
        position: absolute;
        right: 13px;
        text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
        top: -13px;
    }
    .wow-color .wg__content .swiper-filter__current > span i,
    .wow-color .wow__content .swiper-filter__current > span i,
    .wow-color .wt__content .swiper-filter__current > span i {
        background: var(--ww-color);
    }
    .wt-color .wg__content .swiper-filter__current > span i,
    .wt-color .wow__content .swiper-filter__current > span i,
    .wt-color .wt__content .swiper-filter__current > span i {
        background: var(--wt-color-1);
    }
    .wowsh-color .wg__content .swiper-filter__current > span i,
    .wowsh-color .wow__content .swiper-filter__current > span i,
    .wowsh-color .wt__content .swiper-filter__current > span i {
        background: var(--wow-color);
    }
    .xbox-color .swiper-filter__current > span,
    .xboxgp-color .swiper-filter__current > span {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom-color: var(--xbox-color-1);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding-bottom: 5px;
    }
    .xbox-color .swiper-filter__current > span .icon,
    .xboxgp-color .swiper-filter__current > span .icon {
        fill: var(--xbox-color-1);
    }
    .xbox-color .swiper-filter__current > span .icon-xbox-logo,
    .xboxgp-color .swiper-filter__current > span .icon-xbox-logo {
        margin-right: 5px;
    }
    .swiper-filter__current:after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        right: 3px;
        top: 2px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: var(--transition05);
        -o-transition: var(--transition05);
        transition: var(--transition05);
        width: 10px;
    }
    .xbox-color .swiper-filter__current:after {
        display: none;
    }
    .xboxgp-color .swiper-filter__current:after {
        border-bottom-color: var(--xbox-color-1);
        border-right-color: var(--xbox-color-1);
        top: -1px;
    }
}
.swiper-filter__list {
    -ms-overflow-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0;
    scrollbar-width: none;
}
.swiper-filter__list.wg-color,
.swiper-filter__list.wow-color,
.swiper-filter__list.wowsh-color,
.swiper-filter__list.wt-color {
    margin: -23px -15px 0 0;
}
@media (max-width: 767px) {
    .swiper-filter__list.wg-color,
    .swiper-filter__list.wow-color,
    .swiper-filter__list.wowsh-color,
    .swiper-filter__list.wt-color {
        margin-right: -30px;
    }
}
@media (max-width: 1140px) {
    .swiper-filter__list.wowsh-color,
    .swiper-filter__list.wt-color {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .swiper-filter__list.wowsh-color,
    .swiper-filter__list.wt-color {
        margin-left: -15px;
        margin-right: -15px;
        width: -webkit-calc(100% + 30px);
        width: calc(100% + 30px);
    }
}
.swiper-filter__list::-webkit-scrollbar {
    display: none;
}
.swiper__filter ul .swiper-filter__item {
    margin: 0;
    padding: 9px 15px 5px;
}
@media (max-width: 413px) {
    .swiper__filter ul .swiper-filter__item {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.swiper__filter ul .swiper-filter__item:first-child {
    padding-left: 0;
}
@media (max-width: 768px) {
    .swiper__filter ul .swiper-filter__item:first-child {
        margin: 0;
        padding-left: 15px;
    }
    .swiper__filter ul .swiper-filter__item:last-child {
        margin-right: 15px;
    }
}
.swiper__filter ul .swiper-filter__item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper__filter ul .swiper-filter__item a:after,
.swiper__filter ul .swiper-filter__item a:before {
    display: none;
}
.swiper__filter ul .swiper-filter__item a:hover .swiper-filter-item__icon .icon,
.swiper__filter ul .swiper-filter__item a:hover .swiper-filter-item__name {
    opacity: 1;
}
.swiper__filter ul .swiper-filter__item a:hover .swiper-filter-item__name:after {
    width: 100%;
}
.swiper__filter ul .swiper-filter__item a i {
    font-size: 14px;
    left: 50%;
    margin: 0 0 0 30px;
    right: auto;
    top: -9px;
}
.swiper-filter__item.active .swiper-filter-item__icon {
    border-color: var(--bg-1);
}
.wow-color .swiper-filter__item.active .swiper-filter-item__icon {
    border-color: var(--ww-color);
}
.wowsh-color .swiper-filter__item.active .swiper-filter-item__icon,
.wt-color .swiper-filter__item.active .swiper-filter-item__icon {
    background: transparent;
    border-color: transparent;
}
.swiper-filter__item.active .swiper-filter-item__icon .icon,
.swiper-filter__item.active .swiper-filter-item__name {
    opacity: 1;
}
.swiper-filter__item.active .swiper-filter-item__name:after {
    width: 100%;
}
.swiper__filter ul .swiper-filter__item.active:after {
    display: none;
}
.swiper-filter-item__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    border: 2px solid transparent;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    justify-content: center;
    margin-bottom: 9px;
    -webkit-transition: border var(--transition03);
    -o-transition: border var(--transition03);
    transition: border var(--transition03);
    width: 85px;
}
.wowsh-color .swiper-filter-item__icon,
.wt-color .swiper-filter-item__icon {
    background: transparent;
    height: 50px;
    margin-bottom: 0;
}
.wt-color .swiper-filter-item__icon img {
    max-height: 48px;
    max-width: 48px;
}
.swiper-filter-item__icon .icon {
    display: block;
}
.swiper-filter-item__icon .icon,
.swiper-filter-item__name {
    opacity: 0.3;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.swiper-filter-item__name {
    display: inline-block;
    font-size: 12px;
    margin: 0 -15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
}
.wowsh-color .swiper-filter-item__name,
.wt-color .swiper-filter-item__name {
    font-size: 18px;
    margin: 0;
}
@media (max-width: 768px) {
    .wowsh-color .swiper-filter-item__name,
    .wt-color .swiper-filter-item__name {
        font-size: 12px;
        white-space: nowrap;
    }
}
.wt-color .swiper-filter-item__name {
    font-family: var(--font-roboto);
    opacity: 0.7;
}
.swiper-filter-item__name:after {
    background: var(--bg-1);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 0;
}
.wt-color .swiper-filter-item__name:after {
    background: var(--wt-color-1);
}
.wowsh-color .swiper-filter-item__name:after {
    background: var(--wow-color);
}
.wow-color .swiper-filter-item__name:after {
    background: var(--ww-color);
}
.main-slider__icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
}
.main-slider-icons__item {
    margin: 0 15px 0 0;
}
.main-slider-icons__item .age {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--bg-1);
    border-radius: 5px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    line-height: 1;
    margin: 0 5px 0 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    width: 50px;
}
.main-slider-icons__item .icon {
    fill: var(--white);
    display: block;
    opacity: 0.8;
}
.main-slider__name {
    color: #fff;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.305;
    margin-bottom: 25px;
    opacity: 0.95;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .main-slider__name {
        font-size: 32px;
    }
}
@media (max-width: 576px) {
    .main-slider__name {
        font-size: 28px;
    }
}
.block__content .content-slider .slick-prev {
    background: url(/bitrix/templates/c4g/css/../images/olds-from-olds/card-grad-l-lg.svg) 100% no-repeat !important;
}
.block__content .content-slider .slick-prev:before {
    background: url(/bitrix/templates/c4g/css/../images/olds-from-olds/slider-main-left.svg) 50% no-repeat;
}
.block__content .content-slider .slick-next {
    background: url(/bitrix/templates/c4g/css/../images/olds-from-olds/card-grad-r-lg.svg) 100% no-repeat !important;
}
.block__content .content-slider .slick-next:before {
    background: url(/bitrix/templates/c4g/css/../images/olds-from-olds/slider-main-right.svg) 50% no-repeat;
}
.block__content .content-slider-game .slick-prev {
    background: url(/bitrix/templates/c4g/css/../images/olds-from-olds/card-grad-l-lg-game-wg.svg) 100% no-repeat !important;
}
.block__content .content-slider-game .slick-prev:before {
    background: url(/bitrix/templates/c4g/css/../images/olds-from-olds/slider-main-left.svg) 50% no-repeat;
}
.block__content .content-slider-game .slick-next {
    background: url(/bitrix/templates/c4g/css/../images/olds-from-olds/card-grad-r-lg-game-wg.svg) 100% no-repeat !important;
}
.block__content .content-slider-game .slick-next:before {
    background: url(/bitrix/templates/c4g/css/../images/olds-from-olds/slider-main-right.svg) 50% no-repeat;
}
.swiper-lazy-preloader {
    display: none;
    left: 50%;
    position: absolute;
    top: 50%;
}
.zvuk-color .swiper-lazy-preloader {
    --swiper-preloader-color: #52189c;
}
.pb-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--fgp-color-1);
}
.fgp-color-ai .swiper-lazy-preloader {
    --swiper-preloader-color: #7880d5;
}
.fgp-color-cf .swiper-lazy-preloader {
    --swiper-preloader-color: #e3b135;
}
.fgp-color-l2e .swiper-lazy-preloader {
    --swiper-preloader-color: #765236;
}
.fgp-color-l2m .swiper-lazy-preloader {
    --swiper-preloader-color: #b58149;
}
.fgp-color-rf .swiper-lazy-preloader {
    --swiper-preloader-color: #4d4070;
}
.fgp-color-l2l .swiper-lazy-preloader {
    --swiper-preloader-color: #fdd657;
}
.fgp-color-pb .swiper-lazy-preloader {
    --swiper-preloader-color: #f7b107;
}
.fgp-color-rg .swiper-lazy-preloader {
    --swiper-preloader-color: #e9875d;
}
.freefiree-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--ff-bg);
}
.fortnite-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--fortnite-bg);
}
.lol-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--lol-color);
}
.warface-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--warface-color-1);
}
.warface-prem-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--white);
}
.bt2-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--bt2-pink);
}
.stalcraft-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--stalcraft-color);
}
.stalcraft-color-2 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--stalcraft-color-2);
}
.stalcraft-color-3 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--stalcraft-color-3);
}
.stalcraft-color-4 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--stalcraft-color-4);
}
.stalcraft-color-5 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--stalcraft-color-5);
}
.bb-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--ml-color);
}
.pubg-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--pubg-color);
}
.kasper-color-1 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--kasper-color-2);
}
.kasper-color-2 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--kasper-color-1);
}
.fgp-color-1 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--fgp-color-1);
}
.fgp-color-2 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--fgp-color-2);
}
.fgp-color-3 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--fgp-color-1);
}
.fgp-color-4 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--fgp-color-4);
}
.wow-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--ww-color);
}
.wt-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--wt-color-1);
}
.wt-color.wt-color-gold .swiper-lazy-preloader {
    --swiper-preloader-color: var(--wt-color-2);
}
.wowsh-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--wow-color);
}
.aion-classic-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--aion-classic-name);
}
.bns-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--bns-arrows-bg);
}
.genshin-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--genshin-name-color);
}
.roblox-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--roblox-color);
}
.caliber-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--caliber-color);
}
.wg-color2 .swiper-lazy-preloader {
    --swiper-preloader-color: var(--bg3-wg);
}
.gfn-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--bg-5);
}
.essence-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--essence-price);
}
.l2-main-color .swiper-lazy-preloader,
.l2-main-premium-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--l2-main-color-1);
}
.l2-legacy-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--l2-legacy-color-1);
}
.xbox-color .swiper-lazy-preloader,
.xboxgp-color .swiper-lazy-preloader {
    --swiper-preloader-color: var(--xbox-color-1);
}
.swiper-slide-visible .swiper-lazy-preloader {
    display: block;
}
@media (max-width: 767px) {
    .wg__block .ea-slider__item * {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }
    .wg__block .ea-slider__item .wot__picture > img.swiper-lazy {
        -webkit-transition: opacity 0.2s, -webkit-transform 0.2s !important;
        transition: opacity 0.2s, -webkit-transform 0.2s !important;
        -o-transition: opacity 0.2s, transform 0.2s !important;
        transition: opacity 0.2s, transform 0.2s !important;
        transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s !important;
    }
}
.vtb__block {
    background: #e5e5e5;
    color: var(--black);
    padding-top: 114px;
    position: relative;
}
.vtb__block:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 170, 255, 0.1)), to(hsla(0, 0%, 77%, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 170, 255, 0.1), hsla(0, 0%, 77%, 0));
    background: -o-linear-gradient(top, rgba(0, 170, 255, 0.1) 0, hsla(0, 0%, 77%, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 170, 255, 0.1), hsla(0, 0%, 77%, 0));
    content: "";
    height: 424px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.vtb__gift {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}
.vtb-gift__image,
.vtb__gift {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.vtb-gift__image {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    margin-bottom: 20px;
    max-width: 33.33333%;
}
@media (max-width: 576px) {
    .vtb-gift__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        width: 100%;
    }
}
.vtb-gift__image img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 576px) {
    .vtb-gift__image img {
        max-width: 260px;
    }
}
.vtb-gift__text {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    font-size: 22px;
    margin-bottom: 20px;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    width: 100%;
}
@media (max-width: 1140px) {
    .vtb-gift__text {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .vtb-gift__text {
        font-size: 16px;
    }
}
@media (max-width: 576px) {
    .vtb-gift__text {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        width: 100%;
    }
}
.vtb-gift__text .h2,
.vtb-gift__text h2 {
    font-size: 34px;
    margin: 0 0 40px;
}
@media (max-width: 1140px) {
    .vtb-gift__text .h2,
    .vtb-gift__text h2 {
        font-size: 28px;
    }
}
@media (max-width: 768px) {
    .vtb-gift__text .h2,
    .vtb-gift__text h2 {
        font-size: 22px;
    }
}
.vtb-gift__text p {
    margin: 0 0 1.5rem;
}
@media (max-width: 1140px) {
    .vtb-gift__text p {
        margin-bottom: 1rem;
    }
}
.vtb-gift__text strong {
    font-weight: 500;
}
.vtb__wide {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 100px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.vtb-wide__image a:hover {
    opacity: 1;
}
.vtb-wide__image img {
    border-radius: 10px;
    height: auto;
    max-width: 100%;
}
.gfn__block {
    padding-bottom: 30px;
}
.gfn__desc {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
    z-index: 2;
}
@media (max-width: 1024px) {
    .gfn__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.gfn__desc img {
    height: auto;
    max-width: 100%;
}
.gfn__slider {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 672px;
    flex: 0 0 672px;
    max-width: 672px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .gfn__slider {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .gfn__slider .ea-slider__block {
        display: none;
    }
}
.gfn__slider .ea-slider__list {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}
.gfn__slider .swiper-container-horizontal.swiper-container,
.gfn__slider .swiper.swiper-container {
    overflow: visible;
    padding-bottom: 50px;
    width: 100%;
}
.gfn__slider .swiper-container-horizontal.swiper-container .swiper-scrollbar,
.gfn__slider .swiper.swiper-container .swiper-scrollbar {
    background: hsla(0, 0%, 100%, 0.15);
    border-radius: 3px;
    bottom: 15px;
    height: 5px;
    left: 15%;
    right: 15%;
    width: auto;
}
.gfn__slider .swiper-container-horizontal.swiper-container .swiper-scrollbar-drag,
.gfn__slider .swiper.swiper-container .swiper-scrollbar-drag {
    background-color: var(--bg-5);
    border-radius: 3px;
}
.gfn__slider .swiper-container-horizontal.swiper-container + .swiper-nav .swiper-button-next,
.gfn__slider .swiper-container-horizontal.swiper-container + .swiper-nav .swiper-button-prev,
.gfn__slider .swiper.swiper-container + .swiper-nav .swiper-button-next,
.gfn__slider .swiper.swiper-container + .swiper-nav .swiper-button-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 100%, 0.1);
    border: 3px solid hsla(0, 0%, 100%, 0.3);
    border-radius: 10px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 40px;
    justify-content: center;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: auto;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: 56px;
    z-index: 1;
}
.gfn__slider .swiper-container-horizontal.swiper-container + .swiper-nav .swiper-button-next:after,
.gfn__slider .swiper-container-horizontal.swiper-container + .swiper-nav .swiper-button-prev:after,
.gfn__slider .swiper.swiper-container + .swiper-nav .swiper-button-next:after,
.gfn__slider .swiper.swiper-container + .swiper-nav .swiper-button-prev:after {
    display: none;
}
.gfn__slider .swiper-container-horizontal.swiper-container + .swiper-nav .swiper-button-next .icon,
.gfn__slider .swiper-container-horizontal.swiper-container + .swiper-nav .swiper-button-prev .icon,
.gfn__slider .swiper.swiper-container + .swiper-nav .swiper-button-next .icon,
.gfn__slider .swiper.swiper-container + .swiper-nav .swiper-button-prev .icon {
    stroke: #fff;
    fill: none;
}
.fourgame__block {
    padding: 100px 0;
    position: relative;
}
@media (max-width: 768px) {
    .fourgame__block {
        padding-top: 80px;
    }
}
.fourgame__block .block__head {
    margin-bottom: 50px;
    margin-right: 300px;
    position: relative;
    z-index: 2;
}
@media (max-width: 1024px) {
    .fourgame__block .block__head {
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    .fourgame__block .block__head {
        display: block;
        margin-bottom: 30px;
    }
}
.fourgame__bg {
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 1140px;
    left: 50%;
    padding-top: 70px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-1280px, -340px);
    -ms-transform: translate(-1280px, -340px);
    transform: translate(-1280px, -340px);
    width: 2560px;
    z-index: -1;
}
@media (max-width: 1024px) {
    .fourgame__bg {
        padding-top: 100px;
    }
}
@media (max-width: 768px) {
    .fourgame__bg {
        background-size: contain;
        height: 900px;
        -webkit-transform: translate(-1280px, -250px);
        -ms-transform: translate(-1280px, -250px);
        transform: translate(-1280px, -250px);
    }
}
.fourgame__logo {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 110px;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1374px;
    padding-right: 45px;
    position: relative;
    width: 100vw;
}
@media (max-width: 1024px) {
    .fourgame__logo {
        display: none;
    }
}
.fourgame__logo a {
    pointer-events: auto;
    z-index: 3;
}
.fourgame__logo a img {
    height: auto;
    max-width: 100%;
    width: 270px;
}
.fourgame__logo a img.aion-logo,
.fourgame__logo a img.pb-logo {
    width: 200px;
}
.fourgame__tabs {
    margin-bottom: 45px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1024px) {
    .fourgame__tabs .do-nicescroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 -15px 20px;
        z-index: 10;
    }
    .fourgame__tabs .do-nicescroll .nicescroll-rails-hr {
        background: #1d0d0d;
        border-radius: 10px;
        display: block !important;
        left: 20px !important;
        overflow: hidden;
        right: 20px !important;
        width: auto !important;
    }
}
.fourgame__tabs ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
    padding: 0;
}
.fourgame__tabs ul:after {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    content: "";
    display: block;
    order: 0;
    width: 100%;
}
@media (max-width: 1024px) {
    .fourgame__tabs ul {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-bottom: 30px;
        padding-right: 20px;
    }
    .fourgame__tabs ul:after {
        display: none;
    }
}
.fourgame__tabs ul li {
    list-style-type: none;
    margin: 0 0 15px;
    padding: 0;
}
.fourgame__tabs ul li:nth-child(3),
.fourgame__tabs ul li:nth-child(3) ~ li {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (max-width: 1024px) {
    .fourgame__tabs ul li {
        margin: 0;
    }
    .fourgame__tabs ul li:first-child {
        margin-left: 15px;
    }
    .fourgame__tabs ul li.nav-item-arrow {
        display: none;
    }
}
.fourgame__tabs ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: hsla(0, 0%, 100%, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 500;
    height: 45px;
    opacity: 1;
    padding: 0 18px;
    position: relative;
    text-shadow: 1.92px 1.92px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    -webkit-transition: var(--transition03-color);
    -o-transition: var(--transition03-color);
    transition: var(--transition03-color);
    white-space: nowrap;
    z-index: 1;
}
.fourgame__tabs ul li a .icon-arrow-next,
.fourgame__tabs ul li a .icon-arrow-prev {
    fill: none;
    stroke: #fff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
}
.fourgame__tabs ul li a:after {
    display: none;
}
.fourgame__tabs ul li a:before {
    background: #1d0d0d;
    border-radius: 5px;
    bottom: 0;
    content: "";
    height: auto;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-14deg, 0);
    -ms-transform: skew(-14deg, 0);
    transform: skew(-14deg, 0);
    -webkit-transition: var(--transition03-background);
    -o-transition: var(--transition03-background);
    transition: var(--transition03-background);
    width: auto;
    z-index: -1;
}
@media (max-width: 768px) {
    .fourgame__tabs ul li a:before {
        display: block;
    }
}
.fourgame__tabs ul li a.active,
.fourgame__tabs ul li a:hover {
    color: var(--white);
}
.fourgame__tabs ul li a.active .icon-arrow-next,
.fourgame__tabs ul li a.active .icon-arrow-prev,
.fourgame__tabs ul li a:hover .icon-arrow-next,
.fourgame__tabs ul li a:hover .icon-arrow-prev {
    stroke: #000;
}
.fourgame__tabs ul li a.active:before,
.fourgame__tabs ul li a:hover:before {
    background: var(--bg-1);
}
.fourgame__tabs .tab-pane .ea__slider {
    margin: 0;
    overflow: visible;
    padding: 0;
}
@media (max-width: 768px) {
    .fourgame__tabs .tab-pane .ea__slider {
        margin: 0 -15px;
    }
}
.fourgame__tabs .tab-pane .ea__slider .swiper-pagination {
    display: block;
}
.fourgame__tabs .tab-pane .ea__slider .swiper-pagination-bullet {
    background-color: #9d7c7c;
}
.fourgame__tabs .tab-pane .ea__slider .swiper-pagination-bullet-active {
    background-color: var(--bg-1);
}
.fourgame__tabs .tab-pane .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 554px;
    justify-content: center;
}
@media (max-width: 1280px) {
    .fourgame__tabs .tab-pane .swiper-wrapper {
        height: 578px;
    }
}
@media (max-width: 768px) {
    .fourgame__tabs .tab-pane .swiper-wrapper {
        height: 100%;
    }
}
.fourgame__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.swiper-initialized .fourgame__item {
    opacity: 0.3;
    pointer-events: none;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.swiper-initialized .fourgame__item.swiper-slide-visible {
    opacity: 1;
    pointer-events: auto;
}
@media (max-width: 1280px) {
    .fourgame__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 25px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .fourgame__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .fourgame__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 200%;
        flex: 0 0 200%;
        max-width: 200%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.fourgame__bonuses {
    position: relative;
    z-index: 1;
}
.fourgame-bonuses__title {
    color: var(--white);
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}
.fourgame-bonuses__icons {
    -ms-flex-pack: distribute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 800px;
}
@media (min-width: 1024px) {
    .fourgame-bonuses__icons .icon-bonus-multy {
        height: 40px;
        width: 106px;
    }
    .fourgame-bonuses__icons .icon-bonus-spasibo {
        height: 36px;
        width: 134px;
    }
    .fourgame-bonuses__icons .icon-bonus-gorod {
        height: 30px;
        width: 152px;
    }
}
.fourgame__hr {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: rgba(199, 66, 66, 0.34);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3px;
    justify-content: center;
    margin: 0 auto 40px;
    max-width: 800px;
    position: relative;
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
}
@media (max-width: 800px) {
    .fourgame__hr {
        margin: 0 17px 40px;
    }
}
.fourgame__hr span {
    background-color: var(--bg-1);
    display: block;
    height: 3px;
    width: 200px;
}
@media (max-width: 768px) {
    .fourgame__hr span {
        width: 100px;
    }
}
.fourgame__hr:after,
.fourgame__hr:before {
    background-color: var(--bg-1);
    content: "";
    height: 3px;
    position: absolute;
    top: 0;
    width: 12px;
}
.fourgame__hr:before {
    left: -17px;
}
.fourgame__hr:after {
    right: -17px;
}
.fourgame__page {
    color: var(--white);
    font-family: var(--font-gotham);
    text-align: left;
}
.fourgame__page .breadcrumbs {
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 11;
}
@media (max-width: 768px) {
    .fourgame__page .swiper-filter__current {
        display: none;
    }
}
.fourgame__page .swiper-wrapper {
    height: auto;
}
.fourgame__page .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: auto;
    padding: 40px 0 20px;
    position: relative;
    width: auto;
}
.fourgame__page .swiper-pagination-lock {
    display: none;
}
.fourgame__page .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 10px;
    -webkit-box-flex: 0;
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 10px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    height: 20px;
    opacity: 1;
    width: 20px;
}
@media (max-width: 1024px) {
    .fourgame__page .swiper-pagination-bullet {
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
        height: 15px;
        width: 15px;
    }
}
@media (max-width: 374px) {
    .fourgame__page .swiper-pagination-bullet {
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
        height: 12px;
        width: 12px;
    }
}
.fourgame__page .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.fourgame__page .swiper-button-next,
.fourgame__page .swiper-button-prev {
    height: 86px;
    margin-top: -43px;
    -webkit-transform: translateY(-42px);
    -ms-transform: translateY(-42px);
    transform: translateY(-42px);
    width: 96px;
}
@media (max-width: 1100px) {
    .fourgame__page .swiper-button-next,
    .fourgame__page .swiper-button-prev {
        display: none;
    }
}
.fourgame__page .swiper-button-next:before,
.fourgame__page .swiper-button-prev:before {
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-8deg);
    -ms-transform: skew(-8deg);
    transform: skew(-8deg);
    -webkit-transition: var(--transition05-transform), var(--transition05-background);
    -o-transition: var(--transition05-transform), var(--transition05-background);
    transition: var(--transition05-transform), var(--transition05-background);
    z-index: -2;
}
.fourgame__page .swiper-button-next:after,
.fourgame__page .swiper-button-prev:after {
    display: none;
}
.fourgame__page .swiper-button-next .icon,
.fourgame__page .swiper-button-prev .icon {
    stroke-linecap: round;
    stroke: var(--black);
    fill: none;
    stroke-width: 9;
}
.fourgame__page .swiper-button-next:hover:before,
.fourgame__page .swiper-button-prev:hover:before {
    background-color: #5c478d;
    -webkit-transform: skew(-8deg) scale(1.06);
    -ms-transform: skew(-8deg) scale(1.06);
    transform: skew(-8deg) scale(1.06);
}
.fourgame__page .swiper-button-next:hover .icon,
.fourgame__page .swiper-button-prev:hover .icon {
    stroke: var(--white);
}
.fourgame__page .swiper-button-prev {
    left: -140px;
}
@media (max-width: 1280px) {
    .fourgame__page .swiper-button-prev {
        left: -120px;
    }
}
.fourgame__page .swiper-button-prev:hover .icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounce2;
    animation-name: bounce2;
}
.fourgame__page .swiper-button-next {
    right: -140px;
}
@media (max-width: 1280px) {
    .fourgame__page .swiper-button-next {
        right: -120px;
    }
}
.fourgame__page .swiper-button-next:hover .icon {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounce2;
    animation-name: bounce2;
}
.fourgame__page .swiper__filter {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: center;
    margin-bottom: 36px;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 768px) {
    .fourgame__page .swiper__filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 28px;
    }
}
.fourgame__page .swiper__filter .visible-scroll {
    padding-bottom: 30px;
}
.fourgame__page .swiper__filter ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-rubik);
    justify-content: center;
    margin-bottom: 0;
    padding: 0;
}
@media (max-width: 1024px) {
    .fourgame__page .swiper__filter ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-right: 20px;
    }
}
@media (max-width: 768px) {
    .fourgame__page .swiper__filter ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        background: none;
        border-radius: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start;
        opacity: 1;
        padding: 0;
        position: static;
        right: auto;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
    }
}
.fourgame__page .swiper__filter ul li {
    list-style-type: none;
    margin: 0 16px;
    padding: 0;
}
@media (max-width: 1024px) {
    .fourgame__page .swiper__filter ul li:first-child {
        margin-left: 25px;
    }
    .fourgame__page .swiper__filter ul li:last-child {
        margin-right: 25px;
    }
}
.fourgame__page .swiper__filter ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: hsla(0, 0%, 100%, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 500;
    height: 45px;
    opacity: 1;
    padding: 0 20px;
    position: relative;
    text-shadow: 1.92px 1.92px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    -webkit-transition: var(--transition03-color);
    -o-transition: var(--transition03-color);
    transition: var(--transition03-color);
    white-space: nowrap;
    z-index: 1;
}
.fourgame__page .swiper__filter ul li a:after {
    display: none;
}
.fourgame__page .swiper__filter ul li a:before {
    background: #1d1831;
    border-radius: 5px;
    bottom: 0;
    content: "";
    height: auto;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-14deg, 0.0001deg);
    -ms-transform: skew(-14deg, 0.0001deg);
    transform: skew(-14deg, 0.0001deg);
    -webkit-transition: var(--transition03-background);
    -o-transition: var(--transition03-background);
    transition: var(--transition03-background);
    width: auto;
    z-index: -1;
}
@media (max-width: 768px) {
    .fourgame__page .swiper__filter ul li a:before {
        display: block;
    }
    .fourgame__page .swiper__filter .do-nicescroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0;
        z-index: 10;
    }
    .fourgame__page .swiper__filter .do-nicescroll .nicescroll-rails-hr {
        border-radius: 10px;
        left: 20px !important;
        overflow: hidden;
        right: 20px !important;
        width: auto !important;
    }
}
@media (max-width: 1024px) {
    .fourgame__page .swiper__filter .do-nicescroll .nicescroll-rails-hr {
        background: hsla(0, 0%, 100%, 0.1);
    }
}
.fourgame__page .go-down {
    bottom: 65px;
    left: 50%;
    margin: 0 0 0 -12px;
    position: absolute;
}
@media (max-width: 940px) {
    .fourgame__page .go-down {
        bottom: 40px;
    }
}
.fourgame-page__navi {
    font-family: var(--font-rubik);
    height: 144px;
    margin-bottom: 90px;
    margin-top: 0;
    padding-top: 35px;
    position: relative;
    z-index: 10;
}
@media (max-width: 768px) {
    .fourgame-page__navi {
        padding-top: 15px;
    }
    .fourgame-page__navi.active:before {
        background: #302746;
        bottom: -10px;
        content: "";
        height: 580px;
        left: -20px;
        position: absolute;
        right: -20px;
        top: -120px;
        z-index: -1;
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    pointer-events: none;
    -webkit-transition: margin 0.2s;
    -o-transition: margin 0.2s;
    transition: margin 0.2s;
}
.fourgame-page__navi.scroll-to-fixed-fixed.out {
    margin-top: 65px;
}
@media (max-width: 768px) {
    .fourgame-page__navi.scroll-to-fixed-fixed.out {
        margin-top: 60px;
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed .fourgame-page-navi__menu {
    pointer-events: auto;
}
@media (max-width: 414px) {
    .fourgame-page__navi.scroll-to-fixed-fixed .fourgame-page-navi__menu {
        width: 100%;
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed .fourgame-page-navi-menu__ul {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.fourgame-page__navi.scroll-to-fixed-fixed .fourgame-page-navi-menu__adaptive {
    display: block;
    opacity: 1;
    position: relative;
    z-index: 1;
}
@media (max-width: 414px) {
    .fourgame-page__navi.scroll-to-fixed-fixed .fourgame-page-navi-menu__adaptive {
        width: 100%;
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed .fourgame-page-navi-menu__adaptive a {
    background: rgba(48, 39, 70, 0.8);
}
.fourgame-page__navi.scroll-to-fixed-fixed .fourgame-page-navi-menu__adaptive:before {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    bottom: -10px;
    content: "";
    left: -10px;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: -1;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .fourgame-page__navi.scroll-to-fixed-fixed .fourgame-page-navi-menu__adaptive:before {
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
        background: rgba(0, 0, 0, 0.1);
    }
}
@media (max-width: 768px) {
    .fourgame-page__navi.scroll-to-fixed-fixed .fourgame-page-navi-menu__adaptive:before {
        display: none;
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed .fourgame-page-navi__games {
    display: none;
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.fourgame-page__navi.scroll-to-fixed-fixed.active {
    display: block;
    pointer-events: auto;
}
.fourgame-page__navi.scroll-to-fixed-fixed.active:before {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    bottom: -20px;
    content: "";
    left: -10px;
    position: absolute;
    right: -10px;
    top: 25px;
    z-index: -1;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .fourgame-page__navi.scroll-to-fixed-fixed.active:before {
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
        background: rgba(0, 0, 0, 0.1);
    }
}
@media (max-width: 768px) {
    .fourgame-page__navi.scroll-to-fixed-fixed.active:before {
        background: #302746;
        border-radius: 0;
        bottom: -10px;
        height: 560px;
        left: -20px;
        right: -20px;
        top: -90px;
        z-index: -1;
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed.active .fourgame-page-navi-menu__ul {
    display: block;
}
.fourgame-page__navi.scroll-to-fixed-fixed.active .fourgame-page-navi-menu__ul .return-to-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .fourgame-page__navi.scroll-to-fixed-fixed.active .fourgame-page-navi-menu__ul .return-to-min {
        display: none;
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed.active .fourgame-page-navi-menu__adaptive {
    opacity: 0;
}
@media (max-width: 768px) {
    .fourgame-page__navi.scroll-to-fixed-fixed.active .fourgame-page-navi-menu__adaptive {
        display: block;
    }
    .fourgame-page__navi.scroll-to-fixed-fixed.active .fourgame-page-navi-menu__adaptive:before {
        display: none;
    }
    .fourgame-page__navi.scroll-to-fixed-fixed.active .fourgame-page-navi-menu__adaptive a {
        background: rgba(26, 19, 40, 0.6);
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed.active .fourgame-page-navi__games {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.fourgame-page__navi.scroll-to-fixed-fixed.active.show .fourgame-page-navi-menu__ul {
    background: rgba(48, 39, 70, 0.8);
    opacity: 1;
}
@media (max-width: 768px) {
    .fourgame-page__navi.scroll-to-fixed-fixed.active.show .fourgame-page-navi-menu__ul {
        background: rgba(26, 19, 40, 0.6);
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed.active.show .fourgame-page-navi-menu__adaptive {
    display: none;
}
@media (max-width: 768px) {
    .fourgame-page__navi.scroll-to-fixed-fixed.active.show .fourgame-page-navi-menu__adaptive {
        display: block;
        opacity: 1;
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed.active.show .fourgame-page-navi__games {
    opacity: 1;
}
.fourgame-page__navi.scroll-to-fixed-fixed.active.show .fourgame-page-navi-games__list ul li a {
    background: rgba(48, 39, 70, 0.8);
}
@media (max-width: 768px) {
    .fourgame-page__navi.scroll-to-fixed-fixed.active.show .fourgame-page-navi-games__list ul li a {
        background: rgba(26, 19, 40, 0.6);
    }
}
.fourgame-page__navi.scroll-to-fixed-fixed.active.show .fourgame-page-navi-games__list ul li a:hover {
    background: var(--fgp-color-1);
    color: var(--black);
}
.fourgame-page-navi-menu__adaptive {
    display: none;
    height: 56px;
    margin-bottom: 12px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
@media (max-width: 768px) {
    .active .fourgame-page-navi-menu__adaptive {
        margin-bottom: 0;
    }
}
.fourgame-page-navi-menu__adaptive a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(48, 39, 70, 0.9);
    border-radius: var(--br-10);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    justify-content: center;
    opacity: 1;
    padding: 0 30px;
    text-decoration: none;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .fourgame-page-navi-menu__adaptive a {
        background: rgba(26, 19, 40, 0.6);
    }
    .active .fourgame-page-navi-menu__adaptive a {
        border-radius: var(--br-10) var(--br-10) 0 0;
    }
}
@media (max-width: 374px) {
    .fourgame-page-navi-menu__adaptive a {
        padding: 0 28px;
    }
}
.fourgame-page-navi-menu__adaptive a .menu-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 374px) {
    .fourgame-page-navi-menu__adaptive a .menu-text {
        width: 100%;
    }
}
.fourgame-page-navi-menu__adaptive a .menu-text > .icon {
    display: block;
    margin: 0 16px 0 0;
}
.fourgame-page-navi-menu__adaptive a .menu-text > .icon .icon {
    display: block;
}
@media (max-width: 349px) {
    .fourgame-page-navi-menu__adaptive a .menu-text .name span {
        display: none;
    }
}
.fourgame-page-navi-menu__adaptive a .menu-text > .arrow {
    display: block;
    margin: 0 0 0 10px;
}
.fourgame-page-navi-menu__adaptive a .menu-text > .arrow .icon {
    --color-1: var(--white);
    display: block;
}
.active .fourgame-page-navi-menu__adaptive a .menu-text > .arrow .icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
@media (max-width: 768px) {
    .fourgame-page-navi-menu__adaptive {
        display: block;
        opacity: 1;
    }
}
.fourgame-page-navi-menu__ul {
    background: rgba(26, 19, 40, 0.6);
    border-radius: var(--br-10);
    height: 56px;
    margin-bottom: 12px;
    padding: 0 50px;
}
@media (max-width: 1140px) {
    .fourgame-page-navi-menu__ul {
        padding-left: 10px;
    }
}
@media (max-width: 768px) {
    .fourgame-page-navi-menu__ul {
        display: none;
        padding: 0 10px;
    }
    .active .fourgame-page-navi-menu__ul {
        border-radius: 0 0 var(--br-10) var(--br-10);
        display: block;
        height: auto;
    }
}
.fourgame-page-navi-menu__ul .return-to-min {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: var(--br-5);
    cursor: pointer;
    display: none;
    height: 36px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 45px;
    -webkit-transition: var(--transition03-background);
    -o-transition: var(--transition03-background);
    transition: var(--transition03-background);
    width: 42px;
}
.fourgame-page-navi-menu__ul .return-to-min:hover {
    background: rgba(48, 39, 70, 0.6);
}
.fourgame-page-navi-menu__ul ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 11px;
}
@media (max-width: 768px) {
    .fourgame-page-navi-menu__ul ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto;
        max-width: 298px;
        padding-bottom: 4px;
        padding-top: 13px;
        position: relative;
    }
    .fourgame-page-navi-menu__ul ul:before {
        background: hsla(0, 0%, 100%, 0.1);
        border-radius: 2px;
        content: "";
        height: 2px;
        left: 10px;
        position: absolute;
        right: 10px;
        top: 0;
    }
}
.fourgame-page-navi-menu__ul ul li {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    list-style-type: none;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .fourgame-page-navi-menu__ul ul li {
        margin-bottom: 10px;
    }
}
.fourgame-page-navi-menu__ul ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--br-5);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px;
    text-decoration: none;
    -webkit-transition: var(--transition03-background);
    -o-transition: var(--transition03-background);
    transition: var(--transition03-background);
}
@media (max-width: 1140px) {
    .fourgame-page-navi-menu__ul ul li a {
        padding: 8px 10px;
    }
}
@media (max-width: 1024px) {
    .fourgame-page-navi-menu__ul ul li a {
        padding: 8px;
    }
}
.fourgame-page-navi-menu__ul ul li a > .icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: block;
    justify-content: center;
    margin: 0 15px 0 0;
    width: 18px;
}
.fourgame-page-navi-menu__ul ul li a > .icon .icon {
    display: block;
}
.fourgame-page-navi-menu__ul ul li a .name {
    opacity: 0.9;
}
@media (max-width: 1280px) {
    .fourgame-page-navi-menu__ul ul li a .name span {
        display: none;
    }
}
.fourgame-page-navi-menu__ul ul li a:hover {
    background-color: hsla(0, 0%, 100%, 0.05);
    opacity: 1;
}
.fourgame-page-navi-menu__ul ul li a:hover .name {
    opacity: 1;
}
.fourgame-page-navi-menu__ul ul li a.icon-desktop > .icon {
    display: none;
}
@media (max-width: 768px) {
    .fourgame-page-navi-menu__ul ul li a.icon-desktop > .icon {
        display: block;
    }
}
.fourgame-page-navi__games {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
}
@media (max-width: 1280px) {
    .fourgame-page-navi__games {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: -10px;
        margin-right: -30px;
    }
}
@media (max-width: 768px) {
    .fourgame-page-navi__games {
        margin-left: -30px;
        padding-left: 0;
    }
}
.fourgame-page-navi-games__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 0 0;
    padding: 12px 0 0;
}
@media (max-width: 1280px) {
    .fourgame-page-navi-games__label {
        width: 160px;
    }
}
@media (max-width: 768px) {
    .fourgame-page-navi-games__label {
        display: none;
    }
}
.fourgame-page-navi-games__label .icon {
    display: block;
    margin: 0 10px 0 0;
}
.fourgame-page-navi-games__label .name {
    font-size: 16px;
    white-space: nowrap;
}
@media (max-width: 1280px) {
    .fourgame-page-navi-games__list {
        max-width: 100%;
    }
    .fourgame-page-navi-games__list .do-nicescroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0;
        z-index: 10;
    }
    .fourgame-page-navi-games__list .do-nicescroll .nicescroll-rails-hr {
        background-color: hsla(0, 0%, 100%, 0.1);
        border-radius: 10px;
        left: 10px !important;
        overflow: hidden;
        right: 30px !important;
        width: auto !important;
    }
}
@media (max-width: 1280px) and (max-width: 768px) {
    .fourgame-page-navi-games__list .do-nicescroll .nicescroll-rails-hr {
        left: 30px !important;
    }
}
@media (max-width: 768px) {
    .fourgame-page-navi-games__list {
        font-size: 14px;
        max-width: 100%;
    }
}
.fourgame-page-navi-games__list ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px;
    padding: 8px 0 0;
}
.fourgame-page-navi-games__list ul li {
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
}
@media (max-width: 768px) {
    .fourgame-page-navi-games__list ul li:first-child {
        padding-left: 30px;
    }
}
.fourgame-page-navi-games__list ul li:last-child {
    padding-right: 12px;
}
@media (max-width: 1280px) {
    .fourgame-page-navi-games__list ul li:last-child {
        padding-right: 30px;
    }
}
.fourgame-page-navi-games__list ul li a {
    background: rgba(26, 19, 40, 0.6);
    border-radius: var(--br-5);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    -webkit-transition: var(--transition03-background);
    -o-transition: var(--transition03-background);
    transition: var(--transition03-background);
}
.fourgame-page-navi-games__list ul li a .name {
    white-space: nowrap;
}
.fourgame-page-navi-games__list ul li a .new {
    background-color: var(--fgp-color-1);
    border-radius: 2px;
    color: var(--black);
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    padding: 3px 5px 1px;
    position: absolute;
    right: -12px;
    text-transform: uppercase;
    top: -8px;
}
.fourgame-page-navi-games__list ul li a:hover {
    background: rgba(26, 19, 40, 0.8);
    opacity: 1;
}
.fourgame-page__first {
    background: #161228;
    overflow: hidden;
    padding-top: 44px;
    position: relative;
}
.fourgame-page__first:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-111.34%, var(--bg-1)), to(#161228));
    background: -webkit-linear-gradient(top, var(--bg-1) -111.34%, #161228 100%);
    background: -o-linear-gradient(top, var(--bg-1) -111.34%, #161228 100%);
    background: linear-gradient(180deg, var(--bg-1) -111.34%, #161228 100%);
    content: "";
    height: 80%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.fourgame-page__first:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-bottom-blur.png) 50% 100% no-repeat;
    bottom: 0;
    content: "";
    height: 54px;
    left: 50%;
    margin: 0 0 0 -660px;
    pointer-events: none;
    position: absolute;
    width: 1320px;
}
.fourgame-page__first .b-container {
    position: relative;
}
.fourgame-page-first__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/bubbles.png) 50% 50% no-repeat;
    background-size: cover;
    height: 1051px;
    left: 50%;
    margin-left: -926.5px;
    margin-top: -525.5px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1853px;
}
.fourgame-page-first__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.fourgame-page-first__content {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-first__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.fourgame-page-first__logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    padding-left: 50px;
}
@media (max-width: 1140px) {
    .fourgame-page-first__logo {
        margin-bottom: 26px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
    }
}
.fourgame-page-first-logo__pic {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    margin: 0 25px 0 0;
    width: 50px;
}
@media (max-width: 940px) {
    .fourgame-page-first-logo__pic {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35px;
        flex: 0 0 35px;
        margin: 0 20px 0 0;
        width: 35px;
    }
}
.fourgame-page-first-logo__pic .icon {
    display: block;
}
@media (max-width: 940px) {
    .fourgame-page-first-logo__pic .icon {
        height: 35px;
        width: 35px;
    }
}
.fourgame-page-first-logo__name {
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
}
@media (max-width: 940px) {
    .fourgame-page-first-logo__name {
        font-size: 25px;
        line-height: 30px;
    }
}
.fourgame-page-first__title {
    font-size: 80px;
    font-weight: 700;
    line-height: 96px;
    margin-bottom: 40px;
    padding-left: 42px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .fourgame-page-first__title {
        font-size: 60px;
        line-height: 72px;
        margin-bottom: 30px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 42px;
        justify-content: center;
        line-height: 50px;
        padding-left: 0;
    }
}
@media (max-width: 374px) {
    .fourgame-page-first__title {
        font-size: 36px;
    }
}
.fourgame-page-first__title span {
    display: block;
}
@media (max-width: 1140px) {
    .fourgame-page-first__title span {
        padding-left: 6px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__title span {
        text-align: center;
        width: 100%;
    }
}
.fourgame-page-first__title span.colored {
    color: #341a2c;
    display: inline-block;
    font-size: 70px;
    line-height: 84px;
    margin-bottom: 34px;
    padding: 5px 45px;
    position: relative;
    width: auto;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page-first__title span.colored {
        font-size: 55px;
        line-height: 66px;
        margin-bottom: 20px;
        padding: 11px 47px 13px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__title span.colored {
        font-size: 38px;
        line-height: 46px;
        padding: 7px 30px;
        text-align: left;
    }
}
.fourgame-page-first__title span.colored:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-title-bg.svg) 50% 50% no-repeat;
    content: "";
    height: 93px;
    left: 0;
    position: absolute;
    top: 0;
    width: 455px;
    z-index: -1;
}
@media (max-width: 1140px) {
    .fourgame-page-first__title span.colored:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-title-bg-md.svg) 50% 50% no-repeat;
        height: 86px;
        left: 7px;
        width: 376px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__title span.colored:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-title-bg-sm.svg) 50% 50% no-repeat;
        height: 61px;
        left: 50%;
        margin: 0 0 0 -132px;
        width: 263px;
    }
}
.fourgame-page-first__title span.colored .fourgame-icon1 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-icon1.svg) 50% 50% no-repeat;
    content: "";
    height: 47px;
    position: absolute;
    right: -83px;
    top: -93px;
    width: 76px;
}
@media (max-width: 1140px) {
    .fourgame-page-first__title span.colored .fourgame-icon1 {
        right: -85px;
        top: -75px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__title span.colored .fourgame-icon1 {
        left: -66px;
        right: auto;
        top: -66px;
    }
}
.fourgame-page-first__goods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 117px;
    max-width: 580px;
    padding: 0 25px 15px;
    position: relative;
}
@media (max-width: 1280px) {
    .fourgame-page-first__goods {
        margin-right: -200px;
        max-width: 600px;
    }
}
@media (max-width: 1140px) {
    .fourgame-page-first__goods {
        margin: 0 -200px 0 50px;
        max-width: 530px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__goods {
        margin: 0 auto 50px;
    }
}
@media (max-width: 600px) {
    .fourgame-page-first__goods {
        display: none;
    }
}
.fourgame-page-first__goods:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-arrow.svg) 50% 50% no-repeat;
    bottom: 45px;
    content: "";
    height: 353px;
    left: -162px;
    position: absolute;
    width: 115px;
}
@media (max-width: 1140px) {
    .fourgame-page-first__goods:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-arrow-md.svg) 50% 50% no-repeat;
        bottom: 43px;
        height: 296px;
        left: -114px;
        width: 86px;
    }
}
.fourgame-page-first__goods:before {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-5deg);
    -ms-transform: skew(-5deg);
    transform: skew(-5deg);
}
.fourgame-page-first__goods ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    opacity: 0.8;
    padding: 15px 0 5px 31px;
    position: relative;
    width: 580px;
}
@media (max-width: 1140px) {
    .fourgame-page-first__goods ul {
        font-size: 16px;
    }
}
.fourgame-page-first__goods ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56%;
    flex: 0 0 56%;
    margin: 0;
    max-width: 56%;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-first__goods ul li {
        margin-bottom: 0;
    }
}
.fourgame-page-first__goods ul li:nth-child(2n) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    max-width: 44%;
}
.fourgame-page-first__goods ul li:nth-child(3) {
    margin-left: -4px;
}
.fourgame-page-first__goods ul li:nth-child(4) {
    margin-left: 0;
}
.fourgame-page-first__goods ul li:nth-child(5) {
    margin-left: -8px;
}
.fourgame-page-first__goods ul li:nth-child(6) {
    margin-left: 0;
}
.fourgame-page-first__goods ul li a {
    color: var(--white);
    text-decoration: none;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.fourgame-page-first__goods ul li a:hover {
    opacity: 0.5;
}
.fourgame-page-first__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-first__slider {
        padding-right: 30px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__slider {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
        width: 100%;
    }
}
.fourgame-page-first__slider .fourgame-icon2 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-icon3.svg) 50% 50% no-repeat;
    height: 38px;
    position: absolute;
    right: 136px;
    top: -28px;
    width: 47px;
}
@media (max-width: 1140px) {
    .fourgame-page-first__slider .fourgame-icon2 {
        right: 32px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__slider .fourgame-icon2 {
        left: 50%;
        margin: 0 0 0 140px;
        right: auto;
        top: -400px;
    }
}
@media (max-width: 600px) {
    .fourgame-page-first__slider .fourgame-icon2 {
        top: -220px;
    }
}
.fourgame-page-first__slider .swiper-container {
    padding-bottom: 128px;
}
@media (max-width: 1140px) {
    .fourgame-page-first__slider .swiper-container {
        padding-bottom: 0;
    }
}
.fourgame-page-first__slider .swiper-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: center;
}
.fourgame-page-first__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 8px;
    -webkit-box-flex: 0;
    background: hsla(0, 0%, 100%, 0.2);
    -ms-flex: 0 0 15px;
    flex: 0 0 15px;
    height: 15px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) !important;
    opacity: 1;
    width: 15px;
}
@media (max-width: 374px) {
    .fourgame-page-first__slider .swiper-pagination-bullet {
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
        height: 12px;
        width: 12px;
    }
}
.fourgame-page-first__slider .swiper-pagination-bullet-active {
    background: var(--bg-1);
}
.fourgame-page-first__slider img {
    max-height: 160px;
    max-width: 400px;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-first__slider img {
        max-width: 270px;
    }
}
.fourgame-page-first__bottom {
    padding-bottom: 223px;
    padding-top: 56px;
    pointer-events: none;
    position: relative;
}
@media (max-width: 1140px) {
    .fourgame-page-first__bottom {
        padding-bottom: 279px;
        padding-top: 0;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__bottom {
        padding-bottom: 300px;
        padding-top: 46px;
    }
}
.fourgame-page-first__bottom .fourgame-icon3 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-icon2.svg) 50% 50% no-repeat;
    height: 60px;
    left: 37px;
    position: absolute;
    top: 78px;
    width: 61px;
}
@media (max-width: 1140px) {
    .fourgame-page-first__bottom .fourgame-icon3 {
        top: 189px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__bottom .fourgame-icon3 {
        left: 0;
        top: 99px;
    }
}
.fourgame-page-first__bottom .premium {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-top: 11px;
    position: relative;
}
@media (max-width: 1140px) {
    .fourgame-page-first__bottom .premium {
        margin-top: -80px;
        padding-right: 56px;
        padding-top: 0;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__bottom .premium {
        margin-top: 0;
        padding-right: 0;
    }
}
.fourgame-page-first__bottom .premium .fourgame-icon4 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-icon4.svg);
    content: "";
    height: 42px;
    left: 19.3%;
    position: absolute;
    top: 12px;
    width: 74px;
}
@media (max-width: 1140px) {
    .fourgame-page-first__bottom .premium .fourgame-icon4 {
        left: 22%;
        top: 136px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__bottom .premium .fourgame-icon4 {
        left: -20px;
    }
}
.fourgame-page-first__bottom .premium .fourgame-icon5 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-icon5.svg);
    content: "";
    height: 54px;
    position: absolute;
    right: 72px;
    top: -65px;
    width: 76px;
}
@media (max-width: 1140px) {
    .fourgame-page-first__bottom .premium .fourgame-icon5 {
        right: 12px;
        top: 163px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__bottom .premium .fourgame-icon5 {
        right: 0;
        top: 120px;
    }
}
.fourgame-page-first__bottom .premium a {
    color: #351a2c;
    display: block;
    font-size: 23px;
    font-weight: 700;
    line-height: 40px;
    margin-left: 700px;
    padding: 6px 15px 6px 40px;
    pointer-events: auto;
    position: relative;
    text-decoration: none;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page-first__bottom .premium a {
        font-size: 20px;
        margin: 0 0 0 auto;
        padding: 3px 25px;
        white-space: nowrap;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__bottom .premium a {
        margin: 0 auto;
    }
}
.fourgame-page-first__bottom .premium a:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-title-premium-bg.svg) 50% 50% no-repeat;
    content: "";
    height: 52px;
    left: 0;
    position: absolute;
    top: 0;
    width: 296px;
    z-index: -1;
}
@media (max-width: 1140px) {
    .fourgame-page-first__bottom .premium a:before {
        background-image: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-title-premium-bg-md.svg);
        height: 46px;
        width: 243px;
    }
}
.fourgame-page-first__bottom .premium a:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-arrow2.svg) 50% 50% no-repeat;
    content: "";
    height: 64px;
    left: -406px;
    position: absolute;
    top: 14px;
    width: 368px;
}
@media (max-width: 1140px) {
    .fourgame-page-first__bottom .premium a:after {
        background-image: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-arrow2-md.svg);
        height: 108px;
        left: 50px;
        margin: 30px 0 0;
        top: 100%;
        width: 134px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-first__bottom .premium a:after {
        background-image: url(/bitrix/templates/c4g/css/../pictures/4g/page/first-arrow2-sm.svg);
        height: 108px;
        left: 50%;
        margin: 30px 0 0 -72px;
        width: 84px;
    }
}
.fourgame-page-first__bottom .logo4g {
    bottom: 0;
    height: 133px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.fourgame-page-first__bottom .logo4g span {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
@media (max-width: 600px) {
    .fourgame-page-first__bottom .logo4g span img {
        height: 220px;
        width: 220px;
    }
}
.fourgame-page__second {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#181523));
    background: -webkit-linear-gradient(top, #000, #181523);
    background: -o-linear-gradient(top, #000 0, #181523 100%);
    background: linear-gradient(180deg, #000, #181523);
    overflow: hidden;
    padding-bottom: 170px;
    padding-top: 178px;
    position: relative;
    z-index: 1;
}
@media (max-width: 940px) {
    .fourgame-page__second {
        padding-bottom: 120px;
    }
}
.fourgame-page__second .ea__slider {
    margin-bottom: 0;
    max-width: 1820px;
    padding-top: 0;
}
.fourgame-page-second__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 55px;
    padding: 0 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-second__header {
        margin-bottom: 30px;
    }
}
.fourgame-page-second-header__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}
@media (max-width: 1140px) {
    .fourgame-page-second-header__title {
        margin-bottom: 30px;
    }
}
.fourgame-page-second-header__title .title {
    color: #000;
    display: block;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    padding: 7px 38px 7px 50px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
@media (max-width: 940px) {
    .fourgame-page-second-header__title .title {
        font-size: 26px;
        line-height: 31px;
        padding: 8px 5px;
    }
}
.fourgame-page-second-header__title .title:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/second-title-bg.svg) 50% 50% no-repeat;
    content: "";
    height: 62px;
    left: 50%;
    margin: -31px 0 0 -260px;
    position: absolute;
    top: 50%;
    width: 519px;
    z-index: -1;
}
@media (max-width: 940px) {
    .fourgame-page-second-header__title .title:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/second-title-bg-sm.svg) 50% 50% no-repeat;
        height: 52px;
        margin-left: -170.5px;
        margin-top: -26px;
        width: 341px;
    }
}
@media (max-width: 374px) {
    .fourgame-page-second-header__title .title:before {
        background-size: 100% 100%;
        margin-left: -155px;
        width: 310px;
    }
}
.fourgame-page-second-header__title .title:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/second-arrow.svg) 50% 50% no-repeat;
    content: "";
    height: 113px;
    margin: 0 66px 0 0;
    position: absolute;
    right: 100%;
    top: -71px;
    width: 241px;
}
@media (max-width: 940px) {
    .fourgame-page-second-header__title .title:after {
        display: none;
    }
}
.fourgame-page-second-header__title .more-block {
    font-size: 25px;
    font-weight: 500;
    left: 100%;
    line-height: 30px;
    margin: 0 0 0 -15px;
    position: absolute;
    text-transform: lowercase;
    top: -28px;
}
@media (max-width: 1140px) {
    .fourgame-page-second-header__title .more-block {
        font-size: 20px;
        line-height: 24px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-second-header__title .more-block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 30%;
        top: -36px;
    }
}
@media (max-width: 374px) {
    .fourgame-page-second-header__title .more-block {
        font-size: 18px;
        line-height: 22px;
    }
}
.fourgame-page-second-header__title .more-block__bg {
    display: block;
    margin: 0 0 5px;
    padding: 4px 28px 7px 25px;
    position: relative;
    white-space: nowrap;
    z-index: 1;
}
.fourgame-page-second-header__title .more-block__bg span {
    display: inline-block;
    margin-top: 3px;
    vertical-align: top;
}
.fourgame-page-second-header__title .more-block__bg:before {
    background: var(--fgp-color-1);
    border: 5px solid var(--black);
    border-radius: var(--br-10);
    bottom: -2px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -5px;
    -webkit-transform: skew(-8deg);
    -ms-transform: skew(-8deg);
    transform: skew(-8deg);
    z-index: -1;
}
.fourgame-page-second-header__title .more-block__arenda {
    color: var(--fgp-color-1);
    padding: 2px 0 0 48px;
}
@media (max-width: 940px) {
    .fourgame-page-second-header__title .more-block__arenda {
        left: 100%;
        padding: 0 0 0 6px;
        position: absolute;
        top: 4px;
        white-space: nowrap;
    }
}
.fourgame-page-second-header__desc {
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    max-width: 620px;
    text-align: center;
}
@media (max-width: 1140px) {
    .fourgame-page-second-header__desc {
        font-size: 20px;
        line-height: 35px;
        max-width: 506px;
    }
}
@media (max-width: 600px) {
    .fourgame-page-second-header__desc {
        font-size: 16px;
        line-height: 30px;
        margin: 0 -15px;
    }
}
.fourgame-page-second__icon,
.fourgame-page-second__logo {
    position: absolute;
}
.fourgame-page-second__icon.star-big,
.fourgame-page-second__logo.star-big {
    left: 50%;
    margin: 0 0 0 -77px;
    top: -95px;
}
.fourgame-page-second__icon.star-big .icon,
.fourgame-page-second__logo.star-big .icon {
    fill: var(--fgp-color-1);
}
@media (max-width: 1140px) {
    .fourgame-page-second__icon.star-big,
    .fourgame-page-second__logo.star-big {
        left: 44%;
        top: -85px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-second__icon.star-big,
    .fourgame-page-second__logo.star-big {
        left: auto;
        right: 5%;
        top: -165px;
    }
}
.fourgame-page-second__icon.star-min1,
.fourgame-page-second__logo.star-min1 {
    left: 10.7%;
    top: 222px;
}
.fourgame-page-second__icon.star-min1 .icon,
.fourgame-page-second__logo.star-min1 .icon {
    fill: var(--fgp-color-1);
}
@media (max-width: 1140px) {
    .fourgame-page-second__icon.star-min1,
    .fourgame-page-second__logo.star-min1 {
        display: none;
    }
}
.fourgame-page-second__icon.star-min2,
.fourgame-page-second__logo.star-min2 {
    right: 32px;
    top: 150px;
}
.fourgame-page-second__icon.star-min2 .icon,
.fourgame-page-second__logo.star-min2 .icon {
    fill: var(--fgp-color-1);
}
@media (max-width: 1140px) {
    .fourgame-page-second__icon.star-min2,
    .fourgame-page-second__logo.star-min2 {
        display: none;
    }
}
.fourgame-page-second__icon.diamond,
.fourgame-page-second__logo.diamond {
    left: 19.7%;
    top: 93px;
}
@media (max-width: 1140px) {
    .fourgame-page-second__icon.diamond,
    .fourgame-page-second__logo.diamond {
        left: 8%;
        top: 147px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-second__icon.diamond,
    .fourgame-page-second__logo.diamond {
        left: 50%;
        margin: 0 0 0 -150px;
        top: -50px;
    }
}
.fourgame-page-second__icon.triangle,
.fourgame-page-second__logo.triangle {
    right: 11%;
    top: -50px;
}
@media (max-width: 1140px) {
    .fourgame-page-second__icon.triangle,
    .fourgame-page-second__logo.triangle {
        right: 4%;
        top: -11px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-second__icon.triangle,
    .fourgame-page-second__logo.triangle {
        display: none;
    }
}
.fourgame-page-second__icon.aion,
.fourgame-page-second__logo.aion {
    left: 19.7%;
    top: -70px;
}
@media (max-width: 1140px) {
    .fourgame-page-second__icon.aion,
    .fourgame-page-second__logo.aion {
        left: 13.1%;
        top: -93px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-second__icon.aion,
    .fourgame-page-second__logo.aion {
        left: 5%;
        top: -110px;
    }
    .fourgame-page-second__icon.aion .icon,
    .fourgame-page-second__logo.aion .icon {
        height: 28px;
        width: 76px;
    }
}
.fourgame-page-second__icon.crowfall,
.fourgame-page-second__logo.crowfall {
    right: 9%;
    top: 93px;
}
@media (max-width: 1140px) {
    .fourgame-page-second__icon.crowfall,
    .fourgame-page-second__logo.crowfall {
        right: 5%;
        top: 110px;
    }
    .fourgame-page-second__icon.crowfall .icon,
    .fourgame-page-second__logo.crowfall .icon {
        height: 30px;
        width: 130px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-second__icon.crowfall,
    .fourgame-page-second__logo.crowfall {
        right: 5%;
        top: -110px;
    }
    .fourgame-page-second__icon.crowfall .icon,
    .fourgame-page-second__logo.crowfall .icon {
        height: 24px;
        width: 105px;
    }
}
.fourgame-page-second__icon.ragnarok,
.fourgame-page-second__logo.ragnarok {
    left: 6%;
    top: 40px;
}
@media (max-width: 1140px) {
    .fourgame-page-second__icon.ragnarok,
    .fourgame-page-second__logo.ragnarok {
        left: 2%;
        top: 70px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-second__icon.ragnarok,
    .fourgame-page-second__logo.ragnarok {
        left: 50%;
        top: -110px;
        -webkit-transform: translate(-50%) !important;
        -ms-transform: translate(-50%) !important;
        transform: translate(-50%) !important;
    }
    .fourgame-page-second__icon.ragnarok .icon,
    .fourgame-page-second__logo.ragnarok .icon {
        height: 42px;
        width: 78px;
    }
}
.fourgame-page-second__icon.rf,
.fourgame-page-second__logo.rf {
    right: -5%;
    top: -9px;
}
@media (max-width: 1140px) {
    .fourgame-page-second__icon.rf,
    .fourgame-page-second__logo.rf {
        right: 14.5%;
        top: -111px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-second__icon.rf,
    .fourgame-page-second__logo.rf {
        left: 50%;
        top: -160px;
        -webkit-transform: translate(-50%) !important;
        -ms-transform: translate(-50%) !important;
        transform: translate(-50%) !important;
    }
    .fourgame-page-second__icon.rf .icon,
    .fourgame-page-second__logo.rf .icon {
        height: 40px;
        width: 130px;
    }
}
.fourgame-page-second__icon.premium,
.fourgame-page-second__logo.premium {
    left: 54.3%;
    top: -75px;
}
@media (max-width: 1140px) {
    .fourgame-page-second__icon.premium,
    .fourgame-page-second__logo.premium {
        left: 51.3%;
        top: -67px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-second__icon.premium,
    .fourgame-page-second__logo.premium {
        display: none;
    }
}
.fourgame-page-second__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-second__slider {
        padding: 0;
    }
}
.fourgame-page-second__slider .ea-slider__block {
    padding: 0;
}
.fourgame-page-second__slider .ea-slider__list {
    margin: 0 auto;
    position: relative;
}
@media (min-width: 897px) {
    .fourgame-page-second__slider .ea-slider__list {
        max-width: 896px;
        width: 100%;
    }
}
@media (max-width: 896px) and (min-width: 768px) {
    .fourgame-page-second__slider .ea-slider__list {
        width: 448px;
    }
}
.fourgame-page-second__slider .swiper__filter ul li a:before {
    background: #1d1831;
}
.fourgame-page-second__slider .swiper__filter ul li a:hover {
    color: var(--black);
}
.fourgame-page-second__slider .swiper__filter ul li a:hover:before {
    background: var(--fgp-color-1);
}
.fourgame-page-second__slider .swiper__filter ul li.active a {
    color: var(--black);
}
.fourgame-page-second__slider .swiper__filter ul li.active a:before {
    background: var(--fgp-color-1);
}
.fourgame-page-second__slider .swiper__container {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.fourgame-page-second__slider .swiper-button-next:before,
.fourgame-page-second__slider .swiper-button-prev:before,
.fourgame-page-second__slider .swiper-pagination-bullet-active {
    background: var(--fgp-color-1);
}
.fourgame-page-second__slider .swiper-button-next:after,
.fourgame-page-second__slider .swiper-button-prev:after {
    border-color: var(--fgp-color-1-hover);
}
.fourgame-page__thrid {
    background: #302746;
    color: var(--white);
    overflow: hidden;
    padding-bottom: 160px;
    padding-top: 98px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page__thrid {
        padding-top: 120px;
    }
}
@media (max-width: 940px) {
    .fourgame-page__thrid {
        padding-bottom: 120px;
    }
}
.fourgame-page__thrid:before {
    background: -webkit-linear-gradient(269.27deg, #000 0.62%, rgba(93, 85, 125, 0) 104.76%);
    background: -o-linear-gradient(269.27deg, #000 0.62%, rgba(93, 85, 125, 0) 104.76%);
    background: linear-gradient(180.73deg, #000 0.62%, rgba(93, 85, 125, 0) 104.76%);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.fourgame-page__thrid .b-container {
    position: relative;
    z-index: 1;
}
.fourgame-page-thrid__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/bubbles2.png) 50% 50% no-repeat;
    background-size: cover;
    height: 1051px;
    left: 50%;
    margin-left: -846.5px;
    margin-top: -525.5px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1693px;
}
.fourgame-page-thrid__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 48px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-thrid__header {
        margin-bottom: 30px;
    }
}
.fourgame-page-thrid-header__title {
    padding-left: 72px;
}
@media (max-width: 1140px) {
    .fourgame-page-thrid-header__title {
        padding-left: 37px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-thrid-header__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
    }
}
.fourgame-page-thrid-header__title .title {
    color: #13111c;
    display: inline-block;
    font-size: 70px;
    font-weight: 700;
    line-height: 84px;
    margin-bottom: 24px;
    padding: 5px 30px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page-thrid-header__title .title {
        margin-bottom: 30px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-thrid-header__title .title {
        font-size: 50px;
        line-height: 60px;
        padding: 6px 5px;
    }
}
.fourgame-page-thrid-header__title .title:after,
.fourgame-page-thrid-header__title .title:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.fourgame-page-thrid-header__title .title:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/thrid-title-bg.svg) 50% 50% no-repeat;
    height: 93px;
    left: 50%;
    margin: -46px 0 0 -206px;
    top: 50%;
    width: 417px;
    z-index: -1;
}
@media (max-width: 940px) {
    .fourgame-page-thrid-header__title .title:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/thrid-title-bg-sm.svg) 50% 50% no-repeat;
        height: 74px;
        margin-left: -144px;
        margin-top: -37px;
        width: 288px;
    }
}
.fourgame-page-thrid-header__title .title:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/thrid-arrow.svg) 100% 0 no-repeat;
    height: 199px;
    margin: 0 54px 0 0;
    right: 100%;
    top: 40px;
    width: 124px;
}
@media (max-width: 1140px) {
    .fourgame-page-thrid-header__title .title:after {
        display: none;
    }
}
.fourgame-page-thrid-header__title .more-block {
    margin: 0 0 0 -12px;
}
@media (max-width: 940px) {
    .fourgame-page-thrid-header__title .more-block {
        margin: 0;
    }
}
.fourgame-page-thrid-header__title .more-block__first {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .fourgame-page-thrid-header__title .more-block__first {
        font-size: 35px;
        line-height: 42px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-thrid-header__title .more-block__first {
        font-size: 22px;
        line-height: 26px;
        text-align: center;
    }
}
.fourgame-page-thrid-header__title .more-block__second {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    vertical-align: top;
}
@media (max-width: 1140px) {
    .fourgame-page-thrid-header__title .more-block__second {
        font-size: 20px;
        line-height: 40px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-thrid-header__title .more-block__second {
        display: block;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
    }
}
.fourgame-page-thrid-header__title .more-block__second:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/thrid-arrow2.svg) 50% 50% no-repeat;
    bottom: -14px;
    content: "";
    height: 62px;
    left: 100%;
    margin: 0 0 0 38%;
    position: absolute;
    width: 148px;
}
@media (max-width: 1140px) {
    .fourgame-page-thrid-header__title .more-block__second:after {
        display: none;
    }
}
.fourgame-page-thrid__icon {
    position: absolute;
}
.fourgame-page-thrid__icon.bag {
    left: 41.7%;
    top: 0;
}
@media (max-width: 1140px) {
    .fourgame-page-thrid__icon.bag {
        left: 52%;
        top: 17px;
    }
    .fourgame-page-thrid__icon.bag .icon-bag {
        height: 58px;
        width: 62px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-thrid__icon.bag {
        left: 5%;
        top: -107px;
    }
}
.fourgame-page-thrid__icon.smile {
    left: -5%;
    top: 274px;
}
.fourgame-page-thrid__icon.like-big {
    right: 19%;
    top: 60px;
}
@media (max-width: 1140px) {
    .fourgame-page-thrid__icon.like-big {
        right: 13.5%;
    }
    .fourgame-page-thrid__icon.like-big .icon {
        height: 89px;
        width: 81px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-thrid__icon.like-big {
        left: 50%;
        right: auto;
        top: -78px;
        -webkit-transform: translate(-50%) !important;
        -ms-transform: translate(-50%) !important;
        transform: translate(-50%) !important;
    }
}
.fourgame-page-thrid__icon.like-mins {
    right: 23%;
    top: 111px;
}
@media (max-width: 1140px) {
    .fourgame-page-thrid__icon.like-mins {
        right: 17%;
        top: 90px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-thrid__icon.like-mins {
        left: 50%;
        right: auto;
        top: -50px;
        -webkit-transform: translate(-50%) !important;
        -ms-transform: translate(-50%) !important;
        transform: translate(-50%) !important;
    }
}
.fourgame-page-thrid__icon.like-mins img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 1140px) {
    .fourgame-page-thrid__icon.like-mins img {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
    }
}
.fourgame-page-thrid__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-thrid__slider {
        padding: 0;
    }
}
@media (min-width: 1280px) {
    .fourgame-page-thrid__slider .ea-slider__list.just-2 .swiper-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .fourgame-page-thrid__slider .ea-slider__list.just-2 .swiper-wrapper .swiper-slide {
        min-width: 438px;
    }
}
@media (min-width: 897px) {
    .fourgame-page-thrid__slider .ea-slider__list.just-1 .swiper-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 1280px) {
    .fourgame-page-thrid__slider .ea-slider__block {
        padding: 0;
    }
    .fourgame-page-thrid__slider .ea-slider__list {
        margin: 0 auto;
        position: relative;
    }
}
@media (max-width: 1280px) and (min-width: 897px) {
    .fourgame-page-thrid__slider .ea-slider__list {
        max-width: 896px;
        width: 100%;
    }
}
@media (max-width: 1280px) and (max-width: 896px) and (min-width: 768px) {
    .fourgame-page-thrid__slider .ea-slider__list {
        width: 448px;
    }
}
.fourgame-page-thrid__slider .swiper__filter ul li a {
    color: hsla(0, 0%, 100%, 0.4);
}
.fourgame-page-thrid__slider .swiper__filter ul li a:before {
    background: #29223b;
}
.fourgame-page-thrid__slider .swiper__filter ul li a:hover {
    color: var(--white);
}
.fourgame-page-thrid__slider .swiper__filter ul li a:hover:before {
    background: var(--bg-1);
}
.fourgame-page-thrid__slider .swiper__filter ul li.active a {
    color: var(--white);
}
.fourgame-page-thrid__slider .swiper__filter ul li.active a:before {
    background: var(--bg-1);
}
@media (max-width: 1024px) {
    .fourgame-page-thrid__slider .swiper__filter .do-nicescroll .nicescroll-rails-hr {
        background: hsla(0, 0%, 100%, 0.1);
    }
}
.fourgame-page-thrid__slider .swiper-button-next:before,
.fourgame-page-thrid__slider .swiper-button-prev:before,
.fourgame-page-thrid__slider .swiper-pagination-bullet-active {
    background: var(--bg-1);
}
.fourgame-page-thrid__slider .swiper-button-next:after,
.fourgame-page-thrid__slider .swiper-button-prev:after {
    border-color: var(--fgp-color-2-hover);
}
.fourgame-page-thrid__payment {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-top: 6px;
}
@media (max-width: 940px) {
    .fourgame-page-thrid__payment {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.fourgame-page-thrid-payment__title {
    font-family: var(--font-rubik);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin: 0 115px 0 0;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 940px) {
    .fourgame-page-thrid-payment__title {
        font-size: 16px;
        line-height: 19px;
        margin: 0 0 20px;
        text-align: center;
        width: 100%;
    }
}
.fourgame-page-thrid-payment__title:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/thrid-arrow-min.svg) 50% 50% no-repeat;
    content: "";
    height: 17px;
    position: absolute;
    right: -67px;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    width: 12px;
}
@media (max-width: 940px) {
    .fourgame-page-thrid-payment__title:before {
        display: none;
    }
}
.fourgame-page-thrid-payment__icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.fourgame-page-thrid-payment__item {
    margin: 0 30px;
}
@media (max-width: 767px) {
    .fourgame-page-thrid-payment__item {
        margin: 0 15px;
    }
}
@media (max-width: 374px) {
    .fourgame-page-thrid-payment__item {
        margin: 0 5px;
        width: auto;
    }
    .fourgame-page-thrid-payment__item .icon-bonus-multy {
        height: 29px;
        width: 76px;
    }
    .fourgame-page-thrid-payment__item .icon-bonus-spasibo {
        height: 26px;
        width: 96px;
    }
    .fourgame-page-thrid-payment__item .icon-bonus-gorod {
        height: 22px;
        width: 110px;
    }
}
.fourgame-page-thrid-payment__item:first-child {
    margin-left: 0;
}
.fourgame-page-thrid-payment__item:last-child {
    margin-right: 0;
}
.fourgame-page__fourth {
    background: #000;
    color: var(--white);
    overflow: hidden;
    padding-bottom: 140px;
    padding-top: 135px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page__fourth {
        padding-bottom: 200px;
        padding-top: 145px;
    }
}
@media (max-width: 940px) {
    .fourgame-page__fourth {
        padding-bottom: 120px;
    }
}
.fourgame-page__fourth:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#3e203a), to(#28163d));
    background: -webkit-linear-gradient(top, #3e203a, #28163d);
    background: -o-linear-gradient(top, #3e203a 0, #28163d 100%);
    background: linear-gradient(180deg, #3e203a, #28163d);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.fourgame-page__fourth .b-container {
    position: relative;
    z-index: 1;
}
.fourgame-page-fourth__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/bubbles3.png) 50% 50% no-repeat;
    background-size: cover;
    height: 1030px;
    left: 50%;
    margin-left: -846.5px;
    margin-top: -515px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1693px;
}
.fourgame-page-fourth__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 31px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-fourth__header {
        margin-bottom: 30px;
    }
}
.fourgame-page-fourth-header__title {
    padding-left: 24px;
}
@media (max-width: 1140px) {
    .fourgame-page-fourth-header__title {
        padding-left: 90px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fourth-header__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 0;
    }
}
.fourgame-page-fourth-header__title .title {
    color: #000;
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 24px;
    padding: 5px 48px 5px 60px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page-fourth-header__title .title {
        margin-bottom: 30px;
        padding-left: 40px;
        padding-right: 60px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fourth-header__title .title {
        font-size: 26px;
        line-height: 31px;
        padding: 10px 5px;
    }
}
@media (max-width: 374px) {
    .fourgame-page-fourth-header__title .title {
        font-size: 22px;
        line-height: 28px;
    }
}
.fourgame-page-fourth-header__title .title:after,
.fourgame-page-fourth-header__title .title:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.fourgame-page-fourth-header__title .title:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fourth-title-bg.svg) 50% 50% no-repeat;
    height: 62px;
    left: 50%;
    margin: -31px 0 0 -289px;
    top: 50%;
    width: 578px;
    z-index: -1;
}
@media (max-width: 940px) {
    .fourgame-page-fourth-header__title .title:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fourth-title-bg-sm.svg) 50% 50% no-repeat;
        height: 52px;
        margin-left: -173.5px;
        margin-top: -26px;
        width: 347px;
    }
}
.fourgame-page-fourth-header__title .title:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fourth-arrow.svg) 100% 0 no-repeat;
    height: 237px;
    margin: 0 -64px 0 0;
    right: 100%;
    top: 4px;
    width: 154px;
}
@media (max-width: 1140px) {
    .fourgame-page-fourth-header__title .title:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fourth-arrow-md.svg) 100% 0 no-repeat;
        margin: 0 36px 0 0;
        top: -8px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fourth-header__title .title:after {
        display: none;
    }
    .fourgame-page-fourth-header__title .more-block {
        width: 100%;
    }
}
.fourgame-page-fourth-header__title .more-block__first {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .fourgame-page-fourth-header__title .more-block__first {
        font-size: 35px;
        line-height: 42px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fourth-header__title .more-block__first {
        font-size: 22px;
        line-height: 26px;
        text-align: center;
    }
}
.fourgame-page-fourth-header__title .more-block__second {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    vertical-align: top;
}
@media (max-width: 1140px) {
    .fourgame-page-fourth-header__title .more-block__second {
        font-size: 20px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fourth-header__title .more-block__second {
        display: block;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
    }
}
.fourgame-page-fourth-header__title .more-block__second:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fourth-arrow2.svg) 100% 0 no-repeat;
    bottom: 10px;
    content: "";
    height: 76px;
    left: 100%;
    margin: 0 0 0 51%;
    position: absolute;
    width: 354px;
}
@media (max-width: 1140px) {
    .fourgame-page-fourth-header__title .more-block__second:after {
        display: none;
    }
}
.fourgame-page-fourth__icon {
    position: absolute;
}
.fourgame-page-fourth__icon.strider {
    right: 16%;
    top: 81px;
}
@media (max-width: 1140px) {
    .fourgame-page-fourth__icon.strider {
        right: 13%;
        top: 62px;
    }
    .fourgame-page-fourth__icon.strider .icon {
        height: 93px;
        width: 87px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fourth__icon.strider {
        left: 50%;
        right: auto;
        top: -85px;
        -webkit-transform: translate(-50%) !important;
        -ms-transform: translate(-50%) !important;
        transform: translate(-50%) !important;
    }
}
.fourgame-page-fourth__icon.happy-smile {
    left: 10%;
    top: 206px;
}
@media (max-width: 1140px) {
    .fourgame-page-fourth__icon.happy-smile {
        left: 11%;
        top: 199px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fourth__icon.happy-smile {
        left: 5%;
        top: 100px;
    }
}
.fourgame-page-fourth__icon.pets {
    right: 19%;
    top: 47px;
}
@media (max-width: 1140px) {
    .fourgame-page-fourth__icon.pets {
        right: 16%;
        top: 3px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fourth__icon.pets {
        left: 50%;
        right: auto;
        top: -100px;
        -webkit-transform: translate(-50%) !important;
        -ms-transform: translate(-50%) !important;
        transform: translate(-50%) !important;
    }
}
.fourgame-page-fourth__icon.pets img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 1140px) {
    .fourgame-page-fourth__icon.pets img {
        right: 15%;
        top: 47px;
        -webkit-transform: translate(-50%, -50%) scale(0.6);
        -ms-transform: translate(-50%, -50%) scale(0.6);
        transform: translate(-50%, -50%) scale(0.6);
    }
}
.fourgame-page-fourth__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-fourth__slider {
        padding: 0;
    }
}
@media (max-width: 1280px) {
    .fourgame-page-fourth__slider .ea-slider__list.swiper-carousel {
        position: relative;
    }
}
@media (min-width: 1280px) {
    .fourgame-page-fourth__slider .ea-slider__list.swiper-carousel > .swiper-container .swiper-wrapper .ea-slider__item {
        opacity: 1;
    }
}
.fourgame-page-fourth__slider .swiper-wrapper {
    height: 100%;
}
@media (max-width: 1280px) {
    .fourgame-page-fourth__slider .swiper-wrapper {
        height: auto;
    }
}
.fourgame-page-fourth__slider .swiper-container {
    max-width: 100%;
}
.fourgame-page-fourth__slider .swiper__filter ul li a {
    color: hsla(0, 0%, 100%, 0.4);
}
.fourgame-page-fourth__slider .swiper__filter ul li a:before {
    background: #221229;
}
.fourgame-page-fourth__slider .swiper__filter ul li a:hover {
    color: var(--black);
}
.fourgame-page-fourth__slider .swiper__filter ul li a:hover:before {
    background: var(--fgp-color-1);
}
.fourgame-page-fourth__slider .swiper__filter ul li.active a {
    color: var(--black);
}
.fourgame-page-fourth__slider .swiper__filter ul li.active a:before {
    background: var(--fgp-color-1);
}
@media (max-width: 1024px) {
    .fourgame-page-fourth__slider .swiper__filter .do-nicescroll .nicescroll-rails-hr {
        background: #221229;
    }
}
.fourgame-page-fourth__slider .swiper-button-next:before,
.fourgame-page-fourth__slider .swiper-button-prev:before,
.fourgame-page-fourth__slider .swiper-pagination-bullet-active {
    background: var(--fgp-color-1);
}
.fourgame-page-fourth__slider .swiper-button-next:after,
.fourgame-page-fourth__slider .swiper-button-prev:after {
    border-color: var(--fgp-color-1-hover);
}
@media (max-width: 900px) {
    .fourgame-page-fourth__slider .swiper-button-next,
    .fourgame-page-fourth__slider .swiper-button-prev {
        display: none;
    }
}
.fourgame-page-fourth__slider .swiper-button-prev {
    left: -120px;
}
.fourgame-page-fourth__slider .swiper-button-next {
    right: -120px;
}
.fourgame-page__fifth {
    background: #0e0808;
    color: var(--white);
    overflow: hidden;
    padding-bottom: 145px;
    padding-top: 130px;
    position: relative;
    z-index: 1;
}
@media (max-width: 940px) {
    .fourgame-page__fifth {
        padding-bottom: 120px;
    }
}
.fourgame-page__fifth:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#0e0808), to(rgba(14, 8, 8, 0)));
    background: -webkit-linear-gradient(top, #0e0808, rgba(14, 8, 8, 0));
    background: -o-linear-gradient(top, #0e0808 0, rgba(14, 8, 8, 0) 100%);
    background: linear-gradient(180deg, #0e0808, rgba(14, 8, 8, 0));
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.fourgame-page__fifth .b-container {
    position: relative;
    z-index: 1;
}
.fourgame-page-fifth__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/bubbles4.png) 50% 50% no-repeat;
    background-size: cover;
    height: 1030px;
    left: 50%;
    margin-left: -846.5px;
    margin-top: -515px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1693px;
}
.fourgame-page-fifth__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 48px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-fifth__header {
        margin-bottom: 0;
    }
}
.fourgame-page-fifth-header__title {
    padding-left: 28%;
}
@media (max-width: 1140px) {
    .fourgame-page-fifth-header__title {
        padding-left: 20%;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fifth-header__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 0;
    }
}
.fourgame-page-fifth-header__title .title {
    color: #000;
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 24px;
    padding: 6px 24px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page-fifth-header__title .title {
        margin-bottom: 30px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fifth-header__title .title {
        font-size: 26px;
        line-height: 31px;
        padding: 10px 5px;
    }
}
@media (max-width: 374px) {
    .fourgame-page-fifth-header__title .title {
        font-size: 22px;
        line-height: 28px;
    }
}
.fourgame-page-fifth-header__title .title:after,
.fourgame-page-fifth-header__title .title:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.fourgame-page-fifth-header__title .title:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fifth-title-bg.svg) 50% 50% no-repeat;
    height: 62px;
    left: 50%;
    margin-left: -289.5px;
    margin-top: -31px;
    top: 50%;
    width: 579px;
    z-index: -1;
}
@media (max-width: 940px) {
    .fourgame-page-fifth-header__title .title:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fifth-title-bg-sm.svg) 50% 50% no-repeat;
        height: 52px;
        margin-left: -182px;
        margin-top: -26px;
        width: 364px;
    }
}
.fourgame-page-fifth-header__title .title:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fifth-arrow.svg) 100% 0 no-repeat;
    height: 149px;
    margin: 0 79px 0 0;
    right: 100%;
    top: 0;
    width: 133px;
}
@media (max-width: 1140px) {
    .fourgame-page-fifth-header__title .title:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fifth-arrow-md.svg) 100% 0 no-repeat;
        height: 149px;
        margin: 0 50px 0 0;
        width: 113px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fifth-header__title .title:after {
        display: none;
    }
}
.fourgame-page-fifth-header__title .more-block {
    margin: 0 0 0 -17px;
}
@media (max-width: 940px) {
    .fourgame-page-fifth-header__title .more-block {
        margin: 0;
        text-align: center;
        width: 100%;
    }
}
.fourgame-page-fifth-header__title .more-block__first {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .fourgame-page-fifth-header__title .more-block__first {
        font-size: 35px;
        line-height: 42px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fifth-header__title .more-block__first {
        font-size: 22px;
        line-height: 26px;
    }
}
.fourgame-page-fifth-header__title .more-block__second {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    vertical-align: top;
}
@media (max-width: 1140px) {
    .fourgame-page-fifth-header__title .more-block__second {
        font-size: 20px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fifth-header__title .more-block__second {
        display: block;
        font-size: 16px;
        line-height: 30px;
    }
}
.fourgame-page-fifth-header__title .more-block__second:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fifth-arrow2.svg) 100% 0 no-repeat;
    bottom: 64px;
    content: "";
    height: 101px;
    pointer-events: none;
    position: absolute;
    right: -198px;
    width: 230px;
}
@media (max-width: 1140px) {
    .fourgame-page-fifth-header__title .more-block__second:after {
        bottom: 58px;
        right: -258px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fifth-header__title .more-block__second:after {
        display: none;
    }
}
.fourgame-page-fifth__icon {
    position: absolute;
}
.fourgame-page-fifth__icon.month {
    left: 18.8%;
    top: -91px;
}
@media (max-width: 1140px) {
    .fourgame-page-fifth__icon.month .icon {
        height: 103px;
        width: 90px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-fifth__icon.month {
        left: 5%;
        top: -110px;
    }
}
.fourgame-page-fifth__icon.potion {
    left: 7%;
    top: 129px;
}
@media (max-width: 940px) {
    .fourgame-page-fifth__icon.potion {
        left: auto;
        right: 5%;
        top: -45px;
    }
}
.fourgame-page-fifth__icon.cake {
    right: 0;
    top: 29px;
}
@media (max-width: 940px) {
    .fourgame-page-fifth__icon.cake {
        left: 50%;
        right: auto;
        top: -60px;
    }
}
.fourgame-page-fifth__icon.chat {
    right: 20%;
    top: 92px;
}
@media (max-width: 1140px) {
    .fourgame-page-fifth__icon.chat {
        right: 10%;
    }
}
.fourgame-page-fifth__icon.star-big-5 {
    left: 20%;
    top: 104px;
}
@media (max-width: 1140px) {
    .fourgame-page-fifth__icon.star-big-5 {
        left: 10%;
    }
}
.fourgame-page-fifth__icon.star-big-5 .icon {
    fill: #844fba;
}
.fourgame-page-fifth__icon.star-big-5-2 {
    right: 6.5%;
    top: 30px;
}
.fourgame-page-fifth__icon.star-big-5-2 .icon {
    fill: #844fba;
    height: 28px;
    width: 28px;
}
.fourgame-page-fifth__icon.star-min-5 {
    left: 5.5%;
    top: 54px;
}
.fourgame-page-fifth__icon.star-min-5 .icon {
    fill: #844fba;
}
.fourgame-page-fifth__icon.star-min-5-2 {
    left: 61.5%;
    top: 76px;
}
.fourgame-page-fifth__icon.star-min-5-2 .icon {
    fill: #844fba;
}
.fourgame-page-fifth__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-fifth__slider {
        padding: 0;
    }
}
.fourgame-page-fifth__slider .ea-slider__block.center {
    left: 50%;
    margin: 0 auto;
    max-width: none;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 1670px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .swiper {
    margin: 0 auto;
    overflow: visible;
    width: 1002px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog__orders {
    margin: 0;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog__order {
    -webkit-box-flex: 0;
    --swiper-preloader-color: var(--fgp-color-1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog__order.swiper-slide-active .catalog-order__back:before {
    background: var(--fgp-color-1);
    -webkit-box-shadow: 0 0 20px rgba(255, 182, 0, 0.4);
    box-shadow: 0 0 20px rgba(255, 182, 0, 0.4);
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog__order.swiper-slide-active .catalog-order__game {
    left: 10px;
    top: 10px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog__order.swiper-slide-active .catalog-order__game .icon {
    fill: var(--black);
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog__order.swiper-slide-active .catalog-order__image img {
    max-height: 90%;
    max-width: 90%;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog__order.swiper-slide-active .catalog-order__name {
    color: var(--black);
    padding: 0 10px 10px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog__order.swiper-slide-active:hover .catalog-order__back:before {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog__order.swiper-slide-active.rf-card .catalog-order__image img {
    max-height: 75%;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog__order:hover .catalog-order__back:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__back {
    border-radius: var(--br-10);
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__back:before {
    background: #3c2b4d;
    border-radius: var(--br-10);
    -webkit-box-shadow: 0 0 0 rgba(255, 182, 0, 0);
    box-shadow: 0 0 0 rgba(255, 182, 0, 0);
}
.swiper-slide-active .fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__back:before {
    background: var(--fgp-color-1);
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__game,
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__image img {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__game {
    left: 20px;
    position: absolute;
    top: 20px;
    z-index: 1;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__game .icon {
    fill: var(--white);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__game .icon-4game-logo-aion {
    height: 30px;
    width: 80px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__game .icon-4game-logo-rf {
    height: 36px;
    width: 120px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__game .icon-4game-logo-ragnarok {
    height: 40px;
    width: 70px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__game .icon-4game-logo-crowfall {
    height: 25px;
    width: 110px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__game .icon-4game-logo-l2-main {
    height: 24px;
    width: 120px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__game .icon-4game-logo-l2-essence {
    height: 46px;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    width: 120px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__game .icon-4game-logo-l2-legacy {
    height: 62px;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    width: 120px;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__image {
    padding: 0 0 73%;
}
.fourgame-page-fifth__slider .ea-slider__block.center .catalog-order__name {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.fourgame-page-fifth__bottom {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 49px;
    position: relative;
    width: 100%;
}
.fourgame-page-fifth__bottom:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/fifth-arrow3.svg) 50% 50% no-repeat;
    content: "";
    display: block;
    height: 102px;
    margin: 0 auto;
    -webkit-transform: translate(-44%);
    -ms-transform: translate(-44%);
    transform: translate(-44%);
    width: 230px;
}
.fourgame-page__sixth {
    background: #302746;
    overflow: hidden;
    padding-bottom: 174px;
    padding-top: 171px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page__sixth {
        padding-top: 163px;
    }
}
@media (max-width: 940px) {
    .fourgame-page__sixth {
        padding-bottom: 120px;
    }
}
.fourgame-page__sixth:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#302746));
    background: -webkit-linear-gradient(top, #000, #302746);
    background: -o-linear-gradient(top, #000 0, #302746 100%);
    background: linear-gradient(180deg, #000, #302746);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fourgame-page__sixth .ea__slider {
    margin-bottom: 0;
    max-width: 1820px;
    padding-top: 0;
}
.fourgame-page-sixth__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/bubbles5.png) 50% 50% no-repeat;
    background-size: cover;
    height: 1030px;
    left: 50%;
    margin-left: -846.5px;
    margin-top: -515px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1693px;
}
.fourgame-page-sixth__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 48px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth__header {
        margin-bottom: 30px;
    }
}
.fourgame-page-sixth-header__title {
    padding-left: 129px;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth-header__title {
        padding-left: 179px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-sixth-header__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 0;
    }
}
.fourgame-page-sixth-header__title .title {
    color: var(--black);
    display: inline-block;
    font-size: 70px;
    font-weight: 700;
    line-height: 84px;
    margin-bottom: 20px;
    padding: 5px 30px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth-header__title .title {
        margin-bottom: 30px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-sixth-header__title .title {
        font-size: 50px;
        line-height: 60px;
        padding: 7px 5px;
    }
}
.fourgame-page-sixth-header__title .title:after,
.fourgame-page-sixth-header__title .title:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.fourgame-page-sixth-header__title .title:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/sixth-title-bg.svg) 50% 50% no-repeat;
    height: 93px;
    left: 50%;
    margin-left: -260px;
    margin-top: -46.5px;
    top: 50%;
    width: 520px;
    z-index: -1;
}
@media (max-width: 940px) {
    .fourgame-page-sixth-header__title .title:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/sixth-title-bg-sm.svg) 50% 50% no-repeat;
        height: 74px;
        margin-left: -180px;
        margin-top: -37px;
        width: 360px;
    }
}
.fourgame-page-sixth-header__title .title:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/sixth-arrow.svg) 100% 0 no-repeat;
    height: 299px;
    margin: 0 133px 0 0;
    right: 100%;
    top: 10px;
    width: 91px;
}
@media (max-width: 1020px) {
    .fourgame-page-sixth-header__title .title:after {
        display: none;
    }
}
.fourgame-page-sixth-header__title .more-block {
    padding: 0 0 0 13px;
}
@media (max-width: 940px) {
    .fourgame-page-sixth-header__title .more-block {
        padding: 0;
        text-align: center;
        width: 100%;
    }
}
@media (max-width: 375px) {
    .fourgame-page-sixth-header__title .more-block {
        text-align: left;
    }
}
.fourgame-page-sixth-header__title .more-block__first {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth-header__title .more-block__first {
        font-size: 35px;
        line-height: 42px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-sixth-header__title .more-block__first {
        font-size: 22px;
        line-height: 26px;
    }
}
.fourgame-page-sixth-header__title .more-block__second {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    vertical-align: top;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth-header__title .more-block__second {
        font-size: 20px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-sixth-header__title .more-block__second {
        font-size: 16px;
        line-height: 19px;
    }
}
.fourgame-page-sixth-header__title .more-block__second:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/sixth-arrow3.svg) 100% 0 no-repeat;
    bottom: -96px;
    content: "";
    height: 72px;
    left: -3px;
    pointer-events: none;
    position: absolute;
    width: 96px;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth-header__title .more-block__second:before {
        display: none;
    }
}
.fourgame-page-sixth-header__title .more-block__second:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/sixth-arrow2.svg) 100% 0 no-repeat;
    bottom: 44px;
    content: "";
    height: 111px;
    pointer-events: none;
    position: absolute;
    right: -342px;
    width: 248px;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth-header__title .more-block__second:after {
        display: none;
    }
}
.fourgame-page-sixth__icon {
    position: absolute;
}
.fourgame-page-sixth__icon.thumbs-up {
    left: -3%;
    top: -155px;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth__icon.thumbs-up {
        left: 1%;
    }
}
@media (max-width: 940px) {
    .fourgame-page-sixth__icon.thumbs-up {
        left: 0;
        top: -130px;
    }
    .fourgame-page-sixth__icon.thumbs-up .icon {
        height: 182px;
        -webkit-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        transform: rotate(54deg);
        width: 172px;
    }
}
.fourgame-page-sixth__icon.swords {
    left: 77.3%;
    top: 70px;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth__icon.swords {
        left: 87.5%;
    }
}
@media (max-width: 940px) {
    .fourgame-page-sixth__icon.swords {
        left: auto;
        right: 5%;
        top: -55px;
    }
    .fourgame-page-sixth__icon.swords .icon {
        height: 54px;
        -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        transform: rotate(-30deg);
        width: 58px;
    }
}
.fourgame-page-sixth__icon.firework {
    left: 63%;
    top: -50px;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth__icon.firework {
        left: 74%;
    }
}
@media (max-width: 940px) {
    .fourgame-page-sixth__icon.firework {
        left: 55%;
        top: -100px;
    }
    .fourgame-page-sixth__icon.firework .icon {
        height: 78px;
        -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg);
        width: 85px;
    }
}
.fourgame-page-sixth__icon.heart-smile {
    left: 4%;
    top: 178px;
}
@media (max-width: 1140px) {
    .fourgame-page-sixth__icon.heart-smile {
        left: 10%;
    }
}
@media (max-width: 940px) {
    .fourgame-page-sixth__icon.heart-smile {
        left: 5%;
        top: 120px;
    }
}
@media (max-width: 600px) {
    .fourgame-page-sixth__icon.heart-smile {
        display: none;
    }
}
.fourgame-page-sixth__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-sixth__slider {
        padding: 0;
    }
}
.fourgame-page-sixth__slider .ea-slider__block {
    padding: 0;
}
.fourgame-page-sixth__slider .ea-slider__list {
    margin: 0 auto;
    position: relative;
}
@media (min-width: 897px) {
    .fourgame-page-sixth__slider .ea-slider__list {
        max-width: 896px;
        width: 100%;
    }
}
@media (max-width: 896px) and (min-width: 768px) {
    .fourgame-page-sixth__slider .ea-slider__list {
        width: 448px;
    }
}
.fourgame-page-sixth__slider .swiper__filter ul li a:before {
    background: #25222a;
}
.fourgame-page-sixth__slider .swiper__filter ul li a:hover {
    color: var(--white);
}
.fourgame-page-sixth__slider .swiper__filter ul li a:hover:before {
    background: var(--bg-1);
}
.fourgame-page-sixth__slider .swiper__filter ul li.active a {
    color: var(--white);
}
.fourgame-page-sixth__slider .swiper__filter ul li.active a:before {
    background: var(--bg-1);
}
@media (max-width: 1024px) {
    .fourgame-page-sixth__slider .swiper__filter .do-nicescroll .nicescroll-rails-hr {
        background: #25222a;
    }
}
.fourgame-page-sixth__slider .swiper__container {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.fourgame-page-sixth__slider .swiper-button-next:before,
.fourgame-page-sixth__slider .swiper-button-prev:before,
.fourgame-page-sixth__slider .swiper-pagination-bullet-active {
    background: var(--bg-1);
}
.fourgame-page-sixth__slider .swiper-button-next:after,
.fourgame-page-sixth__slider .swiper-button-prev:after {
    border-color: var(--fgp-color-2-hover);
}
.fourgame-page__seventh {
    background: #161228;
    overflow: hidden;
    padding-bottom: 195px;
    padding-top: 125px;
    position: relative;
    z-index: 1;
}
@media (max-width: 940px) {
    .fourgame-page__seventh {
        padding-bottom: 120px;
    }
}
.fourgame-page__seventh .ea__slider {
    margin-bottom: 0;
    max-width: 1820px;
    padding-top: 0;
}
.fourgame-page-seventh__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/bubbles6.png) 50% 50% no-repeat;
    background-size: cover;
    height: 1030px;
    left: 50%;
    margin-left: -846.5px;
    margin-top: -515px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1693px;
}
.fourgame-page-seventh__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 82px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-seventh__header {
        margin-bottom: 30px;
    }
}
.fourgame-page-seventh-header__title {
    padding-left: 30%;
}
@media (max-width: 1140px) {
    .fourgame-page-seventh-header__title {
        padding-left: 21%;
    }
}
@media (max-width: 940px) {
    .fourgame-page-seventh-header__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 0;
    }
}
.fourgame-page-seventh-header__title .title {
    color: #13111c;
    display: inline-block;
    font-size: 70px;
    font-weight: 700;
    line-height: 84px;
    margin-bottom: 18px;
    padding: 5px 30px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page-seventh-header__title .title {
        margin-bottom: 30px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-seventh-header__title .title {
        font-size: 38px;
        line-height: 46px;
        padding: 14px;
    }
}
.fourgame-page-seventh-header__title .title:after,
.fourgame-page-seventh-header__title .title:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.fourgame-page-seventh-header__title .title:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/seventh-title-bg.svg) 50% 50% no-repeat;
    height: 93px;
    left: 50%;
    margin-left: -315px;
    margin-top: -46.5px;
    top: 50%;
    width: 630px;
    z-index: -1;
}
@media (max-width: 940px) {
    .fourgame-page-seventh-header__title .title:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/seventh-title-bg-sm.svg) 50% 50% no-repeat;
        height: 74px;
        margin-left: -170px;
        margin-top: -37px;
        width: 340px;
    }
}
.fourgame-page-seventh-header__title .title:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/seventh-arrow.svg) 100% 0 no-repeat;
    height: 283px;
    margin: 0 157px 0 0;
    right: 100%;
    top: 28px;
    width: 134px;
}
@media (max-width: 1140px) {
    .fourgame-page-seventh-header__title .title:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/seventh-arrow-md.svg) 100% 0 no-repeat;
        height: 144px;
        left: 100%;
        margin: 0 0 0 98px;
        right: auto;
        top: 40px;
        width: 98px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-seventh-header__title .title:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/seventh-arrow-sm.svg) 100% 0 no-repeat;
        height: 54px;
        margin: 0 0 0 -30px;
        top: -80px;
        width: 98px;
    }
}
.fourgame-page-seventh-header__title .more-block {
    padding: 0 0 0 15px;
}
@media (max-width: 940px) {
    .fourgame-page-seventh-header__title .more-block {
        padding: 0;
        text-align: center;
        width: 100%;
    }
}
.fourgame-page-seventh-header__title .more-block__first {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .fourgame-page-seventh-header__title .more-block__first {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 14px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-seventh-header__title .more-block__first {
        font-size: 22px;
        line-height: 26px;
    }
}
.fourgame-page-seventh-header__title .more-block__second {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    vertical-align: top;
}
@media (max-width: 1140px) {
    .fourgame-page-seventh-header__title .more-block__second {
        font-size: 20px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-seventh-header__title .more-block__second {
        font-size: 16px;
        line-height: 19px;
    }
}
.fourgame-page-seventh-header__title .more-block__second:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/seventh-arrow3.svg) 100% 0 no-repeat;
    bottom: -47px;
    content: "";
    height: 99px;
    left: -71px;
    pointer-events: none;
    position: absolute;
    width: 553px;
}
@media (max-width: 1140px) {
    .fourgame-page-seventh-header__title .more-block__second:before {
        bottom: -28px;
        left: -67px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-seventh-header__title .more-block__second:before {
        display: none;
    }
}
.fourgame-page-seventh-header__title .more-block__second:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/seventh-arrow2.svg) 100% 0 no-repeat;
    bottom: 25px;
    content: "";
    height: 144px;
    pointer-events: none;
    position: absolute;
    right: -273px;
    width: 99px;
}
@media (max-width: 1140px) {
    .fourgame-page-seventh-header__title .more-block__second:after {
        bottom: -109px;
        left: -269px;
        right: auto;
    }
}
@media (max-width: 940px) {
    .fourgame-page-seventh-header__title .more-block__second:after {
        display: none;
    }
}
.fourgame-page-seventh__icon {
    position: absolute;
}
.fourgame-page-seventh__icon.bottle {
    left: 15.4%;
    top: 4px;
}
@media (max-width: 1140px) {
    .fourgame-page-seventh__icon.bottle {
        left: 4%;
    }
    .fourgame-page-seventh__icon.bottle .icon {
        height: 93px;
        width: 77px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-seventh__icon.bottle {
        top: -100px;
    }
    .fourgame-page-seventh__icon.bottle .icon {
        height: 63px;
        width: 57px;
    }
}
.fourgame-page-seventh__icon.elf {
    left: 72.9%;
    top: 129px;
}
@media (max-width: 1140px) {
    .fourgame-page-seventh__icon.elf {
        left: auto;
        right: -100px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-seventh__icon.elf {
        right: 50%;
        top: -100px;
    }
    .fourgame-page-seventh__icon.elf .icon {
        height: 78px;
        -webkit-transform: translate(50%);
        -ms-transform: translate(50%);
        transform: translate(50%);
        width: 78px;
    }
}
.fourgame-page-seventh__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-seventh__slider {
        padding: 0;
    }
}
.fourgame-page-seventh__slider .ea-slider__block {
    padding: 0;
}
.fourgame-page-seventh__slider .ea-slider__list {
    margin: 0 auto;
    position: relative;
}
@media (min-width: 897px) {
    .fourgame-page-seventh__slider .ea-slider__list {
        max-width: 896px;
        width: 100%;
    }
}
@media (max-width: 896px) and (min-width: 768px) {
    .fourgame-page-seventh__slider .ea-slider__list {
        width: 448px;
    }
}
.fourgame-page-seventh__slider .swiper__filter ul li a:before {
    background: #2d293d;
}
.fourgame-page-seventh__slider .swiper__filter ul li a:hover {
    color: var(--black);
}
.fourgame-page-seventh__slider .swiper__filter ul li a:hover:before {
    background: var(--fgp-color-1);
}
.fourgame-page-seventh__slider .swiper__filter ul li.active a {
    color: var(--black);
}
.fourgame-page-seventh__slider .swiper__filter ul li.active a:before {
    background: var(--fgp-color-1);
}
@media (max-width: 1024px) {
    .fourgame-page-seventh__slider .swiper__filter .do-nicescroll .nicescroll-rails-hr {
        background: #2d293d;
    }
}
.fourgame-page-seventh__slider .swiper__container {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.fourgame-page-seventh__slider .swiper-button-next:before,
.fourgame-page-seventh__slider .swiper-button-prev:before,
.fourgame-page-seventh__slider .swiper-pagination-bullet-active {
    background: var(--fgp-color-1);
}
.fourgame-page-seventh__slider .swiper-button-next:after,
.fourgame-page-seventh__slider .swiper-button-prev:after {
    border-color: var(--fgp-color-1-hover);
}
.fourgame-page__eighth {
    background: #302746;
    color: var(--white);
    overflow: hidden;
    padding-bottom: 160px;
    padding-top: 128px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page__eighth {
        padding-top: 132px;
    }
}
@media (max-width: 940px) {
    .fourgame-page__eighth {
        padding-bottom: 120px;
    }
}
.fourgame-page__eighth:after {
    background: hsla(0, 0%, 100%, 0.05);
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fourgame-page__eighth:before {
    background: -webkit-linear-gradient(269.27deg, #000 0.62%, rgba(93, 85, 125, 0) 104.76%);
    background: -o-linear-gradient(269.27deg, #000 0.62%, rgba(93, 85, 125, 0) 104.76%);
    background: linear-gradient(180.73deg, #000 0.62%, rgba(93, 85, 125, 0) 104.76%);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.fourgame-page__eighth .b-container {
    position: relative;
    z-index: 1;
}
.fourgame-page-eighth__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/bubbles7.png) 50% 50% no-repeat;
    background-size: cover;
    height: 1051px;
    left: 50%;
    margin-left: -846.5px;
    margin-top: -525.5px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1693px;
}
.fourgame-page-eighth__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 48px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-eighth__header {
        margin-bottom: 30px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-eighth-header__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.fourgame-page-eighth-header__title .title {
    color: var(--black);
    display: inline-block;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 24px;
    padding: 5px 34px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    z-index: 1;
}
@media (max-width: 1140px) {
    .fourgame-page-eighth-header__title .title {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 30px;
        padding: 5px 48px 5px 34px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-eighth-header__title .title {
        font-size: 26px;
        line-height: 31px;
        padding: 10px 5px;
    }
}
.fourgame-page-eighth-header__title .title:after,
.fourgame-page-eighth-header__title .title:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.fourgame-page-eighth-header__title .title:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/eighth-title-bg.svg) 50% 50% no-repeat;
    height: 62px;
    left: 50%;
    margin-left: -199px;
    margin-top: -31px;
    top: 50%;
    width: 398px;
    z-index: -1;
}
@media (max-width: 940px) {
    .fourgame-page-eighth-header__title .title:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/eighth-title-bg-sm.svg) 50% 50% no-repeat;
        height: 52px;
        margin-left: -128.5px;
        margin-top: -26px;
        width: 257px;
    }
}
.fourgame-page-eighth-header__title .title:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/eighth-arrow.svg) 100% 0 no-repeat;
    height: 225px;
    margin: 0 -62px 0 0;
    right: 100%;
    top: 30px;
    width: 129px;
}
@media (max-width: 1140px) {
    .fourgame-page-eighth-header__title .title:after {
        display: none;
    }
}
.fourgame-page-eighth-header__title .more-block {
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-eighth-header__title .more-block {
        text-align: center;
    }
}
.fourgame-page-eighth-header__title .more-block__first {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
@media (max-width: 940px) {
    .fourgame-page-eighth-header__title .more-block__first {
        font-size: 22px;
        line-height: 26px;
    }
}
.fourgame-page-eighth-header__title .more-block__second {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    vertical-align: top;
}
@media (max-width: 940px) {
    .fourgame-page-eighth-header__title .more-block__second {
        font-size: 16px;
        line-height: 19px;
    }
}
.fourgame-page-eighth-header__title .more-block__second:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/eighth-arrow2.svg) 50% 50% no-repeat;
    bottom: 56px;
    content: "";
    height: 107px;
    left: 100%;
    margin: 0 0 0 -5%;
    position: absolute;
    width: 321px;
}
@media (max-width: 940px) {
    .fourgame-page-eighth-header__title .more-block__second:after {
        display: none;
    }
}
.fourgame-page-eighth__icon.heart {
    left: 12%;
    top: 210px;
}
@media (max-width: 1140px) {
    .fourgame-page-eighth__icon.heart {
        left: 3.5%;
        top: 207px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-eighth__icon.heart {
        left: auto;
        right: 5%;
        top: -40px;
    }
}
.fourgame-page-eighth__icon.gear {
    left: 29.5%;
    top: -27px;
}
@media (max-width: 1140px) {
    .fourgame-page-eighth__icon.gear {
        left: 38.5%;
        top: -30px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-eighth__icon.gear {
        left: 50%;
        top: -70px;
    }
    .fourgame-page-eighth__icon.gear .icon {
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}
.fourgame-page-eighth__icon.list {
    right: 25%;
    top: 50px;
}
@media (max-width: 1280px) {
    .fourgame-page-eighth__icon.list {
        right: 15%;
    }
}
@media (max-width: 1140px) {
    .fourgame-page-eighth__icon.list {
        right: 6%;
        top: 50px;
    }
    .fourgame-page-eighth__icon.list .icon {
        height: 106px;
        width: 99px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-eighth__icon.list {
        right: -16%;
    }
}
.fourgame-page-eighth__icon.star-min {
    right: 5%;
    top: 225px;
}
.fourgame-page-eighth__icon.star-min .icon {
    fill: var(--fgp-color-4);
}
@media (max-width: 940px) {
    .fourgame-page-eighth__icon.star-min {
        right: 10%;
        top: -95px;
    }
    .fourgame-page-eighth__icon.star-min .icon {
        height: 25px;
        width: 25px;
    }
}
.fourgame-page-eighth__icon.star-min-2 {
    left: -5.5%;
    top: 357px;
}
.fourgame-page-eighth__icon.star-min-2 .icon {
    fill: var(--fgp-color-4);
}
@media (max-width: 940px) {
    .fourgame-page-eighth__icon.star-min-2 {
        left: 5%;
        top: 5px;
    }
}
.fourgame-page-eighth__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-eighth__slider {
        padding: 0;
    }
}
@media (max-width: 1280px) {
    .fourgame-page-eighth__slider .ea-slider__block {
        padding: 0;
    }
    .fourgame-page-eighth__slider .ea-slider__list {
        margin: 0 auto;
        position: relative;
    }
}
@media (max-width: 1280px) and (min-width: 897px) {
    .fourgame-page-eighth__slider .ea-slider__list {
        max-width: 896px;
        width: 100%;
    }
}
@media (max-width: 1280px) and (max-width: 896px) and (min-width: 768px) {
    .fourgame-page-eighth__slider .ea-slider__list {
        width: 448px;
    }
}
.fourgame-page-eighth__slider .swiper__filter ul li a {
    color: hsla(0, 0%, 100%, 0.4);
}
.fourgame-page-eighth__slider .swiper__filter ul li a:before {
    background: #2e313b;
}
.fourgame-page-eighth__slider .swiper__filter ul li a:hover {
    color: var(--white);
}
.fourgame-page-eighth__slider .swiper__filter ul li a:hover:before {
    background: var(--fgp-color-4);
}
.fourgame-page-eighth__slider .swiper__filter ul li.active a {
    color: var(--white);
}
.fourgame-page-eighth__slider .swiper__filter ul li.active a:before {
    background: var(--fgp-color-4);
}
@media (max-width: 1024px) {
    .fourgame-page-eighth__slider .swiper__filter .do-nicescroll .nicescroll-rails-hr {
        background: #2e313b;
    }
}
.fourgame-page-eighth__slider .swiper__container {
    margin-bottom: 40px;
}
.fourgame-page-eighth__slider .swiper-button-next:before,
.fourgame-page-eighth__slider .swiper-button-prev:before,
.fourgame-page-eighth__slider .swiper-pagination-bullet-active {
    background: var(--fgp-color-4);
}
.fourgame-page-eighth__slider .swiper-button-next:after,
.fourgame-page-eighth__slider .swiper-button-prev:after {
    border-color: var(--fgp-color-4-hover);
}
.fourgame-page-eighth__bottom {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-eighth__bottom {
        padding-top: 30px;
    }
}
.fourgame-page-eighth__bottom:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/eighth-arrow3.svg) 50% 50% no-repeat;
    content: "";
    display: block;
    height: 96px;
    margin: 0 auto;
    -webkit-transform: translate(-50px);
    -ms-transform: translate(-50px);
    transform: translate(-50px);
    width: 263px;
}
@media (max-width: 940px) {
    .fourgame-page-eighth__bottom:before {
        -webkit-transform: translate(-116px);
        -ms-transform: translate(-116px);
        transform: translate(-116px);
    }
}
.fourgame-page-eighth__icon {
    position: absolute;
}
.fourgame-page-eighth__icon.star-min-5 {
    right: 20%;
    top: 50px;
}
.fourgame-page-eighth__icon.star-min-5 .icon {
    fill: var(--fgp-color-4);
}
.fourgame-page__ninth {
    background: #171b26;
    overflow: hidden;
    padding-bottom: 150px;
    padding-top: 170px;
    position: relative;
    z-index: 1;
}
@media (max-width: 940px) {
    .fourgame-page__ninth {
        padding-bottom: 120px;
    }
}
.fourgame-page__ninth .ea__slider {
    margin-bottom: 0;
    max-width: 1820px;
    padding-top: 0;
}
.fourgame-page__ninth:after {
    background: hsla(0, 0%, 100%, 0.05);
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fourgame-page__ninth .b-container {
    position: relative;
    z-index: 1;
}
.fourgame-page-ninth__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/bubbles7.png) 50% 50% no-repeat;
    background-size: cover;
    height: 1051px;
    left: 50%;
    margin-left: -846.5px;
    margin-top: -525.5px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1693px;
}
.fourgame-page-ninth__header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 35px);
    flex: 0 0 -webkit-calc(100% - 35px);
    flex: 0 0 calc(100% - 35px);
    margin-bottom: 75px;
    margin-left: 35px;
    max-width: -webkit-calc(100% - 35px);
    max-width: calc(100% - 35px);
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .fourgame-page-ninth__header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
        margin-left: 0;
        max-width: 100%;
        padding-left: 15px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-ninth-header__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.fourgame-page-ninth-header__title .title {
    color: var(--black);
    display: inline-block;
    font-size: 70px;
    font-weight: 700;
    line-height: 84px;
    margin-bottom: 24px;
    padding: 5px 34px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    z-index: 1;
}
@media (max-width: 940px) {
    .fourgame-page-ninth-header__title .title {
        font-size: 40px;
        line-height: 31px;
        padding: 10px 5px;
    }
}
.fourgame-page-ninth-header__title .title:after,
.fourgame-page-ninth-header__title .title:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.fourgame-page-ninth-header__title .title:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/ninth-title-bg.svg) 50% 50% no-repeat;
    height: 93px;
    left: 50%;
    margin-left: -234px;
    margin-top: -46.5px;
    top: 50%;
    width: 468px;
    z-index: -1;
}
@media (max-width: 940px) {
    .fourgame-page-ninth-header__title .title:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/page/eighth-title-bg-sm.svg) 50% 50% no-repeat;
        height: 52px;
        margin-left: -128.5px;
        margin-top: -26px;
        width: 257px;
    }
}
.fourgame-page-ninth-header__title .more-block {
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-ninth-header__title .more-block {
        text-align: center;
    }
}
.fourgame-page-ninth-header__title .more-block__first {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
@media (max-width: 940px) {
    .fourgame-page-ninth-header__title .more-block__first {
        font-size: 22px;
        line-height: 26px;
    }
}
.fourgame-page-ninth-header__title .more-block__second {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    vertical-align: top;
}
@media (max-width: 940px) {
    .fourgame-page-ninth-header__title .more-block__second {
        font-size: 16px;
        line-height: 19px;
    }
}
.fourgame-page-ninth-header__title .more-block__second:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/ninth-arrow2.svg) 50% 50% no-repeat;
    bottom: -40px;
    content: "";
    height: 174px;
    margin: 0 -10% 0 0;
    position: absolute;
    right: 100%;
    width: 189px;
}
@media (max-width: 1140px) {
    .fourgame-page-ninth-header__title .more-block__second:before {
        display: none;
    }
}
.fourgame-page-ninth-header__title .more-block__second:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/page/ninth-arrow.svg) 50% 50% no-repeat;
    bottom: 40px;
    content: "";
    height: 92px;
    left: 100%;
    margin: 0 0 0 30%;
    position: absolute;
    width: 96px;
}
@media (max-width: 940px) {
    .fourgame-page-ninth-header__title .more-block__second:after {
        display: none;
    }
}
.fourgame-page-ninth__icon {
    position: absolute;
}
.fourgame-page-ninth__icon.blambi {
    left: -5%;
    pointer-events: none;
    top: -90px;
}
@media (max-width: 1140px) {
    .fourgame-page-ninth__icon.blambi {
        left: -3.5%;
        top: -27px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-ninth__icon.blambi {
        left: auto;
        right: 5%;
        top: -40px;
    }
}
.fourgame-page-ninth__icon.gift {
    left: -10%;
    top: -20px;
}
@media (max-width: 1140px) {
    .fourgame-page-ninth__icon.gift {
        display: none;
    }
}
.fourgame-page-ninth__icon.gear {
    left: 32.5%;
    top: 11px;
}
@media (max-width: 1140px) {
    .fourgame-page-ninth__icon.gear {
        left: 37.5%;
        top: 11px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-ninth__icon.gear {
        left: 50%;
        top: -70px;
    }
    .fourgame-page-ninth__icon.gear .icon {
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}
.fourgame-page-ninth__icon.stamp {
    left: 11%;
    top: -100px;
}
@media (max-width: 1280px) {
    .fourgame-page-ninth__icon.stamp {
        left: 15%;
    }
}
@media (max-width: 940px) {
    .fourgame-page-ninth__icon.stamp {
        right: -16%;
    }
}
.fourgame-page-ninth__icon.elf-green {
    left: 45%;
    top: -80px;
}
@media (max-width: 1280px) {
    .fourgame-page-ninth__icon.elf-green {
        left: 48%;
    }
}
@media (max-width: 1140px) {
    .fourgame-page-ninth__icon.elf-green {
        left: 50%;
        top: -90px;
    }
}
@media (max-width: 940px) {
    .fourgame-page-ninth__icon.elf-green {
        left: auto;
        right: 10%;
    }
    .fourgame-page-ninth__icon.elf-green .icon {
        height: 60px;
        width: 60px;
    }
}
.fourgame-page-ninth__icon.line-1 {
    left: -17%;
    top: -80px;
}
.fourgame-page-ninth__icon.line-1 .icon-punk-ver {
    bottom: 166px;
    position: absolute;
    right: 13px;
}
@media (max-width: 1280px) {
    .fourgame-page-ninth__icon.line-1 {
        display: none;
    }
}
.fourgame-page-ninth__icon.line-2 {
    left: 42%;
    top: 160px;
}
.fourgame-page-ninth__icon.line-2 .icon-punk-hor {
    bottom: 20px;
    left: 160px;
    position: absolute;
}
@media (max-width: 1140px) {
    .fourgame-page-ninth__icon.line-2 {
        display: none;
    }
}
.fourgame-page-ninth__icon.star-min {
    right: 5%;
    top: 225px;
}
.fourgame-page-ninth__icon.star-min .icon {
    fill: var(--fgp-color-4);
}
@media (max-width: 940px) {
    .fourgame-page-ninth__icon.star-min {
        right: 10%;
        top: -95px;
    }
    .fourgame-page-ninth__icon.star-min .icon {
        height: 25px;
        width: 25px;
    }
}
.fourgame-page-ninth__icon.star-min-2 {
    left: -14.5%;
    top: 277px;
}
.fourgame-page-ninth__icon.star-min-2 .icon {
    fill: var(--fgp-color-4);
}
@media (max-width: 940px) {
    .fourgame-page-ninth__icon.star-min-2 {
        left: 5%;
        top: 5px;
    }
}
.fourgame-page-ninth__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 940px) {
    .fourgame-page-ninth__slider {
        padding: 0;
    }
}
.fourgame-page-ninth__slider .ea-slider__block {
    padding: 0;
}
.fourgame-page-ninth__slider .ea-slider__list {
    margin: 0 auto;
    position: relative;
}
@media (min-width: 897px) {
    .fourgame-page-ninth__slider .ea-slider__list {
        max-width: 896px;
        width: 100%;
    }
}
@media (max-width: 896px) and (min-width: 768px) {
    .fourgame-page-ninth__slider .ea-slider__list {
        width: 448px;
    }
}
.fourgame-page-ninth__slider .swiper__filter ul li a {
    color: hsla(0, 0%, 100%, 0.4);
}
.fourgame-page-ninth__slider .swiper__filter ul li a:before {
    background: #2e313b;
}
.fourgame-page-ninth__slider .swiper__filter ul li a:hover {
    color: var(--black);
    text-shadow: none;
}
.fourgame-page-ninth__slider .swiper__filter ul li a:hover:before {
    background: var(--fgp-color-4);
}
.fourgame-page-ninth__slider .swiper__filter ul li.active a {
    color: var(--black);
    text-shadow: none;
}
.fourgame-page-ninth__slider .swiper__filter ul li.active a:before {
    background: var(--fgp-color-4);
}
@media (max-width: 1024px) {
    .fourgame-page-ninth__slider .swiper__filter .do-nicescroll .nicescroll-rails-hr {
        background: #2e313b;
    }
}
.fourgame-page-ninth__slider .swiper__container {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.fourgame-page-ninth__slider .swiper-button-next:before,
.fourgame-page-ninth__slider .swiper-button-prev:before,
.fourgame-page-ninth__slider .swiper-pagination-bullet-active {
    background: var(--fgp-color-4);
}
.fourgame-page-ninth__slider .swiper-button-next:after,
.fourgame-page-ninth__slider .swiper-button-prev:after {
    border-color: var(--fgp-color-4-hover);
}
.icon-briliant {
    height: 13px;
    width: 16px;
}
.icon-coins,
.icon-pets {
    height: 18px;
    width: 18px;
}
.icon-items {
    height: 15px;
    width: 13px;
}
.icon-stuff {
    height: 14px;
    width: 13px;
}
.icon-location {
    height: 14px;
    width: 16px;
}
.icon-games {
    height: 17px;
    width: 18px;
}
.icon-hamburger {
    height: 15px;
    width: 15px;
}
.icon-logo {
    height: 313px;
    width: 313px;
}
.icon-logo-4game {
    height: 50px;
    width: 50px;
}
.icon-star-big {
    height: 33px;
    width: 33px;
}
.icon-star-min {
    height: 17px;
    width: 17px;
}
.icon-star-min-2 {
    height: 21px;
    width: 16px;
}
.icon-diamond {
    height: 31px;
    width: 36px;
}
.icon-triangle {
    height: 28px;
    width: 25px;
}
.icon-aion {
    height: 35px;
    width: 96px;
}
.icon-crowfall {
    height: 37px;
    width: 162px;
}
.icon-ragnarok {
    height: 53px;
    width: 99px;
}
.icon-rf {
    height: 48px;
    width: 162px;
}
.icon-premium {
    height: 42px;
    width: 74px;
}
.icon-bag {
    height: 68px;
    width: 74px;
}
.icon-smile {
    height: 54px;
    width: 55px;
}
.icon-like-big {
    height: 111px;
    width: 100px;
}
.icon-like-min {
    height: 53px;
    width: 49px;
}
.icon-strider {
    height: 114px;
    width: 136px;
}
.icon-happy-smile {
    height: 48px;
    width: 48px;
}
.icon-month {
    height: 131px;
    width: 116px;
}
.icon-cake {
    height: 68px;
    width: 58px;
}
.icon-potion {
    height: 57px;
    width: 51px;
}
.icon-chat {
    height: 49px;
    width: 49px;
}
.icon-firework {
    height: 98px;
    width: 103px;
}
.icon-swords {
    height: 73px;
    width: 75px;
}
.icon-heart-smile {
    height: 54px;
    width: 54px;
}
.icon-thumbs-up {
    height: 245px;
    width: 246px;
}
.icon-bottle {
    height: 119px;
    width: 102px;
}
.icon-elf {
    height: 101px;
    width: 101px;
}
.icon-elf-green {
    height: 82px;
    width: 82px;
}
.icon-heart {
    height: 43px;
    width: 42px;
}
.icon-gear {
    height: 48px;
    width: 49px;
}
.icon-list {
    height: 128px;
    width: 119px;
}
.icon-go-down {
    height: 27px;
    width: 24px;
}
.icon-gift {
    height: 74px;
    width: 76px;
}
.icon-stamp {
    height: 78px;
    width: 50px;
}
.icon-blambi {
    height: 351px;
    width: 577px;
}
.icon-line-1 {
    height: 359px;
    width: 51px;
}
.icon-line-2 {
    height: 86px;
    width: 510px;
}
.icon-punk-ver {
    height: 71px;
    width: 13px;
}
.icon-punk-hor {
    height: 14px;
    width: 112px;
}
.arrow-down-animate {
    cursor: pointer;
    height: 40px;
    position: relative;
    width: 24px;
}
.arrow-down-animate span {
    -webkit-animation: animate-go-down 2s infinite;
    animation: animate-go-down 2s infinite;
    border: 3px solid hsla(0, 0%, 100%, 0.6);
    border-left: none;
    border-top: none;
    height: 14px;
    margin: 9px 0 0 4px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(45deg) translate(-10px, -10px);
    -ms-transform: rotate(45deg) translate(-10px, -10px);
    transform: rotate(45deg) translate(-10px, -10px);
    width: 14px;
}
.arrow-down-animate span:nth-child(2) {
    -webkit-animation: animate-go-down-second 2s infinite;
    animation: animate-go-down-second 2s infinite;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-transform: rotate(45deg) translate(-3px, -3px);
    -ms-transform: rotate(45deg) translate(-3px, -3px);
    transform: rotate(45deg) translate(-3px, -3px);
}
@-webkit-keyframes animate-go-down {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(-10px, -10px);
        transform: rotate(45deg) translate(-10px, -10px);
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(10px, 10px);
        transform: rotate(45deg) translate(10px, 10px);
    }
}
@keyframes animate-go-down {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(-10px, -10px);
        transform: rotate(45deg) translate(-10px, -10px);
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(10px, 10px);
        transform: rotate(45deg) translate(10px, 10px);
    }
}
@-webkit-keyframes animate-go-down-second {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(12px, 12px);
        transform: rotate(45deg) translate(12px, 12px);
    }
}
@keyframes animate-go-down-second {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(12px, 12px);
        transform: rotate(45deg) translate(12px, 12px);
    }
}
@-webkit-keyframes animate-go-down2 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(-10px, -10px);
        transform: rotate(45deg) translate(-10px, -10px);
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(0);
        transform: rotate(45deg) translate(0);
    }
}
@keyframes animate-go-down2 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(-10px, -10px);
        transform: rotate(45deg) translate(-10px, -10px);
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(45deg) translate(0);
        transform: rotate(45deg) translate(0);
    }
}
@-webkit-keyframes animate-go-down3 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}
@keyframes animate-go-down3 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}
.ragnarok__block {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/ragnarok/bg-ragnarok.jpg) 50% 0 repeat var(--bg-ragnarok);
    color: var(--rg-color);
}
@media (max-width: 550px) {
    .ragnarok__block {
        padding-top: 30px;
    }
}
.ragnarok__header {
    border-bottom: 5px solid var(--white);
    height: 819px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 550px) {
    .ragnarok__header {
        height: 530px;
    }
}
@media (max-width: 440px) {
    .ragnarok__header {
        height: 580px;
    }
}
.ragnarok__header .breadcrumbs {
    position: absolute;
    top: 50px;
    z-index: 2;
}
@media (max-width: 550px) {
    .ragnarok__header .breadcrumbs {
        top: 20px;
    }
}
.ragnarok-header__logo {
    position: absolute;
    top: 134px;
    z-index: 2;
}
@media (max-width: 1025px) {
    .ragnarok-header__logo {
        height: 117px;
        top: 132px;
        width: 207px;
    }
}
@media (max-width: 550px) {
    .ragnarok-header__logo {
        left: 62px;
        max-width: 114px;
        top: 78px;
    }
}
@media (max-width: 413px) {
    .ragnarok-header__logo {
        left: 52px;
        max-width: 114px;
    }
}
@media (max-width: 374px) {
    .ragnarok-header__logo {
        left: 12px;
        max-width: 114px;
    }
}
.ragnarok-header__logo img {
    height: auto;
    max-width: 100%;
}
.ragnarok-header__top {
    height: 715px;
    position: relative;
}
@media (max-width: 550px) {
    .ragnarok-header__top {
        height: 420px;
    }
}
.ragnarok-header__bg {
    height: 715px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
@media (max-width: 550px) {
    .ragnarok-header__bg {
        height: 420px;
    }
}
.ragnarok-header__bg img {
    display: block;
    max-height: 100%;
    width: auto;
}
.ragnarok-header__images {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: 71px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 450px;
    justify-content: center;
    left: 50%;
    max-width: 900px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
}
@media (max-width: 550px) {
    .ragnarok-header__images {
        bottom: 50px;
        height: 246px;
    }
}
.ragnarok-header__images ul {
    height: 100%;
}
.ragnarok-header__images ul,
.ragnarok-header__images ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ragnarok-header__images ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    height: 450px;
    justify-content: center;
    left: 50%;
    list-style-type: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width: 550px) {
    .ragnarok-header__images ul li {
        height: 246px;
    }
}
.ragnarok-header__images ul li img {
    display: block;
    max-height: 100%;
    opacity: 0;
    -webkit-transition: var(--transition1);
    -o-transition: var(--transition1);
    transition: var(--transition1);
    width: auto;
}
.ragnarok-header__images.active ul li:first-child img {
    -webkit-animation: run 2s ease-in-out;
    animation: run 2s ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.ragnarok-header__images.active ul li:last-child img {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.ragnarok-header__images.active ul li:nth-child(2) img {
    -webkit-animation: run 2s ease-in-out;
    animation: run 2s ease-in-out;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.ragnarok-header__images.active ul li:last-child img {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.ragnarok-header__images.active ul li:nth-child(3) img {
    -webkit-animation: run 2s ease-in-out;
    animation: run 2s ease-in-out;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.ragnarok-header__images.active ul li:last-child img {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.ragnarok-header__images.active ul li:nth-child(4) img {
    -webkit-animation: run 2s ease-in-out;
    animation: run 2s ease-in-out;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.ragnarok-header__images.active ul li:last-child img {
    -webkit-animation: run2 2s ease-in-out;
    animation: run2 2s ease-in-out;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.ragnarok-header__navi {
    left: 50%;
    max-width: 852px;
    position: absolute;
    top: 653px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}
@media (max-width: 550px) {
    .ragnarok-header__navi {
        top: 390px;
    }
}
.ragnarok-header__navi ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 440px) {
    .ragnarok-header__navi ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: -15px;
    }
}
.ragnarok-header__navi ul li {
    -webkit-box-flex: 1;
    cursor: pointer;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 550px) {
    .ragnarok-header__navi ul li:last-child {
        -webkit-box-flex: 1;
        -ms-flex: auto 0 0px;
        flex: auto 0 0;
        max-width: 25%;
    }
}
@media (max-width: 440px) {
    .ragnarok-header__navi ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        margin-bottom: 10px;
        max-width: 33.3333%;
        width: 100%;
    }
    .ragnarok-header__navi ul li:first-child {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
    }
    .ragnarok-header__navi ul li:nth-child(3) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .ragnarok-header__navi ul li:nth-child(4),
    .ragnarok-header__navi ul li:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}
.ragnarok-header__navi ul li:hover .ragnarok-header-navi__icon img {
    -webkit-animation: goDown 0.5s ease-in-out;
    animation: goDown 0.5s ease-in-out;
}
.ragnarok-header__navi ul li:hover .ragnarok-header-navi__name {
    color: #a0461f;
}
.ragnarok-header-navi__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    margin-bottom: 16px;
    width: 100%;
}
@media (max-width: 440px) {
    .ragnarok-header-navi__icon {
        margin-bottom: 5px;
    }
}
.ragnarok-header-navi__icon img,
.ragnarok-header-navi__name {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.ragnarok-header-navi__name {
    color: rgba(53, 50, 47, 0.7);
    display: block;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .ragnarok-header-navi__name {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .ragnarok-header-navi__name {
        font-size: 14px;
    }
}
@media (max-width: 550px) {
    .ragnarok-header-navi__name {
        font-size: 12px;
        padding: 0 3px;
    }
}
@media (max-width: 374px) {
    .ragnarok-header-navi__name {
        font-size: 10px;
    }
}
.ragnarok__content {
    overflow: hidden;
    padding-top: 90px;
    position: relative;
    z-index: 1;
}
@media (max-height: 768px) {
    .ragnarok__content {
        padding-top: 50px;
    }
}
.ragnarok__content:before {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(6, 23%, 55%, 0.15)), to(hsla(0, 0%, 77%, 0)));
    background: -webkit-linear-gradient(top, hsla(6, 23%, 55%, 0.15), hsla(0, 0%, 77%, 0));
    background: -o-linear-gradient(top, hsla(6, 23%, 55%, 0.15) 0, hsla(0, 0%, 77%, 0) 100%);
    background: linear-gradient(180deg, hsla(6, 23%, 55%, 0.15), hsla(0, 0%, 77%, 0));
    content: "";
    height: 952px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.ragnarok__premium {
    background: rgba(192, 104, 76, 0.54);
    border-bottom: 10px solid #f4dbdb;
    border-top: 10px solid #cba4a4;
    margin-bottom: 90px;
    min-height: 950px;
    overflow: hidden;
    padding-top: 60px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .ragnarok__premium {
        min-height: 865px;
    }
}
@media (max-width: 767px) {
    .ragnarok__premium {
        margin-bottom: 60px;
    }
}
.ragnarok__premium:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(149, 93, 113, 0.79)), to(rgba(192, 104, 76, 0.54)));
    background: -webkit-linear-gradient(top, rgba(149, 93, 113, 0.79), rgba(192, 104, 76, 0.54));
    background: -o-linear-gradient(top, rgba(149, 93, 113, 0.79) 0, rgba(192, 104, 76, 0.54) 100%);
    background: linear-gradient(180deg, rgba(149, 93, 113, 0.79), rgba(192, 104, 76, 0.54));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.ragnarok__premium:after {
    background: #000;
    content: "";
    -webkit-filter: blur(100px);
    filter: blur(100px);
    height: 67px;
    left: 0;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: -67px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.ragnarok-premium__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--white);
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 40px;
    max-width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    width: 100%;
}
@media (max-width: 1024px) {
    .ragnarok-premium__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        font-size: 14px;
        margin-bottom: 100px;
        max-width: 66.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .ragnarok-premium__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.ragnarok-premium__preview {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 36.66667%;
    flex: 0 0 36.66667%;
    max-width: 36.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    z-index: 1;
}
@media (max-width: 1140px) {
    .ragnarok-premium__preview {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 900px) {
    .ragnarok-premium__preview {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 336px;
        flex: 0 0 336px;
        max-width: 336px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .ragnarok-premium__preview {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        max-width: 100%;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .ragnarok-premium__preview .ea-slider__list.alone-card {
        width: 100%;
    }
}
.ragnarok-premium__content {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .ragnarok-premium__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 900px) {
    .ragnarok-premium__content {
        -webkit-box-flex: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        max-width: none;
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
    }
}
@media (max-width: 767px) {
    .ragnarok-premium__content {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: -1;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.ragnarok-premium__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: -118px -40px 0;
    position: relative;
}
@media (max-width: 1280px) {
    .ragnarok-premium__bg {
        height: 480px;
        margin: -108px -40px 0;
    }
}
@media (max-width: 1140px) {
    .ragnarok-premium__bg {
        height: 405px;
        margin: -88px -40px 0;
    }
}
@media (max-width: 900px) {
    .ragnarok-premium__bg {
        height: 360px;
        margin: -77px -40px 0 -60px;
    }
}
@media (max-width: 880px) {
    .ragnarok-premium__bg {
        height: 290px;
        margin: -60px -40px 0 -60px;
    }
}
@media (max-width: 800px) {
    .ragnarok-premium__bg {
        height: 270px;
        margin: -53px -40px 0 -60px;
    }
}
@media (max-width: 767px) {
    .ragnarok-premium__bg {
        height: 240px;
        margin: 0 -40px;
    }
}
.ragnarok-premium__bg img {
    display: block;
    max-height: 100%;
    width: auto;
}
.ragnarok-premium__smile {
    left: 50%;
    position: absolute;
    top: 80px;
    -webkit-transform: translate(-345px);
    -ms-transform: translate(-345px);
    transform: translate(-345px);
}
@media (max-width: 1280px) {
    .ragnarok-premium__smile {
        top: 65px;
        -webkit-transform: translate(-310px);
        -ms-transform: translate(-310px);
        transform: translate(-310px);
    }
}
@media (max-width: 1140px) {
    .ragnarok-premium__smile {
        top: 48px;
        -webkit-transform: translate(-270px);
        -ms-transform: translate(-270px);
        transform: translate(-270px);
    }
}
@media (max-width: 1024px) {
    .ragnarok-premium__smile {
        top: 62px;
        -webkit-transform: translate(-264px);
        -ms-transform: translate(-264px);
        transform: translate(-264px);
        width: 63px;
    }
}
@media (max-width: 850px) {
    .ragnarok-premium__smile {
        top: 35px;
        -webkit-transform: translate(-190px);
        -ms-transform: translate(-190px);
        transform: translate(-190px);
    }
}
@media (max-width: 767px) {
    .ragnarok-premium__smile {
        -webkit-transform: translate(-155px);
        -ms-transform: translate(-155px);
        transform: translate(-155px);
        width: 38px;
    }
}
.ragnarok-premium__smile img {
    display: block;
    height: auto;
    max-width: 100%;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.active .ragnarok-premium__smile img {
    -webkit-animation: fadeIn 1s ease-in-out, slideInUp 1s ease-in-out, zoomInUp 1s ease-in-out;
    animation: fadeIn 1s ease-in-out, slideInUp 1s ease-in-out, zoomInUp 1s ease-in-out;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.ragnarok-premium__gift {
    left: 50%;
    position: absolute;
    top: 318px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
@media (max-width: 1280px) {
    .ragnarok-premium__gift {
        top: 290px;
    }
}
@media (max-width: 1140px) {
    .ragnarok-premium__gift {
        top: 246px;
    }
    .ragnarok-premium__gift img {
        max-width: 84px;
    }
}
@media (max-width: 900px) {
    .ragnarok-premium__gift {
        top: 214px;
    }
}
@media (max-width: 850px) {
    .ragnarok-premium__gift {
        top: 175px;
    }
    .ragnarok-premium__gift img {
        max-width: 60px;
    }
}
@media (max-width: 800px) {
    .ragnarok-premium__gift {
        top: 160px;
    }
}
@media (max-width: 767px) {
    .ragnarok-premium__gift {
        top: 146px;
    }
    .ragnarok-premium__gift img {
        width: 50px;
    }
}
.ragnarok-premium__gift img {
    display: block;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.active .ragnarok-premium__gift img {
    -webkit-animation: fadeIn 1s ease-in-out;
    animation: fadeIn 1s ease-in-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.ragnarok-premium__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -60px -15px 0;
}
@media (max-width: 900px) {
    .ragnarok-premium__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: -30px -5px 0 -20px;
    }
}
@media (max-width: 767px) {
    .ragnarok-premium__list {
        margin: 0 30px;
    }
}
@media (max-width: 414px) {
    .ragnarok-premium__list {
        margin: 0;
    }
}
.ragnarok-premium__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-bottom: 30px;
    max-width: 20%;
    padding: 0 15px;
    width: 100%;
}
@media (max-width: 900px) {
    .ragnarok-premium__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding: 0 5px;
    }
}
@media (max-width: 767px) {
    .ragnarok-premium__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ragnarok-premium__item:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.ragnarok-premium-item__icon {
    margin: 0 auto 15px;
    max-width: 130px;
}
@media (max-width: 768px) {
    .ragnarok-premium-item__icon {
        max-width: 104px;
    }
}
.ragnarok-premium-item__icon img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.ragnarok-premium-item__desc {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.crowfall__block {
    background: var(--crowfall-bg);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.crowfall__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/crowfall/bg.jpg) 50% 0 no-repeat;
    height: 1210px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
@media (max-width: 768px) {
    .crowfall__bg {
        background-size: cover;
        height: 600px;
        min-height: -webkit-calc(100vh + 60px);
        min-height: calc(100vh + 60px);
    }
}
.crowfall__header {
    height: 1020px;
    margin-bottom: 70px;
    max-height: 100vh;
    padding-bottom: 100px;
    padding-top: 50px;
    position: relative;
}
.crowfall__header:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='780' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M774.464 7.192h-6.766l-2.348-1.563 1.477-.983 1.363.908h5.823l2.788-1.638-2.788-1.64h-5.823l-2.461 1.64h.001l-1.477.983-3.444 2.293-2.348-1.563 1.476-.983.872.58.738-.491 1.23-.82 1.476-.982 3.445-2.294h6.766L780 3.916l-5.536 3.276Zm-17.346-4.095 3.691-2.458 2.337 1.557-1.476.982-.861-.573-1.354.9-.615.41-.984.656-.246.164h-24.358V3.097h23.866ZM5.536 7.192h6.766l2.348-1.563-1.477-.983-1.363.908H5.987L3.199 3.916l2.788-1.64h5.823l2.46 1.64 1.476.983 3.445 2.293 2.348-1.563-1.476-.983-.872.58-.738-.491-1.23-.82-1.476-.982L12.302.639H5.536L0 3.916 5.536 7.19Zm17.346-4.095L19.192.639l-2.338 1.557 1.476.982.861-.573 1.354.9.615.41.984.656.246.164h24.358V3.097H22.882Z' fill='%23DBAD75'/%3E%3Cpath d='M36.655 3.095h703.82v1.638H36.655V3.095Z' fill='%23DBAD75'/%3E%3Cpath d='M384.579.2h9.842c-1.415 1.966-2.416 4.27-3.595 6.39-.265-.4-.53-.769-.796-1.168.737-1.32 1.444-2.642 2.151-3.963-1.826 0-3.653.062-5.51-.06 1.032 2.211 2.299 4.33 3.477 6.48-.235.43-.471.86-.736 1.321-1.621-3.01-3.242-5.99-4.833-9Z' fill='%23DBAD75'/%3E%3C/svg%3E")
        50% 50% no-repeat;
    bottom: -30px;
    content: "";
    display: block;
    height: 10px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 780px;
}
@media (max-width: 768px) {
    .crowfall__header:after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='301' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46 3h209.308v2H46V3Z' fill='%23DBAD75'/%3E%3Cpath d='M146 0h9.842c-1.415 1.966-2.416 4.27-3.595 6.389-.265-.4-.53-.768-.796-1.167a257.048 257.048 0 0 0 2.151-3.963c-1.826 0-3.653.062-5.51-.061 1.032 2.212 2.299 4.331 3.477 6.481-.235.43-.471.86-.736 1.321-1.621-3.01-3.242-5.99-4.833-9Z' fill='%23DBAD75'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.478.5 21.825 3H46v2H22.213L18 2.5l-.434.31-1.82-1.051L17.478.5ZM6 .5h5.5l7.448 4.313.44-.363 1.847 1.127-2.225 1.4L11 2.5H6L3.5 4 6 5.5h5l.906-.688L13.75 5.87 11.5 7.5H6L0 4 6 .5Zm277.522 0L279.175 3H255v2h23.787L283 2.5l.434.31 1.82-1.051L283.522.5ZM295 .5h-5.5l-7.448 4.313-.44-.363-1.847 1.127 2.225 1.4L290 2.5h5l2.5 1.5-2.5 1.5h-5l-.906-.688-1.844 1.057L289.5 7.5h5.5l6-3.5-6-3.5Z' fill='%23DBAD75'/%3E%3C/svg%3E")
            50% 50% no-repeat;
        height: 10px;
        width: 301px;
    }
}
@media (max-width: 1280px) {
    .crowfall__header {
        margin-bottom: 70px;
        padding-bottom: 70px;
        padding-top: 140px;
    }
}
@media (max-width: 1024px) {
    .crowfall__header {
        padding-bottom: 20px;
        padding-top: 90px;
    }
}
@media (max-width: 768px) {
    .crowfall__header {
        height: 680px;
        margin-bottom: 65px;
        max-height: none;
        min-height: -webkit-calc(100vh + 60px);
        min-height: calc(100vh + 60px);
    }
}
.crowfall__header .b-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.crowfall__header .b-container .breadcrumbs {
    margin-bottom: 30px;
}
.crowfall-header__logo {
    margin: 0 0 auto;
}
.crowfall-header__logo img {
    -webkit-filter: drop-shadow(0 0 35px rgba(186, 207, 255, 0.8));
    filter: drop-shadow(0 0 35px rgba(186, 207, 255, 0.8));
}
@media (max-width: 1024px) {
    .crowfall-header__logo img {
        max-width: 300px;
    }
}
@media (max-width: 768px) {
    .crowfall-header__logo img {
        max-width: 240px;
    }
}
.crowfall-header__navi ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
    padding: 0;
}
@media (max-width: 1280px) {
    .crowfall-header__navi ul {
        margin: 0 auto;
        max-width: 800px;
    }
}
.crowfall-header__navi ul li {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    max-width: 16.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .crowfall-header__navi ul li {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        margin-bottom: 45px;
        max-width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .crowfall-header__navi ul li {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .crowfall-header__navi ul li {
        margin-bottom: 25px;
    }
}
.crowfall-header__navi ul li:hover .crowfall-header-navi__icon img {
    -webkit-animation: goDown 0.5s ease-in-out;
    animation: goDown 0.5s ease-in-out;
}
.crowfall-header__navi ul li:hover .crowfall-header-navi__name {
    color: #fff;
}
.crowfall-header__navi ul li:hover .crowfall-header-navi__name:after {
    width: 100%;
}
.crowfall-header-navi__title {
    display: none;
}
@media (max-width: 1280px) {
    .crowfall-header-navi__title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        color: var(--white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: var(--font-lazurski);
        font-size: 35px;
        font-weight: 400;
        justify-content: center;
        letter-spacing: 1.17px;
        margin-bottom: 30px;
        text-transform: uppercase;
    }
}
@media (max-width: 1280px) and (max-width: 1024px) {
    .crowfall-header-navi__title {
        font-size: 24px;
    }
}
@media (max-width: 1280px) and (max-width: 768px) {
    .crowfall-header-navi__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 25px;
    }
}
.crowfall-header-navi__title .icon {
    display: block;
    margin: 0 20px 0 0;
}
@media (max-width: 1024px) {
    .crowfall-header-navi__title .icon {
        height: 50px;
        width: 50px;
    }
}
@media (max-width: 768px) {
    .crowfall-header-navi__title .icon {
        margin: 0 0 10px;
    }
}
.crowfall-header-navi__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 120px;
    justify-content: center;
    margin-bottom: 16px;
    width: 100%;
}
@media (max-width: 1024px) {
    .crowfall-header-navi__icon {
        height: 80px;
        margin-bottom: 12px;
    }
}
@media (max-width: 768px) {
    .crowfall-header-navi__icon {
        height: 60px;
        margin-bottom: 10px;
    }
}
@media (max-width: 440px) {
    .crowfall-header-navi__icon {
        margin-bottom: 5px;
    }
}
.crowfall-header-navi__icon img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.crowfall-header-navi__icon img,
.crowfall-header-navi__name {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.crowfall-header-navi__name {
    color: hsla(0, 0%, 100%, 0.7);
    font-family: var(--font-gotham);
    font-size: 18px;
    font-weight: 500;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .crowfall-header-navi__name {
        font-size: 14px;
    }
}
.crowfall-header-navi__name:after {
    background: var(--crowfall-color);
    content: "";
    height: 2px;
    left: 0;
    margin: 5px 0 0;
    position: absolute;
    top: 100%;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 0;
}
.crowfall__access {
    padding-bottom: 123px;
    padding-top: 95px;
}
@media (max-width: 768px) {
    .crowfall__access {
        padding-bottom: 60px;
        padding-top: 30px;
    }
}
.crowfall-access__desc {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    max-width: none;
    max-width: -webkit-calc(100% - 448px);
    max-width: calc(100% - 448px);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    width: auto;
}
@media (max-width: 1140px) {
    .crowfall-access__desc {
        max-width: -webkit-calc(100% - 336px);
        max-width: calc(100% - 336px);
    }
}
@media (max-width: 768px) {
    .crowfall-access__desc {
        max-width: 100%;
    }
}
.crowfall-access-desc__img {
    bottom: 24px;
    left: 28px;
    position: absolute;
}
@media (max-width: 1140px) {
    .crowfall-access-desc__img {
        bottom: auto;
        top: -86px;
    }
    .crowfall-access-desc__img img {
        width: 140px;
    }
}
@media (max-width: 767px) {
    .crowfall-access-desc__img {
        left: 50%;
        top: -110px;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
    .crowfall-access-desc__img img {
        width: 110px;
    }
}
.crowfall-access-desc__top {
    background: #0b0d15;
    border-radius: 20px;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    color: var(--white);
    font-family: var(--font-gotham);
    font-size: 14px;
    line-height: 1.7;
    margin-left: 20px;
    padding: 50px 50px 45px 240px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .crowfall-access-desc__top {
        padding: 35px 35px 25px;
    }
}
@media (max-width: 1024px) {
    .crowfall-access-desc__top {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .crowfall-access-desc__top {
        margin-top: 70px;
        padding: 50px 20px 20px;
    }
}
.crowfall-access-desc__top .h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .crowfall-access-desc__top .h3 {
        min-height: 100px;
        padding-left: 170px;
    }
}
@media (max-width: 800px) {
    .crowfall-access-desc__top .h3 {
        padding-left: 160px;
    }
}
@media (max-width: 767px) {
    .crowfall-access-desc__top .h3 {
        font-size: 18px;
        min-height: 50px;
        padding: 50px 0 0;
    }
}
.crowfall-access-desc__top p {
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
}
.crowfall-access-desc__top p.alert {
    font-size: 16px;
    font-weight: 700;
}
.crowfall-access-desc__top p.alert span {
    color: var(--crowfall-color);
}
.crowfall-access-desc__bottom {
    background: #222839;
    border-radius: 20px;
    color: hsla(0, 0%, 100%, 0.8);
    font-family: var(--font-gotham);
    font-size: 18px;
    margin: -40px 30px 0 50px;
    padding: 90px 60px 10px;
}
@media (max-width: 1140px) {
    .crowfall-access-desc__bottom {
        font-size: 16px;
        padding: 60px 30px 10px;
    }
}
@media (max-width: 1024px) {
    .crowfall-access-desc__bottom {
        margin: -40px 30px 0;
    }
}
@media (max-width: 768px) {
    .crowfall-access-desc__bottom {
        font-size: 14px;
        margin: -40px 20px 0;
        padding: 70px 20px 10px;
    }
}
.crowfall-access-desc__bottom p {
    margin: 0 0 30px;
    padding: 0;
}
@media (max-width: 1140px) {
    .crowfall-access-desc__bottom p {
        margin-bottom: 20px;
    }
}
.crowfall__preview {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 448px;
    flex: 0 0 448px;
    max-width: 448px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    z-index: 1;
}
@media (max-width: 1140px) {
    .crowfall__preview {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 336px;
        flex: 0 0 336px;
        max-width: 336px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .crowfall__preview {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        max-width: 100%;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.crowfall__premium {
    margin-bottom: 100px;
    padding-bottom: 95px;
    position: relative;
}
@media (max-width: 767px) {
    .crowfall__premium {
        margin-bottom: 60px;
        padding-bottom: 50px;
    }
}
.crowfall-premium__block {
    display: grid;
    grid-template-columns: repeat(12, 8.33333%);
    max-width: 100%;
    padding: 0 15px;
    width: 100%;
}
@media (max-width: 550px) {
    .crowfall-premium__block {
        display: block;
    }
}
.crowfall-premium__block .crowfall__preview {
    grid-column-end: span 5;
    grid-column-start: 1;
    grid-row-end: span 10;
}
@media (max-width: 1140px) {
    .crowfall-premium__block .crowfall__preview {
        grid-column-end: span 4;
        grid-column-start: 1;
    }
}
@media (max-width: 1024px) {
    .crowfall-premium__block .crowfall__preview {
        grid-column-end: span 5;
        grid-column-start: 1;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .crowfall-premium__block .crowfall__preview {
        grid-column-end: span 12;
        grid-column-start: 1;
    }
}
.crowfall-premium__desc {
    grid-column-end: span 7;
    grid-column-start: 6;
}
@media (max-width: 1140px) {
    .crowfall-premium__desc {
        grid-column-end: span 6;
        grid-column-start: 6;
    }
}
@media (max-width: 1024px) {
    .crowfall-premium__desc {
        grid-column-end: span 7;
        grid-column-start: 6;
    }
}
@media (max-width: 767px) {
    .crowfall-premium__desc {
        grid-column-end: span 12;
        grid-column-start: 1;
        margin: 0 -15px;
    }
}
.crowfall-premium__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -110px;
}
@media (max-width: 1024px) {
    .crowfall-premium__list {
        margin-top: -30px;
    }
}
.crowfall-premium__list .nicescroll-rails-hr {
    display: none !important;
}
@media (max-width: 767px) {
    .crowfall-premium__list {
        margin: 0 0 30px;
    }
    .crowfall-premium__list .nicescroll-rails-hr {
        background: #2c3039;
        border-radius: 10px;
        display: block !important;
        left: 20px !important;
        overflow: hidden;
        right: 20px !important;
        width: auto !important;
    }
}
.crowfall-premium__list .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 767px) {
    .crowfall-premium__list .wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 0;
    }
}
.crowfall-premium__item {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 45px;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 767px) {
    .crowfall-premium__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 240px;
        flex: 0 0 240px;
        margin-bottom: 30px;
        max-width: 240px;
        padding: 0 15px;
        width: 100%;
    }
    .crowfall-premium__item:first-child {
        margin-left: 15px;
    }
    .crowfall-premium__item:last-child {
        margin-right: 15px;
    }
}
.crowfall-premium-item__img {
    margin-bottom: 25px;
}
.crowfall-premium-item__desc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: var(--br-10);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-gotham);
    font-size: 11px;
    font-weight: 500;
    height: 78px;
    justify-content: center;
    line-height: 17px;
    padding: 15px;
    text-align: center;
    width: 204px;
}
.crowfall-premium-item__desc .tooltip-block {
    margin-left: 15px;
    text-align: left;
}
.crowfall-premium__way {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    -webkit-box-shadow: inset 0 5px 0 hsla(0, 0%, 100%, 0.2);
    box-shadow: inset 0 5px 0 hsla(0, 0%, 100%, 0.2);
    color: var(--white);
    grid-column-end: span 12;
    grid-column-start: 6;
    padding: 50px 30px 50px 10px;
}
@media (max-width: 1140px) {
    .crowfall-premium__way {
        grid-column-start: 5;
        margin: 0;
        padding: 25px 25px 25px 0;
    }
}
@media (max-width: 1024px) {
    .crowfall-premium__way {
        grid-column-start: 1;
        margin: 0 auto;
        max-width: 725px;
    }
}
@media (max-width: 550px) {
    .crowfall-premium__way {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 30px 10px;
        width: 170px;
    }
}
.crowfall-premium__way ul {
    margin: 0;
    padding: 0;
}
.crowfall-premium-way__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 -15px;
}
@media (max-width: 550px) {
    .crowfall-premium-way__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.crowfall-premium-way__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 0 15px;
    position: relative;
    width: 33.3333%;
}
.crowfall-premium-way__item:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='179' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5 1.5H179' stroke='%23fff' stroke-opacity='.1' stroke-width='3' stroke-dasharray='8 8'/%3E%3C/svg%3E")
        0 50% no-repeat;
    content: "";
    height: 10px;
    left: 100%;
    position: absolute;
    top: 7px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 176px;
}
@media (max-width: 1300px) {
    .crowfall-premium-way__item:after {
        width: 160px;
    }
}
@media (max-width: 1200px) {
    .crowfall-premium-way__item:after {
        width: 140px;
    }
}
@media (max-width: 1140px) {
    .crowfall-premium-way__item:after {
        width: 160px;
    }
}
@media (max-width: 1020px) {
    .crowfall-premium-way__item:after {
        width: 140px;
    }
}
@media (max-width: 920px) {
    .crowfall-premium-way__item:after {
        width: 120px;
    }
}
@media (max-width: 550px) {
    .crowfall-premium-way__item:after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='179' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 178.5V0' stroke='%23fff' stroke-opacity='.1' stroke-width='3' stroke-dasharray='8 8'/%3E%3C/svg%3E")
            50% 0 no-repeat;
        height: 170px;
        left: 50%;
        margin: 35px 0 0;
        top: 100%;
        width: 10px;
    }
}
.crowfall-premium-way__item:last-child:after {
    display: none;
}
@media (max-width: 550px) {
    .crowfall-premium-way__item {
        margin-bottom: 230px;
        padding: 0;
        width: auto;
    }
    .crowfall-premium-way__item:last-child {
        margin-bottom: 0;
    }
}
.crowfall-premium-way__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    margin: 0 auto 22px;
}
.crowfall-premium-way__icon .icon {
    --crowfall-color: #f5b105;
    display: block;
}
.crowfall-premium-way__desc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-gotham);
    font-size: 11px;
    font-weight: 500;
    justify-content: center;
    line-height: 17px;
    text-align: center;
}
.crowfall-premium-way__text {
    padding: 0 30px;
    position: relative;
}
@media (max-width: 550px) {
    .crowfall-premium-way__text {
        padding: 0 0 30px;
    }
}
.crowfall-premium-way__text .tooltip-block {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 550px) {
    .crowfall-premium-way__text .tooltip-block {
        left: 50%;
        margin: 0;
        right: auto;
        top: 100%;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
}
.crowfall-premium__bottom {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.crowfall-premium__bottom:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='780' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M774.464 7.192h-6.766l-2.348-1.563 1.477-.983 1.363.908h5.823l2.788-1.638-2.788-1.64h-5.823l-2.461 1.64h.001l-1.477.983-3.444 2.293-2.348-1.563 1.476-.983.872.58.738-.491 1.23-.82 1.476-.982 3.445-2.294h6.766L780 3.916l-5.536 3.276Zm-17.346-4.095 3.691-2.458 2.337 1.557-1.476.982-.861-.573-1.354.9-.615.41-.984.656-.246.164h-24.358V3.097h23.866ZM5.536 7.192h6.766l2.348-1.563-1.477-.983-1.363.908H5.987L3.199 3.916l2.788-1.64h5.823l2.46 1.64 1.476.983 3.445 2.293 2.348-1.563-1.476-.983-.872.58-.738-.491-1.23-.82-1.476-.982L12.302.639H5.536L0 3.916 5.536 7.19Zm17.346-4.095L19.192.639l-2.338 1.557 1.476.982.861-.573 1.354.9.615.41.984.656.246.164h24.358V3.097H22.882Z' fill='%23DBAD75'/%3E%3Cpath d='M36.655 3.095h703.82v1.638H36.655V3.095Z' fill='%23DBAD75'/%3E%3Cpath d='M384.579.2h9.842c-1.415 1.966-2.416 4.27-3.595 6.39-.265-.4-.53-.769-.796-1.168.737-1.32 1.444-2.642 2.151-3.963-1.826 0-3.653.062-5.51-.06 1.032 2.211 2.299 4.33 3.477 6.48-.235.43-.471.86-.736 1.321-1.621-3.01-3.242-5.99-4.833-9Z' fill='%23DBAD75'/%3E%3C/svg%3E")
        50% 50% no-repeat;
    content: "";
    display: block;
    height: 10px;
    width: 780px;
}
@media (max-width: 768px) {
    .crowfall-premium__bottom:after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='301' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46 3h209.308v2H46V3Z' fill='%23DBAD75'/%3E%3Cpath d='M146 0h9.842c-1.415 1.966-2.416 4.27-3.595 6.389-.265-.4-.53-.768-.796-1.167a257.048 257.048 0 0 0 2.151-3.963c-1.826 0-3.653.062-5.51-.061 1.032 2.212 2.299 4.331 3.477 6.481-.235.43-.471.86-.736 1.321-1.621-3.01-3.242-5.99-4.833-9Z' fill='%23DBAD75'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.478.5 21.825 3H46v2H22.213L18 2.5l-.434.31-1.82-1.051L17.478.5ZM6 .5h5.5l7.448 4.313.44-.363 1.847 1.127-2.225 1.4L11 2.5H6L3.5 4 6 5.5h5l.906-.688L13.75 5.87 11.5 7.5H6L0 4 6 .5Zm277.522 0L279.175 3H255v2h23.787L283 2.5l.434.31 1.82-1.051L283.522.5ZM295 .5h-5.5l-7.448 4.313-.44-.363-1.847 1.127 2.225 1.4L290 2.5h5l2.5 1.5-2.5 1.5h-5l-.906-.688-1.844 1.057L289.5 7.5h5.5l6-3.5-6-3.5Z' fill='%23DBAD75'/%3E%3C/svg%3E")
            50% 50% no-repeat;
        height: 10px;
        width: 301px;
    }
}
.crowfall__content {
    border-top: 5px solid hsla(0, 0%, 100%, 0.1);
    padding-top: 137px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .crowfall__content {
        padding-top: 50px;
    }
}
.product__block .crowfall__content {
    border-top: none;
    padding-top: 80px;
}
.product__block.crowfall-color .crowfall__content {
    padding-top: 140px;
}
.crowfall__content:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#070a10), to(#171b26));
    background: -webkit-linear-gradient(top, #070a10, #171b26);
    background: -o-linear-gradient(top, #070a10 0, #171b26 100%);
    background: linear-gradient(180deg, #070a10, #171b26);
    content: "";
    height: 1000px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.product__block .crowfall__content:before {
    display: none;
}
.crowfall-color .crowfall__content {
    position: relative;
}
.crowfall-color .crowfall__content:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='780' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M774.464 7.192h-6.766l-2.348-1.563 1.477-.983 1.363.908h5.823l2.788-1.638-2.788-1.64h-5.823l-2.461 1.64h.001l-1.477.983-3.444 2.293-2.348-1.563 1.476-.983.872.58.738-.491 1.23-.82 1.476-.982 3.445-2.294h6.766L780 3.916l-5.536 3.276Zm-17.346-4.095 3.691-2.458 2.337 1.557-1.476.982-.861-.573-1.354.9-.615.41-.984.656-.246.164h-24.358V3.097h23.866ZM5.536 7.192h6.766l2.348-1.563-1.477-.983-1.363.908H5.987L3.199 3.916l2.788-1.64h5.823l2.46 1.64 1.476.983 3.445 2.293 2.348-1.563-1.476-.983-.872.58-.738-.491-1.23-.82-1.476-.982L12.302.639H5.536L0 3.916 5.536 7.19Zm17.346-4.095L19.192.639l-2.338 1.557 1.476.982.861-.573 1.354.9.615.41.984.656.246.164h24.358V3.097H22.882Z' fill='%23DBAD75'/%3E%3Cpath d='M36.655 3.095h703.82v1.638H36.655V3.095Z' fill='%23DBAD75'/%3E%3Cpath d='M384.579.2h9.842c-1.415 1.966-2.416 4.27-3.595 6.39-.265-.4-.53-.769-.796-1.168.737-1.32 1.444-2.642 2.151-3.963-1.826 0-3.653.062-5.51-.06 1.032 2.211 2.299 4.33 3.477 6.48-.235.43-.471.86-.736 1.321-1.621-3.01-3.242-5.99-4.833-9Z' fill='%23DBAD75'/%3E%3C/svg%3E")
        50% 50% no-repeat;
    content: "";
    display: block;
    height: 10px;
    left: 50%;
    position: absolute;
    top: 50px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 780px;
}
@media (max-width: 768px) {
    .crowfall-color .crowfall__content:after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='301' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46 3h209.308v2H46V3Z' fill='%23DBAD75'/%3E%3Cpath d='M146 0h9.842c-1.415 1.966-2.416 4.27-3.595 6.389-.265-.4-.53-.768-.796-1.167a257.048 257.048 0 0 0 2.151-3.963c-1.826 0-3.653.062-5.51-.061 1.032 2.212 2.299 4.331 3.477 6.481-.235.43-.471.86-.736 1.321-1.621-3.01-3.242-5.99-4.833-9Z' fill='%23DBAD75'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.478.5 21.825 3H46v2H22.213L18 2.5l-.434.31-1.82-1.051L17.478.5ZM6 .5h5.5l7.448 4.313.44-.363 1.847 1.127-2.225 1.4L11 2.5H6L3.5 4 6 5.5h5l.906-.688L13.75 5.87 11.5 7.5H6L0 4 6 .5Zm277.522 0L279.175 3H255v2h23.787L283 2.5l.434.31 1.82-1.051L283.522.5ZM295 .5h-5.5l-7.448 4.313-.44-.363-1.847 1.127 2.225 1.4L290 2.5h5l2.5 1.5-2.5 1.5h-5l-.906-.688-1.844 1.057L289.5 7.5h5.5l6-3.5-6-3.5Z' fill='%23DBAD75'/%3E%3C/svg%3E")
            50% 50% no-repeat;
        height: 10px;
        width: 301px;
    }
}
.aion__block {
    background: var(--white);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.aion__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion/title.jpg) 50% -150px no-repeat var(--black);
    height: 760px;
    left: 0;
    max-height: -webkit-calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
@media (max-width: 1024px) {
    .aion__bg {
        height: 700px;
    }
}
@media (max-width: 768px) {
    .aion__bg {
        background-position: 50% -100px;
        background-size: auto 620px;
        height: 520px;
        max-height: unset;
    }
}
.aion-bg__block {
    bottom: 0;
    left: 50%;
    max-width: 1920px;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%;
}
.aion-bg__left {
    bottom: -233px;
    left: -200px;
    position: absolute;
}
@media (max-width: 1280px) {
    .aion-bg__left {
        left: -300px;
    }
}
@media (max-width: 1024px) {
    .aion-bg__left {
        display: none;
    }
}
.aion-bg__right {
    bottom: -233px;
    position: absolute;
    right: -200px;
}
@media (max-width: 1280px) {
    .aion-bg__right {
        right: -300px;
    }
}
@media (max-width: 1024px) {
    .aion-bg__right {
        display: none;
    }
}
.aion-bg__center {
    bottom: -140px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.aion-bg__center ul {
    margin: 0;
    padding: 0;
}
.aion-bg__center ul li {
    bottom: 0;
    display: block;
    left: 50%;
    list-style-type: none;
    margin: 0 0 0 -337px;
    opacity: 0;
    padding: 0;
    position: absolute;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 674px;
}
.aion-bg__center ul li img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.aion-bg__center.active ul li:first-child {
    -webkit-animation: run 3s ease-in-out;
    animation: run 3s ease-in-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.aion-bg__center.active ul li:nth-child(2) {
    -webkit-animation: run 3s ease-in-out;
    animation: run 3s ease-in-out;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.aion-bg__center.active ul li:nth-child(3) {
    -webkit-animation: run 3s ease-in-out;
    animation: run 3s ease-in-out;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.aion-bg__center.active ul li:nth-child(4) {
    -webkit-animation: run 3s ease-in-out;
    animation: run 3s ease-in-out;
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}
.aion-bg__center.active ul li:nth-child(5) {
    -webkit-animation: run 3s ease-in-out;
    animation: run 3s ease-in-out;
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
}
.aion-bg__center.active ul li:nth-child(6) {
    -webkit-animation: run 3s ease-in-out;
    animation: run 3s ease-in-out;
    -webkit-animation-delay: 11s;
    animation-delay: 11s;
}
.aion-bg__center.active ul li:nth-child(7) {
    -webkit-animation: run 3s ease-in-out;
    animation: run 3s ease-in-out;
    -webkit-animation-delay: 13s;
    animation-delay: 13s;
}
.aion-bg__center.active ul li:nth-child(8) {
    -webkit-animation: run 3s ease-in-out;
    animation: run 3s ease-in-out;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
}
.aion-bg__center.active ul li:nth-child(9) {
    -webkit-animation: run 3s ease-in-out;
    animation: run 3s ease-in-out;
    -webkit-animation-delay: 17s;
    animation-delay: 17s;
}
.aion-bg__center.active ul li:nth-child(10) {
    -webkit-animation: run 3s ease-in-out;
    animation: run 3s ease-in-out;
    -webkit-animation-delay: 19s;
    animation-delay: 19s;
}
.aion-bg__center.active ul li:first-child {
    -webkit-animation: run 4s ease-in-out;
    animation: run 4s ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.aion-bg__center.active ul li:last-child {
    -webkit-animation: run2 3s ease-in-out;
    animation: run2 3s ease-in-out;
    -webkit-animation-delay: 21s;
    animation-delay: 21s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.aion__header {
    height: 760px;
    margin-bottom: 200px;
    max-height: -webkit-calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    padding-top: 50px;
    position: relative;
}
.aion__header .breadcrumbs {
    margin-bottom: 30px;
}
.aion__header:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion/title-bottom.png) 50% 100% repeat-x;
    content: "";
    display: block;
    height: 444px;
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-99%);
    -ms-transform: translateY(-99%);
    transform: translateY(-99%);
    width: 100%;
}
@media (max-width: 768px) {
    .aion__header:after {
        background-size: cover;
        top: 80px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
@media (max-width: 1280px) {
    .aion__header {
        padding-top: 140px;
    }
}
@media (max-width: 1024px) {
    .aion__header {
        height: 700px;
        margin-bottom: 140px;
        padding-top: 90px;
    }
}
@media (max-width: 768px) {
    .aion__header {
        height: 780px;
        margin-bottom: 65px;
        max-height: none;
    }
}
@media (max-width: 640px) {
    .aion__header {
        height: 840px;
    }
}
.aion__header .b-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: relative;
}
@media (max-width: 768px) {
    .aion__header .b-container {
        max-height: unset;
    }
}
.aion-header__logo {
    margin: 0 0 auto;
}
@media (max-width: 1024px) {
    .aion-header__logo img {
        max-width: 192px;
    }
}
@media (max-width: 768px) {
    .aion-header__logo img {
        max-width: 152px;
    }
}
.aion-header__navi {
    margin-bottom: -50px;
    position: relative;
    z-index: 1;
}
.aion-header__navi ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
    padding: 0;
}
@media (max-width: 768px) {
    .aion-header__navi ul {
        margin: 0 -5px;
    }
}
.aion-header__navi ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    max-width: 19%;
}
.aion-header__navi ul li,
.aion-header__navi ul li:nth-child(3) {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.aion-header__navi ul li:nth-child(3) {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (max-width: 1024px) {
    .aion-header__navi ul li {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .aion-header__navi ul li {
        margin-bottom: 25px;
    }
    .aion-header__navi ul li,
    .aion-header__navi ul li:nth-child(3) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
    .aion-header__navi ul li:nth-child(4),
    .aion-header__navi ul li:nth-child(5) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
}
@media (max-width: 768px) and (max-width: 550px) {
    .aion-header__navi ul li:nth-child(4),
    .aion-header__navi ul li:nth-child(5) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
}
.aion-header__navi ul li:hover .aion-header-navi__icon img {
    -webkit-animation: goDown 0.5s ease-in-out;
    animation: goDown 0.5s ease-in-out;
}
.aion-header__navi ul li:hover .aion-header-navi__name:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.aion-header-navi__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    width: 100%;
}
.aion-header-navi__icon img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.aion-header-navi__icon img,
.aion-header-navi__name {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.aion-header-navi__name {
    color: var(--aion-header);
    font-family: var(--font-trajan-pro-3);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    text-align: center;
    z-index: 1;
}
@media (max-width: 768px) {
    .aion-header-navi__name {
        font-size: 14px;
    }
}
.aion-header-navi__name:before {
    background-color: var(--aion-bg);
    border-radius: var(--br-5);
    bottom: -8px;
    content: "";
    left: -25px;
    opacity: 0;
    position: absolute;
    right: -25px;
    top: -8px;
    z-index: -1;
}
.aion__content {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion/bg.jpg) 50% 0 no-repeat var(--white);
    position: relative;
    z-index: 2;
}
.aion__premium {
    height: 1059px;
    margin-bottom: 100px;
    margin-top: 100px;
    padding-bottom: 95px;
    padding-top: 215px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1024px) {
    .aion__premium {
        height: 920px;
    }
}
@media (max-width: 767px) {
    .aion__premium {
        height: auto;
        padding-top: 170px;
    }
}
.aion__premium:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion/premium-bg.jpg) 50% 0 no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 50%;
    margin: 0 0 0 -50vw;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1;
}
.aion__premium > .b-container:after,
.aion__premium > .b-container:before {
    content: "";
    height: 195px;
    left: 50%;
    margin: 0 0 0 -50vw;
    opacity: 0.1;
    pointer-events: none;
    position: absolute;
    width: 100vw;
    z-index: -1;
}
.aion__premium > .b-container:before {
    bottom: 100%;
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -ms-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
}
.aion__premium > .b-container:after,
.aion__premium > .b-container:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#130b2e), to(hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(27, 58%, 96%, 0.32)));
    background: -webkit-linear-gradient(top, #130b2e, hsla(0, 0%, 100%, 0)), -webkit-linear-gradient(top, #fff, hsla(27, 58%, 96%, 0.32));
    background: -o-linear-gradient(top, #130b2e 0, hsla(0, 0%, 100%, 0) 100%), -o-linear-gradient(top, #fff 0, hsla(27, 58%, 96%, 0.32) 100%);
    background: linear-gradient(180deg, #130b2e, hsla(0, 0%, 100%, 0)), linear-gradient(180deg, #fff, hsla(27, 58%, 96%, 0.32));
}
.aion__premium > .b-container:after {
    top: 100%;
}
@media (max-width: 767px) {
    .aion__premium {
        margin-bottom: 60px;
        padding-bottom: 50px;
    }
}
.aion__premium + .okko__promo {
    margin-bottom: 100px;
    margin-top: -100px;
}
@media (min-width: 768px) {
    .aion__premium + .okko__promo {
        padding-top: 120px;
    }
}
@media (max-width: 767px) {
    .aion__premium + .okko__promo {
        margin-bottom: 60px;
        margin-top: -60px;
    }
}
.aion-premium__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}
.aion-premium__preview {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .aion-premium__preview {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .aion-premium__preview {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        margin-bottom: 55px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.aion-premium__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--white);
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    font-family: var(--font-trajan-pro-3);
    margin-left: 8.33333%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .aion-premium__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        margin-left: 0;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .aion-premium__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.aion-premium__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 10px;
}
.aion-premium__details .nicescroll-rails-hr {
    display: none !important;
}
@media (max-width: 767px) {
    .aion-premium__details {
        margin: 0 -15px 40px;
    }
    .aion-premium__details .nicescroll-rails-hr {
        background: rgba(120, 128, 213, 0.8);
        border-radius: 10px;
        display: block !important;
        left: 20px !important;
        overflow: hidden;
        right: 20px !important;
        width: auto !important;
    }
}
.aion-premium__details .wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 767px) {
    .aion-premium__details .wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 0;
    }
}
.aion-premium-details__item {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 35px;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%;
}
@media (max-width: 767px) {
    .aion-premium-details__item {
        -webkit-box-flex: 1;
        -ms-flex: auto 0 0px;
        flex: auto 0 0;
        margin-bottom: 30px;
        max-width: none;
        padding: 0 15px;
        width: auto;
    }
    .aion-premium-details__item:first-child {
        margin-left: 15px;
    }
    .aion-premium-details__item:last-child {
        margin-right: 15px;
    }
}
.aion-premium-details__item--wide {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 21px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 767px) {
    .aion-premium-details__item--wide {
        -webkit-box-flex: 1;
        -ms-flex: auto 0 0px;
        flex: auto 0 0;
        max-width: none;
        width: auto;
    }
}
.aion-premium-details__value {
    margin-bottom: 14px;
}
.aion-premium-details__value,
.aion-premium-details__value span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.aion-premium-details__value span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--aion-blue);
    border-radius: var(--br-5);
    font-size: 20px;
    font-weight: 600;
    height: 38px;
    padding: 0 10px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.aion-premium-details__value--red span {
    background-color: var(--aion-red);
}
.aion-premium-details__desc {
    font-size: 20px;
    font-weight: 600;
}
@media (max-width: 1280px) {
    .aion-premium-details__desc {
        font-size: 18px;
    }
}
@media (max-width: 1140px) {
    .aion-premium-details__desc {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .aion-premium-details__desc {
        display: block;
        width: 220px;
    }
}
.aion-premium__title {
    font-size: 35px;
    margin-bottom: 30px;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 1280px) {
    .aion-premium__title {
        font-size: 30px;
    }
}
@media (max-width: 1140px) {
    .aion-premium__title {
        font-size: 26px;
    }
}
.aion-premium__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 520px) {
    .aion-premium__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.aion-premium__item {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    justify-content: center;
    max-width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 520px) {
    .aion-premium__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        margin-bottom: 40px;
        max-width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.aion-premium__item img {
    height: auto;
    max-width: 100%;
}
.aion-premium-item__img {
    position: relative;
    z-index: 1;
}
.aion-premium-item__img .tooltip-block {
    cursor: default;
}
.aion-premium-item__img:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion/glow.png) 50% 50% no-repeat;
    background-size: cover;
    content: "";
    height: 146px;
    left: 50%;
    margin: -73px 0 0 -73px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 146px;
    z-index: -1;
}
@media (max-width: 1024px) {
    .aion-premium-item__img {
        height: 70px;
        width: 70px;
    }
    .aion-premium-item__img:before {
        height: 110px;
        margin: -55px 0 0 -55px;
        width: 110px;
    }
}
.aion-premium-item__img:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.essence__block {
    background: var(--essence-bg);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.essence__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/essence/bg.jpg) 50% 0 no-repeat;
    height: 886px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
@media (max-width: 767px) {
    .essence__bg {
        background-position: 30% 0;
    }
}
.essence__header {
    margin-bottom: 5px;
    min-height: 790px;
    padding-top: 50px;
    position: relative;
}
@media (max-width: 1024px) {
    .essence__header {
        min-height: 100vh;
    }
}
@media (max-width: 767px) {
    .essence__header:before {
        background: rgba(0, 0, 0, 0.9);
        content: "";
        height: 100vh;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        visibility: hidden;
        z-index: 2;
    }
    .l2-active .essence__header:before {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }
}
.essence__header .b-container {
    position: relative;
}
@media (max-width: 1024px) {
    .essence__header .b-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}
.essence__header .b-container .breadcrumbs {
    margin-bottom: 80px;
}
@media (max-width: 1024px) {
    .essence__header .b-container .breadcrumbs {
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .essence__header .b-container .breadcrumbs {
        margin-bottom: 30px;
    }
}
.essence-header__logo {
    margin-bottom: 182px;
}
@media (max-width: 1024px) {
    .essence-header__logo {
        margin-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .essence-header__logo {
        margin-bottom: 40px;
        position: relative;
        z-index: 3;
    }
}
.essence-header__logo img {
    display: block;
}
.essence-header__content {
    color: var(--white);
    font-family: var(--font-dxangelusmediaval);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .essence-header__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}
.essence-header__title {
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 28px;
    position: relative;
}
@media (max-width: 1024px) {
    .essence-header__title {
        max-width: 60%;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .essence-header__title {
        max-width: 100%;
    }
}
@media (max-width: 374px) {
    .essence-header__title {
        font-size: 30px;
        line-height: 38px;
    }
}
.essence-header__title:before {
    content: attr(data-title);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    left: 50%;
    margin: -5px 5px 0 -5px;
    opacity: 0.6;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .essence-header__title:before {
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        white-space: normal;
    }
}
.essence-header__title span {
    position: relative;
    z-index: 1;
}
.essence-header__name {
    font-size: 50px;
    line-height: 64px;
    margin-bottom: 5px;
    position: relative;
}
@media (max-width: 1024px) {
    .essence-header__name {
        margin-bottom: 26px;
        max-width: 60%;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .essence-header__name {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 44px;
        max-width: 100%;
    }
}
@media (max-width: 374px) {
    .essence-header__name {
        font-size: 40px;
        line-height: 50px;
    }
}
.essence-header__name:before {
    content: attr(data-title);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    left: 50%;
    margin: -5px 5px 0 -5px;
    opacity: 0.6;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .essence-header__name:before {
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        white-space: normal;
    }
}
.essence-header__desc {
    font-size: 15px;
    letter-spacing: 3px;
    line-height: 18px;
    margin-bottom: 46px;
}
@media (max-width: 1024px) {
    .essence-header__desc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }
}
@media (max-width: 374px) {
    .essence-header__desc {
        font-size: 13px;
    }
}
.essence-header__desc span {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.essence-header__desc span:after,
.essence-header__desc span:before {
    content: "";
    height: 8px;
    position: absolute;
    top: 5px;
    width: 192px;
}
@media (max-width: 767px) {
    .essence-header__desc span:after,
    .essence-header__desc span:before {
        display: none;
    }
}
.essence-header__desc span:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/essence/l2-essence-l.svg) 50% 50% no-repeat;
    margin: 0 15px 0 0;
    right: 100%;
}
@media (max-width: 1024px) {
    .essence-header__desc span:before {
        display: none;
    }
}
.essence-header__desc span:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/essence/l2-essence-r.svg) 50% 50% no-repeat;
    left: 100%;
    margin: 0 0 0 15px;
}
@media (max-width: 1024px) {
    .essence-header__desc span:after {
        background-size: contain;
        height: 8px;
        width: 80px;
    }
}
.essence-header__icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    padding-top: 70px;
    position: relative;
}
.essence-header__icons:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/essence/l2-essence-row.svg) 50% 50% no-repeat;
    content: "";
    height: 34px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 394px;
}
.essence-header-icons__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 50px;
    width: 100px;
}
@media (max-width: 767px) {
    .essence-header-icons__item {
        margin: 0 15px;
    }
}
@media (max-width: 374px) {
    .essence-header-icons__item {
        margin: 0 5px;
        width: auto;
    }
}
.essence-header-icons__item .icon-bonus-multy {
    height: 29px;
    width: 76px;
}
.essence-header-icons__item .icon-bonus-spasibo {
    height: 26px;
    width: 96px;
}
.essence-header-icons__item .icon-bonus-gorod {
    height: 22px;
    width: 110px;
}
.essence__content {
    padding-top: 100px;
    position: relative;
    z-index: 1;
}
.product__block .essence__content {
    padding-top: 132px;
}
@media (max-width: 1024px) {
    .product__block .essence__content {
        padding-top: 110px;
    }
}
@media (max-width: 767px) {
    .product__block .essence__content {
        padding-top: 50px;
    }
}
.essence__content:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/essence/l2-essence-hr.svg) 50% 50% no-repeat;
    content: "";
    display: block;
    height: 29px;
    left: 50%;
    position: absolute;
    top: 6px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 1334px;
}
@media (max-width: 1024px) {
    .essence__content:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/essence/l2-essence-hr-md.svg) 50% 50% no-repeat;
        width: 675px;
    }
}
@media (max-width: 767px) {
    .essence__content:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/essence/l2-essence-hr-xs.svg) 50% 50% no-repeat;
        width: 334px;
    }
}
.product__block .essence__content:after {
    top: 44px;
}
@media (max-width: 1024px) {
    .product__block .essence__content:after {
        top: 10px;
    }
}
.essence__content .okko__promo {
    margin-bottom: 100px;
}
@media (max-width: 1024px) {
    .essence__content .okko__promo {
        margin-bottom: 60px;
    }
}
.lineage__choose {
    color: var(--white);
    font-family: var(--font-gotham);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    position: absolute;
    right: 30px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    top: 120px;
    z-index: 3;
}
@media (max-width: 767px) {
    .lineage__choose {
        margin-bottom: 44px;
        position: relative;
        right: auto;
        top: auto;
    }
    .lineage-choose__body {
        left: 50%;
        opacity: 0;
        padding-top: 17px;
        pointer-events: none;
        position: absolute;
        top: 100%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        visibility: hidden;
    }
    .active .lineage-choose__body {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }
}
.lineage-choose__title {
    margin-bottom: 17px;
    text-align: right;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .lineage-choose__title {
        margin-bottom: 0;
        text-align: left;
    }
}
.lineage-choose__select {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid hsla(0, 0%, 77%, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px auto;
    padding-bottom: 15px;
    text-transform: uppercase;
    width: 222px;
}
.lineage-choose__select a {
    color: var(--white);
    opacity: 0.3;
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.lineage-choose__select a:hover {
    opacity: 1;
}
.lineage-choose__item {
    margin-bottom: 20px;
}
.lineage-choose__item:last-child {
    margin-bottom: 0;
}
.lineage-choose-item__title {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.lineage-choose-item__title .tooltip-block__q {
    font-size: 14px;
    font-weight: 500;
}
.lineage-choose-item__details {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lineage-choose-item__graf {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-direction: column;
    flex-direction: column;
}
.lineage-choose-item__line {
    background: #b58149;
    border-radius: 5px 0 0 5px;
    height: 10px;
    margin-bottom: 7px;
    opacity: 0.3;
}
.essence__header .lineage-choose-item__line:first-child {
    opacity: 1;
}
.lineage-choose-item__line:nth-child(2) {
    background: #bab7c9;
}
.l2-main__header .lineage-choose-item__line:nth-child(2) {
    opacity: 1;
}
.lineage-choose-item__line:nth-child(3) {
    background: #eabe26;
}
.l2-legacy__header .lineage-choose-item__line:nth-child(3) {
    opacity: 1;
}
.lineage-choose-item__line:last-child {
    margin-bottom: 0;
}
.lineage-choose-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42px;
    flex: 0 0 42px;
    height: 42px;
    margin: 0 0 0 9px;
    width: 42px;
}
.lineage-choose-item__icon .icon {
    display: block;
}
.l2-main__block {
    background: var(--l2-main-bg);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.l2-main__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/main/bg.jpg) 50% 0 no-repeat;
    height: 886px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
@media (max-width: 767px) {
    .l2-main__bg {
        background-position: 50% 0;
    }
}
.l2-main__header {
    margin-bottom: 5px;
    min-height: 790px;
    padding-top: 50px;
    position: relative;
}
@media (max-width: 1024px) {
    .l2-main__header {
        min-height: 100vh;
    }
}
@media (max-width: 767px) {
    .l2-main__header:before {
        background: rgba(0, 0, 0, 0.9);
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        visibility: hidden;
        z-index: 2;
    }
    .l2-active .l2-main__header:before {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }
}
.l2-main__header .b-container {
    position: relative;
}
@media (max-width: 1024px) {
    .l2-main__header .b-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}
.l2-main__header .b-container .breadcrumbs {
    margin-bottom: 80px;
}
@media (max-width: 1024px) {
    .l2-main__header .b-container .breadcrumbs {
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .l2-main__header .b-container .breadcrumbs {
        margin-bottom: 30px;
    }
}
.l2-main-header__logo {
    margin-bottom: 215px;
    padding-top: 10px;
}
@media (max-width: 1024px) {
    .l2-main-header__logo {
        margin-bottom: 80px;
        padding-top: 50px;
    }
}
@media (max-width: 767px) {
    .l2-main-header__logo {
        margin-bottom: 42px;
        padding-top: 20px;
        position: relative;
        z-index: 3;
    }
}
.l2-main-header__logo img {
    display: block;
}
.l2-main-header__content {
    font-family: var(--font-lineage-serif);
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .l2-main-header__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}
.l2-main-header__title {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #f5c475), color-stop(90%, #fcf3e7));
    background: -webkit-linear-gradient(top, #f5c475 10%, #fcf3e7 90%);
    background: -o-linear-gradient(top, #f5c475 10%, #fcf3e7 90%);
    background: linear-gradient(180deg, #f5c475 10%, #fcf3e7 90%);
    -webkit-background-clip: text;
    color: var(--white);
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 28px;
    position: relative;
}
@media (max-width: 1024px) {
    .l2-main-header__title {
        text-align: left;
    }
}
@media (max-width: 767px) {
    .l2-main-header__title {
        line-height: 60px;
    }
}
.l2-main-header__name {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #f5c475), color-stop(90%, #fcf3e7));
    background: -webkit-linear-gradient(top, #f5c475 10%, #fcf3e7 90%);
    background: -o-linear-gradient(top, #f5c475 10%, #fcf3e7 90%);
    background: linear-gradient(180deg, #f5c475 10%, #fcf3e7 90%);
    -webkit-background-clip: text;
    color: var(--white);
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 5px;
    position: relative;
}
@media (max-width: 1024px) {
    .l2-main-header__name {
        margin-bottom: 26px;
        padding-right: 300px;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .l2-main-header__name {
        font-size: 40px;
        line-height: 46px;
        padding-right: 0;
    }
}
@media (max-width: 374px) {
    .l2-main-header__name {
        font-size: 36px;
        line-height: 42px;
    }
}
.l2-main-header__desc {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #f5c475), color-stop(90%, #fcf3e7));
    background: -webkit-linear-gradient(top, #f5c475 10%, #fcf3e7 90%);
    background: -o-linear-gradient(top, #f5c475 10%, #fcf3e7 90%);
    background: linear-gradient(180deg, #f5c475 10%, #fcf3e7 90%);
    -webkit-background-clip: text;
    color: var(--white);
    font-size: 20px;
    letter-spacing: 8px;
    line-height: 24px;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .l2-main-header__desc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .l2-main-header__desc {
        font-size: 18px;
    }
}
@media (max-width: 374px) {
    .l2-main-header__desc {
        font-size: 13px;
        line-height: 1.3;
    }
}
.l2-main-header__desc span {
    display: inline-block;
    vertical-align: top;
}
.l2-main-header__icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    padding-top: 60px;
    position: relative;
}
.l2-main-header__icons:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/main/l2-main-row.svg) 50% 50% no-repeat;
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 318px;
}
.l2-main-header-icons__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 50px;
    width: 100px;
}
@media (max-width: 767px) {
    .l2-main-header-icons__item {
        margin: 0 15px;
    }
}
@media (max-width: 374px) {
    .l2-main-header-icons__item {
        margin: 0 5px;
        width: auto;
    }
}
.l2-main-header-icons__item .icon-bonus-multy {
    height: 29px;
    width: 76px;
}
.l2-main-header-icons__item .icon-bonus-spasibo {
    height: 26px;
    width: 96px;
}
.l2-main-header-icons__item .icon-bonus-gorod {
    height: 22px;
    width: 110px;
}
.l2-main__content {
    padding-top: 68px;
    position: relative;
    z-index: 1;
}
.product__block .l2-main__content {
    padding-top: 128px;
}
@media (max-width: 1024px) {
    .product__block .l2-main__content {
        padding-top: 110px;
    }
}
@media (max-width: 767px) {
    .product__block .l2-main__content {
        padding-top: 50px;
    }
}
.l2-main__content:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/main/l2-main-hr.svg) 50% 50% no-repeat;
    content: "";
    display: block;
    height: 12px;
    left: 50%;
    position: absolute;
    top: 5px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 990px;
}
@media (max-width: 1024px) {
    .l2-main__content:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/main/l2-main-hr-md.svg) 50% 50% no-repeat;
        width: 790px;
    }
}
@media (max-width: 767px) {
    .l2-main__content:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/main/l2-main-hr-sm.svg) 50% 50% no-repeat;
        width: 310px;
    }
}
.product__block .l2-main__content:after {
    top: 44px;
}
@media (max-width: 1024px) {
    .product__block .l2-main__content:after {
        top: 10px;
    }
}
.l2-main__content .okko__promo {
    margin-bottom: 100px;
}
@media (max-width: 1024px) {
    .l2-main__content .okko__promo {
        margin-bottom: 60px;
    }
}
.l2__premium {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/main/premium-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    min-height: 100vh;
    padding: 100px 0;
    position: relative;
    text-align: left;
}
@media (max-width: 1024px) {
    .l2__premium {
        padding: 80px 0;
    }
}
@media (max-width: 768px) {
    .l2__premium {
        padding: 50px 0;
    }
}
.l2__premium:after,
.l2__premium:before {
    background: hsla(0, 0%, 100%, 0.15);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}
.l2__premium:before {
    top: 0;
}
.l2__premium:after {
    bottom: 0;
}
.l2__premium .b-container {
    position: relative;
    z-index: 1;
}
.l2-premium__stars {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/main/stars.png) 50% 50% no-repeat;
    height: 833px;
    left: 50%;
    margin-left: -840px;
    margin-top: -416.5px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1680px;
}
.l2-premium__body {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.l2-premium__header {
    color: var(--l2-main-color-2);
    font-family: var(--font-lineage-serif);
    margin-bottom: 60px;
}
.l2-premium__title {
    font-size: 35px;
    line-height: 1;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.l2-premium__desc {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}
.l2-premium__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.l2-premium__preview {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 448px;
    flex: 0 0 448px;
    max-width: 448px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (min-width: 768px) {
    .l2-premium__preview {
        height: 564px;
    }
}
@media (max-width: 1140px) {
    .l2-premium__preview {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 336px;
        flex: 0 0 336px;
        max-width: 336px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .l2-premium__preview {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        margin-bottom: 55px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.l2-premium__content {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 calc(100% - 448px);
    flex: 0 0 -webkit-calc(100% - 448px);
    flex: 0 0 calc(100% - 448px);
    max-width: -webkit-calc(100% - 448px);
    max-width: calc(100% - 448px);
    padding-left: 80px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .l2-premium__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 calc(100% - 336px);
        flex: 0 0 -webkit-calc(100% - 336px);
        flex: 0 0 calc(100% - 336px);
        max-width: -webkit-calc(100% - 336px);
        max-width: calc(100% - 336px);
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .l2-premium__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.l2-premium__details {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 768px) {
    .l2-premium__details {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.l2-premium__details .nicescroll-rails-hr {
    display: none !important;
}
@media (max-width: 767px) {
    .l2-premium__details {
        margin: 0 -15px 40px;
    }
    .l2-premium__details .nicescroll-rails-hr {
        background: #2c3039;
        border-radius: 10px;
        display: block !important;
        left: 20px !important;
        overflow: hidden;
        right: 20px !important;
        width: auto !important;
    }
}
.l2-premium__details .wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 767px) {
    .l2-premium__details .wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-top: 0;
    }
}
.l2-premium-details__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    margin-bottom: 90px;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .l2-premium-details__item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 26px;
        max-width: 50%;
    }
    .l2-premium-details__item,
    .l2-premium-details__item:nth-child(3) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .l2-premium-details__item:nth-child(3) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 1024px) and (max-width: 768px) {
    .l2-premium-details__item:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        max-width: 180px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .l2-premium-details__item:nth-child(4),
    .l2-premium-details__item:nth-child(5) {
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .l2-premium-details__item {
        -webkit-box-flex: 1;
        -ms-flex: auto 0 0px;
        flex: auto 0 0;
        max-width: none;
        width: 235px;
    }
    .l2-premium-details__item:first-child {
        padding-left: 30px;
        width: 265px;
    }
    .l2-premium-details__item:last-child {
        padding-right: 80px;
        width: 265px;
    }
}
.l2-premium-details-item__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 180px;
    justify-content: center;
    margin-bottom: 5px;
    position: relative;
}
@media (max-width: 1024px) {
    .l2-premium-details-item__image {
        height: 114px;
    }
    .l2-premium-details-item__image img {
        height: auto;
        max-height: 114px;
        max-width: 108px;
    }
}
.l2-premium-details-item__image .tooltip-block {
    height: 26px;
    left: 50%;
    margin: 0 0 0 60px;
    position: absolute;
    top: 10px;
    width: 26px;
}
.l2-premium-details-item__image .tooltip-block__q {
    background: hsla(0, 0%, 100%, 0.2);
    height: 26px;
    width: 26px;
}
.l2-premium-details__item:nth-child(4) .l2-premium-details-item__image .tooltip-block {
    top: 0;
}
.l2-premium-details__item:nth-child(5) .l2-premium-details-item__image .tooltip-block {
    margin: 0 0 0 80px;
    top: 0;
}
.l2-premium-details-item__title {
    color: var(--l2-main-color-2);
    font-family: var(--font-lineage-serif);
    font-size: 16px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 190px;
    text-align: center;
    width: 100%;
}
.l2-legacy__block {
    background: var(--l2-legacy-bg);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.l2-legacy__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/legacy/bg.jpg) 50% 0 no-repeat;
    height: 886px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
@media (max-width: 767px) {
    .l2-legacy__bg {
        background-position: 50% 0;
    }
}
.l2-legacy__header {
    margin-bottom: 25px;
    min-height: 790px;
    padding-top: 50px;
    position: relative;
}
@media (max-width: 1024px) {
    .l2-legacy__header {
        margin: 0;
        min-height: 100vh;
    }
}
@media (max-width: 767px) {
    .l2-legacy__header:before {
        background: rgba(0, 0, 0, 0.9);
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        visibility: hidden;
        z-index: 2;
    }
    .l2-active .l2-legacy__header:before {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }
}
.l2-legacy__header .b-container {
    position: relative;
}
@media (max-width: 1024px) {
    .l2-legacy__header .b-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}
.l2-legacy__header .b-container .breadcrumbs {
    margin-bottom: 80px;
}
@media (max-width: 1024px) {
    .l2-legacy__header .b-container .breadcrumbs {
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .l2-legacy__header .b-container .breadcrumbs {
        margin-bottom: 30px;
    }
}
.l2-legacy-header__logo {
    margin-bottom: 215px;
    padding-top: 10px;
}
@media (max-width: 1024px) {
    .l2-legacy-header__logo {
        margin-bottom: 80px;
        padding-top: 50px;
    }
}
@media (max-width: 767px) {
    .l2-legacy-header__logo {
        margin-bottom: 42px;
        padding-top: 20px;
        position: relative;
        z-index: 3;
    }
}
.l2-legacy-header__logo img {
    display: block;
}
.l2-legacy-header__content {
    font-family: var(--font-kitsch);
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .l2-legacy-header__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}
.l2-legacy-header__title {
    color: var(--l2-legacy-color-1);
    font-size: 50px;
    line-height: 45px;
    margin-bottom: 28px;
    position: relative;
}
@media (max-width: 1024px) {
    .l2-legacy-header__title {
        text-align: left;
    }
}
@media (max-width: 767px) {
    .l2-legacy-header__title {
        line-height: 45px;
        margin-bottom: 14px;
    }
}
.l2-legacy-header__name {
    color: var(--l2-legacy-color-1);
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 25px;
    position: relative;
}
@media (max-width: 1024px) {
    .l2-legacy-header__name {
        margin-bottom: 26px;
        padding-right: 300px;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .l2-legacy-header__name {
        font-size: 40px;
        line-height: 46px;
        padding-right: 0;
    }
}
@media (max-width: 374px) {
    .l2-legacy-header__name {
        font-size: 36px;
        line-height: 42px;
    }
}
.l2-legacy-header__desc {
    color: var(--l2-legacy-color-1);
    font-family: var(--font-gotham);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 24px;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .l2-legacy-header__desc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .l2-legacy-header__desc {
        font-size: 18px;
    }
}
@media (max-width: 374px) {
    .l2-legacy-header__desc {
        font-size: 13px;
        line-height: 1.3;
    }
}
.l2-legacy-header__desc span {
    display: inline-block;
    vertical-align: top;
}
.l2-legacy-header__icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    padding-top: 60px;
    position: relative;
}
.l2-legacy-header__icons:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/legacy/l2-legacy-row.svg) 50% 50% no-repeat;
    content: "";
    height: 14px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 619px;
}
.l2-legacy-header-icons__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 50px;
    width: 100px;
}
@media (max-width: 767px) {
    .l2-legacy-header-icons__item {
        margin: 0 15px;
    }
}
@media (max-width: 374px) {
    .l2-legacy-header-icons__item {
        margin: 0 5px;
        width: auto;
    }
}
.l2-legacy-header-icons__item .icon-bonus-multy {
    height: 29px;
    width: 76px;
}
.l2-legacy-header-icons__item .icon-bonus-spasibo {
    height: 26px;
    width: 96px;
}
.l2-legacy-header-icons__item .icon-bonus-gorod {
    height: 22px;
    width: 110px;
}
.l2-legacy__content {
    padding-top: 68px;
    position: relative;
    z-index: 1;
}
.product__block .l2-legacy__content {
    padding-top: 128px;
}
@media (max-width: 1024px) {
    .product__block .l2-legacy__content {
        padding-top: 110px;
    }
}
@media (max-width: 767px) {
    .product__block .l2-legacy__content {
        padding-top: 50px;
    }
}
.l2-legacy__content:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/legacy/l2-legacy-hr.svg) 50% 50% no-repeat;
    content: "";
    display: block;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 5px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 1135px;
}
@media (max-width: 1024px) {
    .l2-legacy__content:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/legacy/l2-legacy-hr-md.svg) 50% 50% no-repeat;
        width: 836px;
    }
}
@media (max-width: 767px) {
    .l2-legacy__content:after {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/legacy/l2-legacy-hr-sm.svg) 50% 50% no-repeat;
        width: 356px;
    }
}
.product__block .l2-legacy__content:after {
    top: 44px;
}
@media (max-width: 1024px) {
    .product__block .l2-legacy__content:after {
        top: 10px;
    }
}
.l2-legacy__content .okko__promo {
    margin-bottom: 100px;
}
@media (max-width: 1024px) {
    .l2-legacy__content .okko__promo {
        margin-bottom: 60px;
    }
}
.rf__block {
    background: var(--rf-bg);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.rf__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/rf/bg-blank.jpg) 50% 0 no-repeat;
    height: 910px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.rf__bg:after,
.rf__bg:before {
    bottom: 0;
    content: "";
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 2s ease 1s, -webkit-transform 2s ease 1s;
    transition: opacity 2s ease 1s, -webkit-transform 2s ease 1s;
    -o-transition: opacity 2s ease 1s, transform 2s ease 1s;
    transition: opacity 2s ease 1s, transform 2s ease 1s;
    transition: opacity 2s ease 1s, transform 2s ease 1s, -webkit-transform 2s ease 1s;
}
.rf__bg:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/rf/bg-left.png) 100% 100% no-repeat;
    height: 956px;
    right: 60%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 844px;
}
@media (min-width: 2100px) {
    .rf__bg:before {
        left: 0;
        right: auto;
    }
}
@media (max-width: 1600px) {
    .rf__bg:before {
        right: 55%;
    }
}
@media (max-width: 1300px) {
    .rf__bg:before {
        right: 45%;
    }
}
@media (max-width: 1024px) {
    .rf__bg:before {
        background-size: contain;
        height: 600px;
    }
}
@media (max-width: 767px) {
    .rf__bg:before {
        background-position: 0 100%;
        left: 0;
        right: 0;
        width: auto;
    }
}
@media (max-width: 600px) {
    .rf__bg:before {
        background-size: cover;
    }
}
.rf__bg:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/rf/bg-right.png) 0 0 no-repeat;
    height: 982px;
    left: 55%;
    -webkit-transform: translate(50%);
    -ms-transform: translate(50%);
    transform: translate(50%);
    width: 1055px;
}
@media (min-width: 2100px) {
    .rf__bg:after {
        left: auto;
        right: 0;
    }
}
@media (max-width: 1600px) {
    .rf__bg:after {
        left: 50%;
    }
}
@media (max-width: 1300px) {
    .rf__bg:after {
        left: 40%;
    }
}
@media (max-width: 1024px) {
    .rf__bg:after {
        background-size: contain;
        height: 600px;
    }
}
@media (max-width: 767px) {
    .rf__bg:after {
        display: none;
    }
}
.rf__bg.active:after,
.rf__bg.active:before {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
@media (max-width: 1024px) {
    .rf__bg {
        background-size: cover;
        height: 745px;
    }
}
.rf__header {
    height: 900px;
    margin-bottom: 15px;
    padding-top: 50px;
    position: relative;
}
@media (max-width: 767px) {
    .rf__header {
        height: 100vh;
        max-height: 900px;
        min-height: 675px;
    }
    .rf__header .b-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}
.rf__header .b-container .breadcrumbs {
    margin-bottom: 144px;
}
@media (max-width: 767px) {
    .rf__header .b-container .breadcrumbs {
        margin-bottom: 40px;
    }
}
.rf-header__logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 280px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 1s ease 0.5s, -webkit-transform 1s ease 0.5s;
    transition: opacity 1s ease 0.5s, -webkit-transform 1s ease 0.5s;
    -o-transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
    transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
    transition: opacity 1s ease 0.5s, transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s;
}
.rf-header__logo.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
@media (max-width: 1024px) {
    .rf-header__logo {
        margin-bottom: 250px;
    }
}
@media (max-width: 767px) {
    .rf-header__logo {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        margin-bottom: 90px;
    }
    .rf-header__logo img {
        height: 76px;
        width: 278px;
    }
}
.rf-header__navi {
    font-family: var(--font-kelson-sans);
    padding-top: 66px;
    position: relative;
}
.rf-header__navi:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/rf/hr-mini.svg) 50% 0 no-repeat;
    content: "";
    height: 3px;
    left: 50%;
    margin: 0 0 0 -181px;
    position: absolute;
    top: 0;
    width: 362px;
}
@media (max-width: 767px) {
    .rf-header__navi:before {
        display: none;
    }
}
.rf-header__navi ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
}
@media (max-width: 767px) {
    .rf-header__navi ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
}
.rf-header__navi ul li {
    list-style-type: none;
    margin: 0 60px;
    padding: 0;
}
@media (max-width: 1024px) {
    .rf-header__navi ul li {
        margin: 0 50px;
    }
}
@media (max-width: 991px) {
    .rf-header__navi ul li {
        margin: 0 40px;
    }
}
@media (max-width: 767px) {
    .rf-header__navi ul li {
        margin: 30px 0 0;
        padding: 0 15px;
        width: 50%;
    }
}
.rf-header-navi__back {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.rf-header-navi__back:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.rf-header-navi__back:hover .rf-header-navi__icon img {
    mix-blend-mode: unset;
}
.rf-header-navi__back:hover .rf-header-navi__name {
    color: var(--black);
}
.rf-header-navi__back:hover .rf-header-navi__bg .icon {
    --rf-navi-bg: #f5b105;
    --rf-navi-opacity: 1;
    --rf-navi-border: #f5b105;
}
.rf-header-navi__icon {
    display: block;
    height: 64px;
    margin: 0 auto 23px;
    width: 64px;
}
.rf-header-navi__icon img {
    height: auto;
    max-width: 100%;
    mix-blend-mode: luminosity;
}
@media (max-width: 1024px) {
    .rf-header-navi__icon img {
        mix-blend-mode: unset;
    }
}
.rf-header-navi__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: hsla(0, 0%, 100%, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 104px;
    z-index: 1;
}
@media (max-width: 1024px) {
    .rf-header-navi__bottom {
        color: var(--black);
    }
}
.rf-header-navi__bg {
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 104px;
    z-index: -1;
}
.rf-header-navi__bg .icon {
    --rf-navi-bg: transparent;
    --rf-navi-opacity: 0.2;
    --rf-navi-border: #fff;
}
@media (max-width: 1024px) {
    .rf-header-navi__bg .icon {
        --rf-navi-bg: #f5b105;
        --rf-navi-opacity: 1;
        --rf-navi-border: #f5b105;
    }
}
.rf__premium {
    margin-bottom: 80px;
    min-height: 898px;
    padding-bottom: 50px;
    padding-top: 60px;
    position: relative;
    z-index: 1;
}
.rf__premium:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/rf/bg-premium.jpg) 50% 100% no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 50%;
    margin: 0 0 0 -50vw;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1;
}
.rf-premium__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: grid;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-template-columns: repeat(12, 8.33333%);
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0 15px;
    width: 100%;
}
@media (max-width: 767px) {
    .rf-premium__block {
        padding: 0;
    }
}
.rf-premium__preview {
    grid-column-end: span 4;
    grid-column-start: 1;
    grid-row-end: span 10;
}
@media (max-width: 1280px) {
    .rf-premium__preview {
        grid-column-end: span 4;
        grid-column-start: 1;
    }
}
@media (max-width: 1140px) {
    .rf-premium__preview .ea-slider__list {
        margin-bottom: 30px;
    }
}
@media (max-width: 1024px) {
    .rf-premium__preview {
        grid-column-end: span 5;
        grid-column-start: 1;
        margin-bottom: 30px;
    }
    .rf-premium__preview .ea-slider__list.alone-card {
        margin: 0 auto 20px;
    }
}
@media (max-width: 991px) {
    .rf-premium__preview {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding: 0 15px;
    }
}
@media (max-width: 768px) and (min-width: 767.1px) {
    .rf-premium__preview .ea-slider__list.alone-card {
        max-width: 384px;
    }
}
@media (max-width: 767px) {
    .rf-premium__preview {
        padding: 0;
    }
}
.rf-premium__desc {
    color: var(--white);
    font-family: var(--font-gotham);
    font-size: 16px;
    grid-column-end: span 7;
    grid-column-start: 6;
}
@media (max-width: 1280px) {
    .rf-premium__desc {
        grid-column-end: span 8;
        grid-column-start: 5;
        margin-top: -85px;
        padding: 0 50px;
    }
}
@media (max-width: 1140px) {
    .rf-premium__desc {
        margin-top: -80px;
    }
}
@media (max-width: 1024px) {
    .rf-premium__desc {
        grid-column-end: span 7;
        grid-column-start: 6;
        margin: 0;
        padding: 0;
    }
}
@media (max-width: 991px) {
    .rf-premium__desc {
        grid-column-end: span 12;
        grid-column-start: 1;
    }
}
.rf-premium__title {
    font-family: var(--font-kelson-sans);
    font-size: 28px;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
}
.rf-premium__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 25px;
    position: relative;
}
.rf-premium__list .swiper {
    overflow: visible;
}
@media (max-width: 991px) {
    .rf-premium__list .swiper {
        overflow: hidden;
    }
}
.rf-premium__list .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
}
@media (max-width: 991px) {
    .rf-premium__list .swiper-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%;
    }
}
.rf-premium__list .swiper-pagination {
    bottom: 0;
    display: none;
}
@media (max-width: 991px) {
    .rf-premium__list .swiper-pagination {
        display: block;
    }
}
.rf-premium__list .swiper-pagination-bullet {
    background: #c4c4c4;
    border-radius: 5px;
    height: 10px;
    margin: 0 5px;
    opacity: 0.3;
    -webkit-transition: opacity 0.2s, width 0.2s;
    -o-transition: opacity 0.2s, width 0.2s;
    transition: opacity 0.2s, width 0.2s;
    width: 10px;
}
.rf-premium__list .swiper-pagination-bullet-active {
    opacity: 1;
    width: 23px;
}
.rf-premium__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    margin-bottom: 20px;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .rf-premium__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .rf-premium__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
        flex: 0 0 230px;
        margin-bottom: 30px;
        max-width: 230px;
        min-width: 230px;
    }
}
.rf-premium-item__image {
    height: 130px;
    margin-bottom: 20px;
    position: relative;
}
@media (max-width: 1280px) {
    .rf-premium-item__image {
        height: 100px;
    }
}
.rf-premium-item__image img {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
@media (max-width: 1280px) {
    .rf-premium-item__image img {
        -webkit-transform: translate(-50%) scale(0.8);
        -ms-transform: translate(-50%) scale(0.8);
        transform: translate(-50%) scale(0.8);
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}
.rf-premium-item__title {
    font-family: var(--font-kelson-sans);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.rf-premium-item__text {
    color: hsla(0, 0%, 100%, 0.6);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}
.rf-premium__info {
    color: var(--white);
    font-family: var(--font-gotham);
    font-size: 16px;
    grid-column-end: span 12;
    grid-column-start: 6;
    padding: 40px 50px 0;
    position: relative;
}
.rf-premium__info:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/rf/hr-list.svg) 50% 50% no-repeat;
    content: "";
    height: 3px;
    left: 50%;
    margin: 0 0 0 -363px;
    position: absolute;
    top: 0;
    width: 726px;
}
@media (max-width: 767px) {
    .rf-premium__info:before {
        display: none;
    }
}
@media (max-width: 1280px) {
    .rf-premium__info {
        grid-column-start: 5;
    }
}
@media (max-width: 1140px) {
    .rf-premium__info {
        grid-column-start: 1;
        margin: 0;
        padding: 40px 25px 25px 0;
    }
}
@media (max-width: 1024px) {
    .rf-premium__info {
        grid-column-start: 1;
        margin: 0 auto;
        max-width: 725px;
    }
}
.rf-premium-info__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}
@media (max-width: 767px) {
    .rf-premium-info__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.rf-premium-info__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 767px) {
    .rf-premium-info__item {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin: 0 0 30px;
        max-width: 315px;
        width: 100%;
    }
}
.rf-premium-info-item__back {
    padding-left: 45px;
    position: relative;
}
.rf-premium-info-item__icon {
    position: relative;
}
.rf-premium-info-item__icon:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/rf/icon.svg) 50% 50% no-repeat;
    content: "";
    height: 31px;
    left: -45px;
    position: absolute;
    top: 5px;
    width: 31px;
}
.rf-premium-info-item__title {
    font-family: var(--font-kelson-sans);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.rf-premium-info-item__text {
    color: hsla(0, 0%, 100%, 0.6);
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
.rf__content {
    padding-top: 100px;
    position: relative;
    z-index: 1;
}
.rf__content .info-block__wide {
    margin-bottom: 80px;
}
@media (max-width: 1024px) {
    .rf__content .info-block__wide {
        margin-bottom: 60px;
    }
}
@media (max-width: 768px) {
    .rf__content .info-block__wide {
        margin-bottom: 48px;
    }
}
.product__block .rf__content {
    padding-top: 140px;
}
.rf__content:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/rf/hr.svg) 50% 50% no-repeat;
    content: "";
    display: block;
    height: 10px;
    left: 50%;
    position: absolute;
    top: 6px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 1536px;
}
@media (max-width: 1024px) {
    .rf__content:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/rf/hr-md.svg) 50% 50% no-repeat;
        width: 936px;
    }
}
@media (max-width: 767px) {
    .rf__content:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/rf/hr-xs.svg) 50% 50% no-repeat;
        width: 265px;
    }
}
.product__block .rf__content:before {
    top: 46px;
}
.pb__block {
    background: var(--black);
    color: var(--white);
    overflow: hidden;
    text-align: left;
}
.pb__block .breadcrumbs {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
    width: 100%;
}
.pb__header {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/pointblank/title-bg.jpg) -webkit-calc(50% - 120px) 36px no-repeat;
    background: url(/bitrix/templates/c4g/css/../pictures/4g/pointblank/title-bg.jpg) calc(50% - 120px) 36px no-repeat;
    min-height: 980px;
    position: relative;
}
@media (max-width: 768px) {
    .pb__header {
        background-position: -webkit-calc(50% + 120px) 0;
        background-position: calc(50% + 120px) 0;
        min-height: 880px;
    }
}
.pb-header__lines {
    height: 1063px;
    left: 38.5%;
    margin-left: -1182px;
    margin-top: -531.5px;
    pointer-events: none;
    position: absolute;
    top: 30.5%;
    width: 2364px;
}
.pb-header__lines-1 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/pointblank/bg-lines-1.png) 50% 50% no-repeat;
}
.pb-header__lines-2 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/pointblank/bg-lines-2.png) 50% 50% no-repeat;
}
.product__block .pb-header__lines {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/pointblank/bg-lines2.png) 50% 50% no-repeat;
    height: 764px;
    margin-left: -851.5px;
    margin-top: -382px;
    top: 10%;
    width: 1703px;
    z-index: 1;
}
.pb-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 382px;
    flex: 0 0 382px;
    max-width: 382px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
    position: relative;
    width: 100%;
}
.pb-header__desc .corner-tl {
    left: -34px;
    padding: 5px 0 0 5px;
    position: absolute;
    top: 10px;
}
.pb-header__desc .corner-tl-butt {
    left: 0;
    position: absolute;
    top: 0;
}
.pb-header__desc .corner-tl-butt .icon {
    -webkit-animation: animate-rotate 5s infinite;
    animation: animate-rotate 5s infinite;
}
.pb-header__desc .corner-tl .icon {
    display: block;
}
.pb-header__desc .corner-br {
    bottom: -26px;
    position: absolute;
    right: -10px;
}
@media (max-width: 768px) {
    .pb-header__desc .corner-br {
        display: none;
        right: 30px;
    }
}
.pb-header__desc .corner-br-butt {
    bottom: 20px;
    position: absolute;
    right: 5px;
}
.pb-header__desc .corner-br-butt .icon {
    -webkit-animation: animate-roll 5s infinite;
    animation: animate-roll 5s infinite;
}
.pb-header__desc .corner-br .icon {
    display: block;
}
.pb-header__logo {
    margin-bottom: 48px;
}
.pb-header__text {
    font-family: var(--font-gotham);
    font-weight: 700;
}
@media (max-width: 768px) {
    .pb-header__text {
        padding-right: 40px;
    }
}
.pb-header__text .h1,
.pb-header__text h1 {
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 42px;
    text-transform: uppercase;
}
.pb-header__text p {
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 40px;
}
.pb-header__text .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--black);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    opacity: 1;
    text-transform: uppercase;
    width: auto;
}
.pb-header__text .btn-warning {
    background: var(--pointblank-color-1);
    border-radius: var(--br-10);
}
.pb-header__text .btn-warning:hover {
    background: #c38d04;
}
.pb-header__text .btn-warning:hover .icon {
    -webkit-animation: animate-fade-down 2s infinite;
    animation: animate-fade-down 2s infinite;
}
.pb-header__text .btn .icon {
    margin: 0 10px 0 0;
}
.pb-header__pic {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: auto;
}
.pb-header__pic .corner-tr {
    position: absolute;
    right: 22px;
    top: 0;
}
@media (max-width: 1140px) {
    .pb-header__pic .corner-tr {
        left: 0;
        right: auto;
    }
}
@media (max-width: 768px) {
    .pb-header__pic .corner-tr {
        display: none;
    }
}
.pb-header__pic .corner-tr-butt {
    position: absolute;
    right: 11px;
    top: 11px;
}
.pb-header__pic .corner-tr-butt .icon {
    -webkit-animation: animate-rotate 5s infinite;
    animation: animate-rotate 5s infinite;
}
.pb-header__pic .corner-tr .icon {
    display: block;
}
.pb-header__pic .corner-br {
    bottom: -50px;
    position: absolute;
    right: -19px;
}
@media (max-width: 1140px) {
    .pb-header__pic .corner-br {
        display: none;
    }
}
.pb-header__pic .corner-br-butt {
    bottom: 156px;
    position: absolute;
    right: 16px;
}
.pb-header__pic .corner-br-butt .icon {
    -webkit-animation: animate-roll 5s infinite;
    animation: animate-roll 5s infinite;
}
.pb-header__pic .corner-br .icon {
    display: block;
}
.pb-header__pic .corner-b {
    bottom: -44px;
    left: 0;
    padding: 0 0 0 166px;
    position: absolute;
    right: 0;
    text-align: center;
}
@media (max-width: 768px) {
    .pb-header__pic .corner-b {
        bottom: -70px;
    }
}
.pb-header__botttom {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 300px;
    padding-top: 85px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .pb-header__botttom {
        display: none;
    }
}
.pb__content .pb-header__botttom {
    height: 215px;
    margin-top: -60px;
    padding-top: 0;
    pointer-events: none;
}
@media (max-width: 768px) {
    .pb__content .pb-header__botttom {
        display: none;
    }
}
.pb-header__botttom .go-to-bottom {
    left: 50%;
    margin: 0 0 0 -21px;
    outline: none;
    padding: 10px;
    pointer-events: auto;
    position: absolute;
    top: 56px;
}
.pb-header__botttom .go-to-bottom .go-bottom-icon {
    border: 2px solid var(--fgp-color-1);
    border-radius: 12px;
    cursor: pointer;
    display: block;
    height: 46px;
    position: relative;
    width: 24px;
}
.pb-header__botttom .go-to-bottom .go-bottom-icon:after {
    -webkit-animation: animate-scroll 2s infinite;
    animation: animate-scroll 2s infinite;
    background: var(--fgp-color-1);
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 50%;
    margin: 0 0 0 -8px;
    position: absolute;
    top: 2px;
    width: 16px;
}
.pb-header__hr {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
@media (max-width: 1140px) {
    .pb-header__hr .icon-pb-hr {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
}
.pb__content {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/pointblank/content-bottom.jpg) 50% 100% no-repeat;
    padding-bottom: 85px;
}
.pb__content .ea__slider {
    margin-bottom: 104px;
}
@media (max-width: 768px) {
    .pb__content .ea__slider .swiper-filter__current {
        display: none;
    }
}
.pb__content .ea__slider .swiper__filter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px;
    padding: 0;
}
@media (max-width: 768px) {
    .pb__content .ea__slider .swiper__filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 28px;
    }
}
.pb__content .ea__slider .swiper__filter .visible-scroll {
    padding-bottom: 30px;
}
.pb__content .ea__slider .swiper__filter ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Rubik;
    justify-content: center;
    margin-bottom: 0;
    padding: 0;
}
@media (max-width: 1024px) {
    .pb__content .ea__slider .swiper__filter ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-right: 20px;
    }
}
@media (max-width: 768px) {
    .pb__content .ea__slider .swiper__filter ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        background: none;
        border-radius: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start;
        opacity: 1;
        padding: 0;
        position: static;
        right: auto;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
    }
}
.pb__content .ea__slider .swiper__filter ul li {
    list-style-type: none;
    margin: 0 16px;
    padding: 0;
}
@media (max-width: 1024px) {
    .pb__content .ea__slider .swiper__filter ul li:first-child {
        margin-left: 25px;
    }
    .pb__content .ea__slider .swiper__filter ul li:last-child {
        margin-right: 25px;
    }
}
.pb__content .ea__slider .swiper__filter ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: hsla(0, 0%, 100%, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 500;
    height: 45px;
    opacity: 1;
    padding: 0 20px;
    position: relative;
    text-shadow: 1.92px 1.92px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    -webkit-transition: var(--transition03-color);
    -o-transition: var(--transition03-color);
    transition: var(--transition03-color);
    white-space: nowrap;
    z-index: 1;
}
.pb__content .ea__slider .swiper__filter ul li a:after {
    display: none;
}
.pb__content .ea__slider .swiper__filter ul li a:before {
    background: #383838;
    border-radius: 5px;
    bottom: 0;
    content: "";
    height: auto;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-14deg, 0.0001deg);
    -ms-transform: skew(-14deg, 0.0001deg);
    transform: skew(-14deg, 0.0001deg);
    -webkit-transition: var(--transition03-background);
    -o-transition: var(--transition03-background);
    transition: var(--transition03-background);
    width: auto;
    z-index: -1;
}
@media (max-width: 768px) {
    .pb__content .ea__slider .swiper__filter ul li a:before {
        display: block;
    }
    .pb__content .ea__slider .swiper__filter .do-nicescroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0;
        z-index: 10;
    }
    .pb__content .ea__slider .swiper__filter .do-nicescroll .nicescroll-rails-hr {
        border-radius: 10px;
        left: 20px !important;
        overflow: hidden;
        right: 20px !important;
        width: auto !important;
    }
}
@media (max-width: 1024px) {
    .pb__content .ea__slider .swiper__filter .do-nicescroll .nicescroll-rails-hr {
        background: #383838;
    }
}
.pb__content .ea__slider .swiper__filter ul li a:hover {
    color: var(--black);
}
.pb__content .ea__slider .swiper__filter ul li a:hover:before {
    background: var(--fgp-color-1);
}
.pb__content .ea__slider .swiper__filter ul li.active a {
    color: var(--black);
}
.pb__content .ea__slider .swiper__filter ul li.active a:before {
    background: var(--fgp-color-1);
}
.icon-pb-desc-top {
    height: 84px;
    width: 509px;
}
.icon-pb-desc-top-butt {
    height: 22px;
    width: 22px;
}
.icon-pb-desc-bottom-right {
    height: 119px;
    width: 25px;
}
.icon-pb-desc-bottom-butt {
    height: 70px;
    width: 12px;
}
.icon-pb-button-arrow {
    height: 16px;
    width: 12px;
}
.icon-pb-hr {
    height: 178px;
    width: 1330px;
}
.icon-pb-mouse {
    height: 46px;
    width: 23px;
}
.icon-pb-pic-top-right {
    height: 142px;
    width: 639px;
}
.icon-pb-pic-top-right-butt {
    height: 22px;
    width: 22px;
}
.icon-pb-pic-top-bottom-r {
    height: 24px;
    width: 522px;
}
.icon-pb-pic-right {
    height: 358px;
    width: 50px;
}
.icon-pb-pic-right-butt {
    height: 93px;
    width: 13px;
}
.icon-pb-pic-bottom {
    height: 24px;
    width: 552px;
}
.icon-pb-head-top {
    height: 3px;
    width: 521px;
}
.icon-pb-head-bottom {
    height: 12px;
    width: 304px;
}
.icon-pb-product-right {
    height: 256px;
    width: 159px;
}
@-webkit-keyframes animate-scroll {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    50% {
        -webkit-transform: translateY(22px);
        transform: translateY(22px);
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes animate-scroll {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    50% {
        -webkit-transform: translateY(22px);
        transform: translateY(22px);
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@-webkit-keyframes animate-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    5% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    60% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    65%,
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes animate-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    5% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    60% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    65%,
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes animate-roll {
    0% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    5% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    10% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    65% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    to {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
}
@keyframes animate-roll {
    0% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    5% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    10% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    65% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    to {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
}
@-webkit-keyframes animate-fade-down {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    55% {
        opacity: 0;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes animate-fade-down {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    55% {
        opacity: 0;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
.apex__block {
    background: url(/bitrix/templates/c4g/css/../pictures/apex/bg.jpg) 50% 0 repeat var(--apex-bg);
    overflow: hidden;
    text-align: left;
}
.apex__header {
    background: url(/bitrix/templates/c4g/css/../pictures/apex/header.png) 50% 150px no-repeat;
    border-bottom: 10px solid hsla(0, 0%, 77%, 0.6);
    min-height: 1200px;
    padding-top: 70px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1024px) {
    .apex__header {
        background-position: 39% 190px;
        background-size: auto 635px;
    }
}
@media (max-width: 767px) {
    .apex__header {
        background-size: auto;
        background: url(/bitrix/templates/c4g/css/../pictures/apex/header-sm.png) 100% 190px no-repeat;
    }
}
.apex__header:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(63.78%, hsla(42, 20%, 87%, 0)), to(#e5e1d8));
    background: -webkit-linear-gradient(top, hsla(42, 20%, 87%, 0) 63.78%, #e5e1d8);
    background: -o-linear-gradient(top, hsla(42, 20%, 87%, 0) 63.78%, #e5e1d8 100%);
    background: linear-gradient(180deg, hsla(42, 20%, 87%, 0) 63.78%, #e5e1d8);
    bottom: 0;
    content: "";
    height: 1009px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: -1;
}
.apex-header__top {
    height: 80px;
}
@media (max-width: 1024px) {
    .apex-header__top .breadcrumbs {
        padding-left: 30px;
        padding-top: 40px;
    }
    .apex-header__top {
        height: 90px;
    }
}
.apex-header__filter {
    height: 56px;
    margin-bottom: 137px;
}
@media (max-width: 1024px) {
    .apex-header__filter {
        margin-bottom: 127px;
        margin-bottom: 78px;
    }
}
.apex-header__logo {
    height: 302px;
}
@media (max-width: 1024px) {
    .apex-header__logo {
        height: 189px;
    }
}
@media (max-width: 767px) {
    .apex-header__logo {
        height: 237px;
    }
}
.apex-header__slider {
    margin-bottom: 49px;
}
@media (max-width: 1024px) {
    .apex-header__slider {
        margin-bottom: 36px;
    }
}
@media (max-width: 767px) {
    .apex-header__slider {
        margin-bottom: 8px;
    }
}
.apex-header__slider .block__head {
    margin-bottom: 26px;
}
@media (max-width: 1024px) {
    .apex-header__slider .block__head {
        margin-bottom: 18px;
    }
}
@media (max-width: 767px) {
    .apex-header__slider .block__head {
        margin-bottom: 0;
    }
}
.apex-header__slider .ea__slider {
    margin-bottom: 0;
}
.apex-header__payment {
    background-image: url(/bitrix/templates/c4g/css/../pictures/apex/pic1.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    min-height: 584px;
    padding-top: 385px;
    -webkit-transition: 1s ease 0.5s;
    -o-transition: 1s ease 0.5s;
    transition: 1s ease 0.5s;
}
.apex-header__payment.apex__append {
    background-position: 50% 300%;
    background-size: auto 50px;
}
.apex-header__payment.apex__append.active {
    background-position: 50% 0;
    background-size: auto 584px;
}
@media (max-width: 1024px) {
    .apex-header__payment.apex__append.active {
        background-size: auto 438px;
    }
}
@media (max-width: 767px) {
    .apex-header__payment.apex__append.active {
        background-position: 46% 0;
        padding-top: 420px;
    }
}
@media (max-width: 1024px) {
    .apex-header__payment {
        background-size: auto 438px;
    }
}
@media (max-width: 767px) {
    .apex-header__payment {
        background-position: 46% 0;
        padding-top: 420px;
    }
}
.apex__logo {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.apex__logo img {
    height: auto;
    max-width: 100%;
    opacity: 0;
    -webkit-transition: easse 1s 0.5s;
    -o-transition: easse 1s 0.5s;
    transition: easse 1s 0.5s;
}
.apex__append.active .apex__logo img {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
}
@media (max-width: 1024px) {
    .apex__logo img {
        width: 200px;
    }
}
@media (max-width: 767px) {
    .apex__logo img {
        width: 160px;
    }
}
.apex__payment {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 160px;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 50px 15px 60px;
    position: relative;
    width: 100%;
    z-index: 1;
}
@media (max-width: 1024px) {
    .apex__payment {
        margin-bottom: 127px;
        padding-bottom: 23px;
        padding-top: 33px;
    }
}
.apex__payment:before {
    background: rgba(30, 29, 29, 0.9);
    border-radius: 6px;
    bottom: 0;
    content: "";
    left: 25px;
    pointer-events: none;
    position: absolute;
    right: 25px;
    top: 0;
    -webkit-transform: skew(0, 0);
    -ms-transform: skew(0, 0);
    transform: skew(0, 0);
    z-index: -1;
}
@media (max-width: 1024px) {
    .apex__payment:before {
        left: 43px;
        right: 43px;
    }
}
@media (max-width: 767px) {
    .apex__payment:before {
        border-radius: 0;
        left: 0;
        right: 0;
        -webkit-transform: skew(0, -8deg);
        -ms-transform: skew(0, -8deg);
        transform: skew(0, -8deg);
    }
}
.apex__payment:after {
    background: #1e1d1d;
    border-left: 10px solid var(--bg-1);
    border-radius: 0 6px 6px 0;
    bottom: 0;
    content: "";
    left: 52%;
    pointer-events: none;
    position: absolute;
    right: 25px;
    top: 0;
    -webkit-transform: skew(0, 0);
    -ms-transform: skew(0, 0);
    transform: skew(0, 0);
    z-index: -1;
}
@media (max-width: 1024px) {
    .apex__payment:after {
        left: 57%;
        right: 43px;
    }
}
@media (max-width: 767px) {
    .apex__payment:after {
        display: none;
    }
}
.apex__payment.apex__append.active:after,
.apex__payment.apex__append.active:before {
    -webkit-animation: skew 1s ease;
    animation: skew 1s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@media (max-width: 767px) {
    .apex__payment.apex__append.active:after,
    .apex__payment.apex__append.active:before {
        -webkit-animation: none;
        animation: none;
    }
}
.apex-payment__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--white);
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    font-size: 14px;
    line-height: 25px;
    max-width: 50%;
    padding-left: 90px;
    padding-right: 60px;
    width: 100%;
}
@media (max-width: 1024px) {
    .apex-payment__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 60px;
        padding-right: 30px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .apex-payment__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 15px;
        width: 100%;
    }
}
.apex-payment__desc .h3 {
    font-size: 44px;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .apex-payment__desc .h3 {
        font-size: 34px;
        line-height: 1.2;
        margin-bottom: 12px;
    }
}
.apex-payment__list {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    max-width: 50%;
    padding-left: 100px;
    padding-right: 80px;
    position: relative;
    width: 100%;
}
@media (max-width: 1024px) {
    .apex-payment__list {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 75px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .apex-payment__list {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 100px 15px 30px;
        width: 100%;
    }
}
.apex-payment__list:after {
    background: url(/bitrix/templates/c4g/css/../pictures/apex/bg1.svg) 50% 0 no-repeat;
    bottom: -75px;
    content: "";
    height: 337px;
    left: 0;
    margin: 0 0 0 -669px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: skew(5deg, 0);
    -ms-transform: skew(5deg, 0);
    transform: skew(5deg, 0);
    -webkit-transition: 0.5s ease 1s;
    -o-transition: 0.5s ease 1s;
    transition: 0.5s ease 1s;
    width: 1338px;
}
@media (max-width: 1024px) {
    .apex-payment__list:after {
        background: url(/bitrix/templates/c4g/css/../pictures/apex/bg2.svg) 50% 0 no-repeat;
        bottom: -50px;
        height: 337px;
        margin: 0 0 0 -560px;
        width: 961px;
    }
}
@media (max-width: 767px) {
    .apex-payment__list:after {
        background: #1e1d1d;
        border-top: 10px solid var(--bg-1);
        bottom: 0;
        height: auto;
        left: -15px;
        margin: 0;
        pointer-events: none;
        right: -15px;
        top: 0;
        -webkit-transform: skew(0, 0deg);
        -ms-transform: skew(0, 0deg);
        transform: skew(0, 0deg);
        z-index: -1;
    }
}
.apex__append.active .apex-payment__list:after {
    opacity: 1;
    -webkit-transform: skew(0, 0);
    -ms-transform: skew(0, 0);
    transform: skew(0, 0);
}
@media (max-width: 767px) {
    .apex__append.active .apex-payment__list:after {
        -webkit-transform: skew(0, -8deg);
        -ms-transform: skew(0, -8deg);
        transform: skew(0, -8deg);
    }
}
.apex-payment__item {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 30px;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.apex-payment__item .icon.icon-bonus-multy {
    height: 45px;
    width: 120px;
}
@media (max-width: 1024px) {
    .apex-payment__item .icon.icon-bonus-multy {
        height: 34px;
        width: 90px;
    }
}
.apex-payment__item .icon.icon-bonus-gorod {
    height: 34px;
    width: 170px;
}
@media (max-width: 1024px) {
    .apex-payment__item .icon.icon-bonus-gorod {
        height: 26px;
        width: 128px;
    }
}
.apex-payment__item .icon.icon-bonus-spasibo {
    height: 42px;
    width: 150px;
}
@media (max-width: 1024px) {
    .apex-payment__item .icon.icon-bonus-spasibo {
        height: 31px;
        width: 112px;
    }
}
.apex-payment__item .icon.icon-bonus-mnogoru {
    height: 36px;
    width: 120px;
}
.apex-payment__item.soon {
    position: relative;
}
.apex-payment__item.soon .icon {
    opacity: 0.3;
}
.apex-payment__item.soon .soon-label {
    color: var(--black);
    font-size: 14px;
    font-weight: 700;
    left: 66%;
    padding: 5px 22px;
    position: absolute;
    text-transform: uppercase;
    top: 64%;
    z-index: 1;
}
@media (max-width: 1024px) {
    .apex-payment__item.soon .soon-label {
        left: 54%;
        padding: 5px 16px;
        top: 50%;
    }
}
.apex-payment__item.soon .soon-label:before {
    background: hsla(0, 0%, 100%, 0.8);
    border-radius: 5px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-12deg, 0);
    -ms-transform: skew(-12deg, 0);
    transform: skew(-12deg, 0);
    z-index: -1;
}
.apex__rights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.apex-rights__desc,
.apex__rights {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.apex-rights__desc {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    font-size: 16px;
    line-height: 27px;
    max-width: 41.66667%;
    padding: 100px 15px 183px;
}
@media (max-width: 1280px) {
    .apex-rights__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .apex-rights__desc {
        padding-bottom: 70px;
        padding-top: 85px;
    }
}
@media (max-width: 767px) {
    .apex-rights__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
        width: 100%;
    }
}
.apex-rights__desc .h3 {
    font-size: 44px;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 49px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .apex-rights__desc .h3 {
        font-size: 34px;
        line-height: 1.2;
    }
}
.apex-rights__desc .h3:first-letter {
    color: var(--bg-1);
}
.apex-rights__desc p {
    margin: 0 0 30px;
}
.apex-rights__button {
    padding-left: 6px;
    padding-top: 57px;
}
@media (max-width: 1024px) {
    .apex-rights__button {
        padding-top: 25px;
    }
}
@media (max-width: 767px) {
    .apex-rights__button {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
}
.apex-rights__button .btn-primary {
    background: none;
    border: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding-left: 28px;
    padding-right: 28px;
    position: relative;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    width: auto;
    z-index: 1;
}
@media (max-width: 767px) {
    .apex-rights__button .btn-primary {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.apex-rights__button .btn-primary:before {
    background: var(--bg-1);
    border-radius: 10px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(0, 0);
    -ms-transform: skew(0, 0);
    transform: skew(0, 0);
    z-index: -1;
}
.apex__append.active .apex-rights__button .btn-primary:before {
    -webkit-animation: skew2 1s ease;
    animation: skew2 1s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.apex-rights__img {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    margin-left: 16.66667%;
    max-width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 82px;
    position: relative;
    width: 100%;
    z-index: 2;
}
@media (max-width: 1280px) {
    .apex-rights__img {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-left: 0;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .apex-rights__img {
        padding-top: 55px;
    }
}
@media (max-width: 767px) {
    .apex-rights__img {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.apex-rights__img:before {
    background: url(/bitrix/templates/c4g/css/../pictures/apex/bg1.png) 50% 0 no-repeat;
    border-top: 5px solid #2f2e2d;
    content: "";
    height: 760px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 540px;
    z-index: -1;
}
@media (max-width: 1280px) {
    .apex-rights__img:before {
        margin: 0 -270px 0 0;
        right: 50%;
    }
}
@media (max-width: 1024px) {
    .apex-rights__img:before {
        background-size: contain;
        height: 608px;
        margin: 0 -210px 0 0;
        width: 432px;
    }
}
@media (max-width: 767px) {
    .apex-rights__img:before {
        height: 451px;
        margin: 0 -160px 0 0;
        width: 320px;
    }
}
.apex-rights__img:before img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.apex-rights__img.apex__append:before {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: 1s ease 0.5s;
    -o-transition: 1s ease 0.5s;
    transition: 1s ease 0.5s;
}
.apex-rights__img.apex__append.active:before {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.apex-rights-img__picture {
    margin: 0 -36px -8px;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: 1s ease 0.5s;
    -o-transition: 1s ease 0.5s;
    transition: 1s ease 0.5s;
}
@media (max-width: 1024px) {
    .apex-rights-img__picture {
        margin: 0 -8px 0 -18px;
    }
    .apex-rights-img__picture img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .apex-rights-img__picture {
        margin: 0 auto;
    }
    .apex-rights-img__picture img {
        width: 320px;
    }
}
.apex__append.active .apex-rights-img__picture {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.apex__content {
    padding-top: 199px;
    position: relative;
}
.apex__content:before {
    background-color: rgba(0, 0, 0, 0.05);
    bottom: 230px;
    content: "";
    left: 50%;
    margin: 0 0 0 -760px;
    position: absolute;
    top: 106px;
    width: 2px;
}
.apex__content .block__head {
    position: relative;
}
.apex__content .block__head:before {
    background-color: #a6a39f;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: -110px;
    margin: 10px 0 0;
    position: absolute;
    width: 16px;
}
@media (max-width: 1024px) {
    .apex__content {
        padding-top: 125px;
    }
}
@media (max-width: 768px) {
    .apex__slider .swiper-filter__current,
    .apex__slider .swiper-filter__label {
        display: none;
    }
}
.apex__slider .swiper__filter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 65px;
}
@media (max-width: 1024px) {
    .apex__slider .swiper__filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .apex__slider .swiper__filter {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 25px;
    }
}
.apex__slider .swiper__filter ul {
    margin: 0;
    padding: 0 28px 0 0;
}
@media (max-width: 768px) {
    .apex__slider .swiper__filter ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        background: none;
        border-radius: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        opacity: 1;
        padding: 0;
        position: static;
        right: auto;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
    }
}
.apex__slider .swiper__filter ul li {
    margin: 0 10px;
    padding: 0;
}
@media (max-width: 1024px) {
    .apex__slider .swiper__filter ul li:first-child {
        margin-left: 0;
    }
}
.apex__slider .swiper__filter ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    height: 46px;
    opacity: 1;
    padding: 0 18px;
    position: relative;
    z-index: 1;
}
.apex__slider .swiper__filter ul li a:after {
    display: none;
}
.apex__slider .swiper__filter ul li a:before {
    background: #d5d1cb;
    border-radius: 5px;
    bottom: 0;
    height: auto;
    left: 0;
    opacity: 1;
    right: 0;
    top: 0;
    -webkit-transform: skew(-14deg, 0);
    -ms-transform: skew(-14deg, 0);
    transform: skew(-14deg, 0);
    width: auto;
    z-index: -1;
}
@media (max-width: 768px) {
    .apex__slider .swiper__filter ul li a:before {
        display: block;
    }
}
.apex__slider .swiper__filter ul li.active a {
    color: var(--white);
}
.apex__slider .swiper__filter ul li.active a:before {
    background: var(--bg-1);
}
.apex__slider .swiper-carousel {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto 81px;
    position: static;
}
@media (max-width: 1024px) {
    .apex__slider .swiper-carousel {
        margin: 0 auto 0 0;
    }
    .apex__versions .apex__slider .swiper-carousel {
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .apex__slider .swiper-carousel {
        margin: 0 auto;
        padding-bottom: 250px;
    }
    .apex__versions .apex__slider .swiper-carousel {
        margin: 0 auto;
    }
}
.apex__slider .swiper-carousel .ea-slider__item {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
@media (max-width: 767px) {
    .apex__slider .swiper-carousel .ea-slider__item {
        opacity: 0 !important;
    }
    .apex__slider .swiper-carousel .ea-slider__item.swiper-slide-active {
        opacity: 1 !important;
    }
}
.apex__slider .swiper-carousel .filtered .ea-slider__item,
.apex__versions .apex__slider .swiper-carousel .ea-slider__item {
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.apex__slider .swiper-carousel .ea-slider-item__picture {
    background-color: transparent;
}
.apex__slider .swiper-carousel .swiper-pagination {
    bottom: auto;
    left: auto;
    max-width: 100%;
    padding-bottom: 30px;
    position: relative;
}
.apex__slider .swiper-carousel .swiper-pagination .nicescroll-rails-hr {
    border-radius: 6px;
    left: 15px !important;
}
.apex__slider .swiper-carousel .swiper-pagination .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    width: auto;
}
@media (max-width: 1280px) {
    .apex__slider .swiper-carousel .swiper-pagination .wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 1024px) {
    .apex__slider .swiper-carousel .swiper-pagination .wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .apex__versions .apex__slider .swiper-carousel .swiper-pagination .wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .apex__slider .swiper-carousel .swiper-pagination .wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: none;
    }
    .apex__versions .apex__slider .swiper-carousel .swiper-pagination .wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.apex__slider .swiper-carousel .swiper-pagination-block {
    margin: 0 -250px 0 -82px;
    padding-top: 30px;
}
@media (max-width: 1024px) {
    .apex__slider .swiper-carousel .swiper-pagination-block {
        margin: 0 -300px 0 8px;
    }
}
@media (max-width: 767px) {
    .apex__slider .swiper-carousel .swiper-pagination-block {
        left: 50%;
        margin: 20px 0 0 -50vw;
        padding: 0;
        position: absolute;
        width: 100vw;
    }
}
.apex__versions .apex__slider .swiper-carousel .swiper-pagination-block {
    margin: 0 -260px 90px -170px;
}
@media (max-width: 1280px) {
    .apex__versions .apex__slider .swiper-carousel .swiper-pagination-block {
        margin-left: -100px;
        margin-right: -160px;
    }
}
@media (max-width: 1024px) {
    .apex__versions .apex__slider .swiper-carousel .swiper-pagination-block {
        margin-bottom: 98px;
        margin-left: -140px;
    }
}
@media (max-width: 767px) {
    .apex__versions .apex__slider .swiper-carousel .swiper-pagination-block {
        margin: 20px 0 0 -50vw;
    }
}
.apex__slider .swiper-carousel .swiper-pagination-title {
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 18px;
    padding-left: 26px;
    text-transform: uppercase;
}
@media (max-width: 1280px) {
    .apex__versions .apex__slider .swiper-carousel .swiper-pagination-title {
        padding-left: 0;
        text-align: center;
    }
}
.apex__slider .swiper-carousel .swiper-pagination-bullet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 0;
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 500;
    height: 45px;
    margin: 0 5px 12px;
    opacity: 1;
    outline: none;
    padding: 0 17px;
    position: relative;
    text-transform: uppercase;
    width: auto;
    z-index: 1;
}
.apex__slider .swiper-carousel .swiper-pagination-bullet:before {
    background: #d5d1cb;
}
.apex__slider .swiper-carousel .swiper-pagination-bullet:after,
.apex__slider .swiper-carousel .swiper-pagination-bullet:before {
    border-radius: 5px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-14deg, 0);
    -ms-transform: skew(-14deg, 0);
    transform: skew(-14deg, 0);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    z-index: -1;
}
.apex__slider .swiper-carousel .swiper-pagination-bullet:after {
    background: var(--bg-1);
    opacity: 0;
}
.apex__slider .swiper-carousel .swiper-pagination-bullet-active {
    color: var(--white);
}
.apex__slider .swiper-carousel .swiper-pagination-bullet-active:before {
    opacity: 0;
}
.apex__slider .swiper-carousel .swiper-pagination-bullet-active:after {
    opacity: 1;
}
.apex__slider .swiper-carousel .swiper-nav {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 42%;
}
@media (max-width: 1024px) {
    .apex__slider .swiper-carousel .swiper-nav {
        height: 207px;
        left: auto;
        right: 13px;
        top: 35%;
        width: 86px;
    }
}
@media (max-width: 767px) {
    .apex__slider .swiper-carousel .swiper-nav {
        display: none;
    }
}
.apex__versions .apex__slider .swiper-carousel .swiper-nav {
    top: 27%;
}
@media (max-width: 1024px) {
    .apex__versions .apex__slider .swiper-carousel .swiper-nav {
        height: auto;
        left: 0;
        right: 0;
        width: auto;
    }
}
.apex__slider .swiper-carousel .swiper-button-next,
.apex__slider .swiper-carousel .swiper-button-prev {
    --swiper-navigation-size: 86px;
    display: block;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    pointer-events: auto;
    width: var(--swiper-navigation-size);
}
@media (max-width: 1024px) {
    .apex__slider .swiper-carousel .swiper-button-next,
    .apex__slider .swiper-carousel .swiper-button-prev {
        margin: 0;
    }
    .apex__versions .apex__slider .swiper-carousel .swiper-button-next,
    .apex__versions .apex__slider .swiper-carousel .swiper-button-prev {
        margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    }
}
.apex__slider .swiper-carousel .swiper-button-next:after,
.apex__slider .swiper-carousel .swiper-button-prev:after {
    display: none;
}
.apex__slider .swiper-carousel .swiper-button-next .icon,
.apex__slider .swiper-carousel .swiper-button-prev .icon {
    fill: none;
    --round: round;
    --arrow-bg: none;
    --black2: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.5;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.apex__slider .swiper-carousel .swiper-button-next:hover .icon,
.apex__slider .swiper-carousel .swiper-button-prev:hover .icon {
    --arrow-bg: var(--bg-1);
    --black: var(--bg-1);
    --black2: #fff;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
}
.apex__slider .swiper-carousel .swiper-button-prev {
    left: 0;
}
@media (max-width: 1024px) {
    .apex__slider .swiper-carousel .swiper-button-prev {
        top: 0;
    }
}
.apex__versions .apex__slider .swiper-carousel .swiper-button-prev {
    left: 66px;
}
@media (max-width: 1280px) {
    .apex__versions .apex__slider .swiper-carousel .swiper-button-prev {
        left: -30px;
    }
}
.apex__slider .swiper-carousel .swiper-button-next {
    right: 56px;
}
@media (max-width: 1280px) {
    .apex__slider .swiper-carousel .swiper-button-next {
        right: 0;
    }
}
@media (max-width: 1024px) {
    .apex__slider .swiper-carousel .swiper-button-next {
        bottom: 0;
        top: auto;
    }
}
.apex__versions .apex__slider .swiper-carousel .swiper-button-next {
    right: -18px;
}
@media (max-width: 1280px) {
    .apex__versions .apex__slider .swiper-carousel .swiper-button-next {
        right: -40px;
    }
}
@media (max-width: 1024px) {
    .apex__versions .apex__slider .swiper-carousel .swiper-button-next {
        bottom: auto;
    }
}
.apex__slider .swiper-carousel .swiper-button-disabled {
    opacity: 0.3;
}
.apex__slider .swiper-carousel .swiper-button-disabled:hover .icon {
    --arrow-bg: none;
    --black: #000;
    --black2: #000;
    -webkit-animation: none;
    animation: none;
    opacity: 0.5;
}
.apex__currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.apex__currency,
.apex__currency .block__head {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}
.apex__currency .block__head {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 56px;
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 1024px) {
    .apex__currency .block__head {
        margin-bottom: 46px;
    }
}
@media (max-width: 767px) {
    .apex__currency .block__head {
        margin-bottom: 10px;
    }
}
.apex-currency__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 70px;
    position: relative;
    width: 100%;
    z-index: 2;
}
@media (max-width: 1280px) {
    .apex-currency__slider {
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .apex-currency__slider {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% + 30px);
        flex: 0 0 -webkit-calc(100% + 30px);
        flex: 0 0 calc(100% + 30px);
        margin: 0 -15px;
        max-width: -webkit-calc(100% + 30px);
        max-width: calc(100% + 30px);
        padding: 0;
        width: -webkit-calc(100% + 30px);
        width: calc(100% + 30px);
    }
}
.apex-currency__bg {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    min-height: 737px;
    opacity: 0;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 0.5s ease 0.5s;
    -o-transition: 0.5s ease 0.5s;
    transition: 0.5s ease 0.5s;
    width: 100%;
    z-index: 1;
}
@media (max-width: 1024px) {
    .apex-currency__bg {
        min-height: 794px;
    }
}
@media (max-width: 767px) {
    .apex-currency__bg {
        display: none;
    }
}
.apex-currency__bg:before {
    background: url(/bitrix/templates/c4g/css/../pictures/apex/pic3.png) 300% 0 no-repeat;
    content: "";
    height: 737px;
    left: 50%;
    margin: -36px 0 0 -635px;
    position: absolute;
    top: 0;
    width: 1270px;
    z-index: -1;
}
@media (max-width: 1024px) {
    .apex-currency__bg:before {
        background-size: contain;
        height: 581px;
        margin: 60px 0 0 -643px;
        width: 1033px;
    }
}
.apex-currency__bg.apex__append.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.apex__versions {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    width: 100%;
}
@media (max-width: 1024px) {
    .apex__versions {
        padding-top: 10px;
    }
}
@media (max-width: 767px) {
    .apex__versions {
        position: relative;
    }
}
.apex__versions .block__head {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 37px;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 767px) {
    .apex__versions .block__head {
        padding-right: 100px;
    }
}
.apex-versions__text {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 51.66667%;
    flex: 0 0 51.66667%;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 157px;
    max-width: 51.66667%;
    padding-left: 0;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .apex-versions__text {
        margin-bottom: 94px;
    }
}
@media (max-width: 767px) {
    .apex-versions__text {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }
}
.apex-versions__img {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 48.33333%;
    flex: 0 0 48.33333%;
    margin-bottom: 190px;
    max-width: 48.33333%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1024px) {
    .apex-versions__img {
        margin-bottom: 94px;
    }
}
@media (max-width: 767px) {
    .apex-versions__img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 142px;
        flex: 0 0 142px;
        margin-bottom: 0;
        max-width: 142px;
        position: absolute;
        right: 30px;
        top: -40px;
    }
}
@media (max-width: 480px) {
    .apex-versions__img {
        top: 0;
    }
}
.apex-versions__img.apex__append {
    opacity: 0;
    -webkit-transform: translate(500px, -100px);
    -ms-transform: translate(500px, -100px);
    transform: translate(500px, -100px);
    -webkit-transition: 1s ease-in 1s;
    -o-transition: 1s ease-in 1s;
    transition: 1s ease-in 1s;
}
.apex-versions__img.apex__append.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.apex-versions__img img {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: apex-robot;
    animation-name: apex-robot;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    bottom: -84px;
    position: absolute;
    right: 84px;
    -webkit-transform-origin: 70% 0;
    -ms-transform-origin: 70% 0;
    transform-origin: 70% 0;
}
@media (max-width: 1024px) {
    .apex-versions__img img {
        bottom: -25px;
        right: 64px;
        width: 219px;
    }
}
@media (max-width: 767px) {
    .apex-versions__img img {
        bottom: auto;
        right: auto;
        width: 142px;
    }
}
.apex-versions__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    z-index: 2;
}
.apex-versions__bg,
.apex-versions__row {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}
.apex-versions__bg {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 767px) {
    .apex-versions__bg {
        display: none;
    }
}
.apex-versions__bg.apex__append {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: 1s ease 0.5s;
    -o-transition: 1s ease 0.5s;
    transition: 1s ease 0.5s;
}
.apex-versions__bg.apex__append.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.apex-versions__bg:before {
    background: url(/bitrix/templates/c4g/css/../pictures/apex/pic5.png) 50% 100% no-repeat;
    bottom: 0;
    content: "";
    height: 939px;
    pointer-events: none;
    position: absolute;
    right: -14px;
    width: 738px;
    z-index: -1;
}
@media (max-width: 1024px) {
    .apex-versions__bg:before {
        background-size: contain;
        bottom: -67px;
        height: 920px;
        right: 12px;
        width: 737px;
    }
}
.apex-versions__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 97px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1280px) {
    .apex-versions__slider {
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .apex-versions__slider {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% + 30px);
        flex: 0 0 -webkit-calc(100% + 30px);
        flex: 0 0 calc(100% + 30px);
        margin: 0 -15px;
        max-width: -webkit-calc(100% + 30px);
        max-width: calc(100% + 30px);
        padding: 0;
        width: -webkit-calc(100% + 30px);
        width: calc(100% + 30px);
    }
}
.apex-versions__slider:before {
    background: url(/bitrix/templates/c4g/css/../pictures/apex/bg2.png) 50% 100% no-repeat;
    bottom: 0;
    content: "";
    height: 583px;
    left: 50%;
    margin: 0 0 0 -647px;
    pointer-events: none;
    position: absolute;
    width: 1294px;
    z-index: -2;
}
.card-details__description {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    color: var(--white);
    font-weight: 400;
    max-width: 400px;
    padding: 15px 20px 20px;
    width: 100%;
}
@media (max-width: 768px) {
    .card-details__description {
        padding: 5px 10px;
    }
}
.new-view .card-details__description,
.pubg-color .card-details__description {
    border-radius: var(--br-20);
    padding: 30px 30px 30px 35px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .new-view .card-details__description,
    .pubg-color .card-details__description {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }
}
@media (max-width: 960px) {
    .new-view .card-details__description,
    .pubg-color .card-details__description {
        max-width: 460px;
    }
}
@media (max-width: 768px) {
    .new-view .card-details__description,
    .pubg-color .card-details__description {
        max-width: 400px;
        padding: 15px 20px;
    }
}
.new-view .card-details__description.no-header,
.pubg-color .card-details__description.no-header {
    padding-top: 0;
}
.pubg-color .card-details__description {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    max-width: 427px;
}
@media (max-width: 960px) {
    .pubg-color .card-details__description {
        max-width: 460px;
    }
}
@media (max-width: 768px) {
    .pubg-color .card-details__description {
        max-width: 400px;
        padding: 15px 20px;
    }
}
.new-view .card-details__description {
    margin-bottom: 40px;
    max-width: 100%;
}
@media (max-width: 1024px) and (min-width: 901px) {
    .new-view .card-details__description {
        grid-area: order;
        grid-row-start: 3;
        margin: 0;
        max-width: 460px;
        width: 100%;
    }
}
@media (max-width: 900px) {
    .new-view .card-details__description {
        max-width: 400px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .new-view .card-details__description {
        margin-bottom: 20px;
        max-width: 460px;
    }
}
.roblox-color .card-details__description {
    background: -webkit-linear-gradient(270.16deg, rgba(181, 156, 255, 0.2) 0.14%, rgba(223, 219, 255, 0) 99.86%);
    background: -o-linear-gradient(270.16deg, rgba(181, 156, 255, 0.2) 0.14%, rgba(223, 219, 255, 0) 99.86%);
    background: linear-gradient(179.84deg, rgba(181, 156, 255, 0.2) 0.14%, rgba(223, 219, 255, 0) 99.86%);
    color: var(--roblox-text);
}
@media (max-width: 768px) {
    .roblox-color .card-details__description {
        max-width: 460px;
    }
}
.nintendo-color .card-details__description {
    background: -webkit-linear-gradient(270.16deg, rgba(181, 156, 255, 0.2) 0.14%, rgba(223, 219, 255, 0) 99.86%);
    background: -o-linear-gradient(270.16deg, rgba(181, 156, 255, 0.2) 0.14%, rgba(223, 219, 255, 0) 99.86%);
    background: linear-gradient(179.84deg, rgba(181, 156, 255, 0.2) 0.14%, rgba(223, 219, 255, 0) 99.86%);
    color: var(--black);
}
.warface-color .card-details__description {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, rgba(59, 73, 104, 0)), to(#151922));
    background: -webkit-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922);
    background: -o-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922 100%);
    background: linear-gradient(0deg, rgba(59, 73, 104, 0) -35.42%, #151922);
}
.bt2-color .card-details__description {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, rgba(32, 41, 60, 0)), to(#22242a));
    background: -webkit-linear-gradient(bottom, rgba(32, 41, 60, 0) -35.42%, #22242a);
    background: -o-linear-gradient(bottom, rgba(32, 41, 60, 0) -35.42%, #22242a 100%);
    background: linear-gradient(0deg, rgba(32, 41, 60, 0) -35.42%, #22242a);
}
.xboxpage-color .card-details__description {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-22.84%, hsla(0, 0%, 100%, 0.2)), color-stop(132.69%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2) -22.84%, hsla(0, 0%, 100%, 0) 132.69%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) -22.84%, hsla(0, 0%, 100%, 0) 132.69%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2) -22.84%, hsla(0, 0%, 100%, 0) 132.69%);
}
.aion-classic-color .card-details__description,
.bb-color .card-details__description,
.bns-color .card-details__description,
.fortnite-color .card-details__description,
.freefire-color .card-details__description,
.genshin-color .card-details__description,
.lol-color .card-details__description,
.stalcraft-color .card-details__description {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
.card-details__type {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.new-view .card-details__type,
.pubg-color .card-details__type {
    border-radius: var(--br-20) var(--br-20) 0 0;
    margin: -30px -30px 0 -35px;
    padding: 15px 30px 15px 35px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .new-view .card-details__type,
    .pubg-color .card-details__type {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
@media (max-width: 768px) {
    .new-view .card-details__type,
    .pubg-color .card-details__type {
        margin: -15px -20px 0;
        padding: 15px 20px;
    }
}
.pubg-color .card-details__type {
    background: -webkit-linear-gradient(272.16deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    background: -o-linear-gradient(272.16deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    background: linear-gradient(0.494turn, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.aion-classic-color .card-details__type,
.bns-color .card-details__type,
.bt2-color .card-details__type,
.fortnite-color .card-details__type,
.freefire-color .card-details__type,
.genshin-color .card-details__type,
.lol-color .card-details__type,
.nintendo-color .card-details__type,
.roblox-color .card-details__type,
.stalcraft-color .card-details__type,
.warface-color .card-details__type,
.xboxpage-color .card-details__type {
    margin-bottom: 0;
    padding: 30px 10px 30px 35px;
}
@media (max-width: 768px) {
    .aion-classic-color .card-details__type,
    .bns-color .card-details__type,
    .bt2-color .card-details__type,
    .fortnite-color .card-details__type,
    .freefire-color .card-details__type,
    .genshin-color .card-details__type,
    .lol-color .card-details__type,
    .nintendo-color .card-details__type,
    .roblox-color .card-details__type,
    .stalcraft-color .card-details__type,
    .warface-color .card-details__type,
    .xboxpage-color .card-details__type {
        padding: 15px 20px;
    }
}
.nintendo-color .card-details__type {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--white);
    color: var(--black);
}
.card-details-type__current {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.07)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0.07) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
    border-radius: var(--br-5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    margin: 0 35px 0 0;
    padding: 0 15px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .card-details-type__current {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
@media (max-width: 768px) {
    .card-details-type__current {
        margin: 0 15px 0 0;
    }
}
.lol-color .card-details-type__current {
    background: -webkit-linear-gradient(bottom, #9b7640, #9b7640), -webkit-linear-gradient(274.27deg, #fff -60.11%, rgba(223, 219, 255, 0) 206.65%);
    background: -o-linear-gradient(bottom, #9b7640, #9b7640), -o-linear-gradient(274.27deg, #fff -60.11%, rgba(223, 219, 255, 0) 206.65%);
    background: linear-gradient(0deg, #9b7640, #9b7640), linear-gradient(175.73deg, #fff -60.11%, rgba(223, 219, 255, 0) 206.65%);
    margin: 0 32px 0 0;
}
@media (max-width: 768px) {
    .lol-color .card-details-type__current {
        margin: 0 15px 0 0;
    }
}
.nintendo-color .card-details-type__current {
    background: #4cebfe;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.warface-color .card-details-type__current {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-85.71%, rgba(84, 105, 151, 0)), color-stop(194.64%, #2e374b));
    background: -webkit-linear-gradient(bottom, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
    background: -o-linear-gradient(bottom, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
    background: linear-gradient(0deg, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
}
.bt2-color .card-details-type__current {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, #22242a), to(rgba(32, 41, 60, 0)));
    background: -webkit-linear-gradient(bottom, #22242a -35.42%, rgba(32, 41, 60, 0));
    background: -o-linear-gradient(bottom, #22242a -35.42%, rgba(32, 41, 60, 0) 100%);
    background: linear-gradient(0deg, #22242a -35.42%, rgba(32, 41, 60, 0));
}
.xboxpage-color .card-details-type__current {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.14)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0.14) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
}
.aion-classic-color .card-details-type__current,
.bns-color .card-details-type__current,
.fortnite-color .card-details-type__current,
.freefire-color .card-details-type__current,
.genshin-color .card-details-type__current,
.roblox-color .card-details-type__current,
.stalcraft-color .card-details-type__current {
    background: -webkit-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0.7)), -webkit-linear-gradient(274.27deg, #fff -60.11%, rgba(223, 219, 255, 0) 206.65%);
    background: -o-linear-gradient(top, #fff 0, hsla(0, 0%, 100%, 0.7) 100%), -o-linear-gradient(274.27deg, #fff -60.11%, rgba(223, 219, 255, 0) 206.65%);
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.7)), linear-gradient(175.73deg, #fff -60.11%, rgba(223, 219, 255, 0) 206.65%);
    -webkit-box-shadow: 0 0 20px rgba(127, 107, 255, 0.3);
    box-shadow: 0 0 20px rgba(127, 107, 255, 0.3);
    margin: 0 32px 0 0;
}
@media (max-width: 768px) {
    .aion-classic-color .card-details-type__current,
    .bns-color .card-details-type__current,
    .fortnite-color .card-details-type__current,
    .freefire-color .card-details-type__current,
    .genshin-color .card-details-type__current,
    .roblox-color .card-details-type__current,
    .stalcraft-color .card-details-type__current {
        margin: 0 15px 0 0;
    }
}
.card-details-type-current__icon {
    margin: 0 15px 0 0;
}
.aion-classic-color .card-details-type-current__icon,
.bb-color .card-details-type-current__icon,
.bns-color .card-details-type-current__icon,
.bt2-color .card-details-type-current__icon,
.fortnite-color .card-details-type-current__icon,
.freefire-color .card-details-type-current__icon,
.genshin-color .card-details-type-current__icon,
.lol-color .card-details-type-current__icon,
.nintendo-color .card-details-type-current__icon,
.pubg-color .card-details-type-current__icon,
.roblox-color .card-details-type-current__icon,
.stalcraft-color .card-details-type-current__icon,
.warface-color .card-details-type-current__icon,
.xboxpage-color .card-details-type-current__icon {
    margin: 0;
}
.card-details-type-current__icon .icon {
    fill: var(--white);
    display: block;
}
.pubg-color .card-details-type-current__icon .icon {
    fill: var(--pubg-color);
}
.pubg-color .card-details-type-current__icon .icon-game-dlc {
    margin-right: 15px;
}
.stalcraft-color .card-details-type-current__icon .icon {
    fill: var(--black);
}
.stalcraft-color .card-details-type-current__icon .icon-game-dlc {
    margin-right: 15px;
}
.bns-color .card-details-type-current__icon .icon {
    fill: var(--black);
}
.bns-color .card-details-type-current__icon .icon-game-dlc {
    margin-right: 15px;
}
.genshin-color .card-details-type-current__icon .icon {
    fill: var(--black);
}
.genshin-color .card-details-type-current__icon .icon-game-dlc {
    margin-right: 15px;
}
.aion-classic-color .card-details-type-current__icon .icon {
    fill: #624d61;
}
.aion-classic-color .card-details-type-current__icon .icon-game-dlc {
    margin-right: 15px;
}
.nintendo-color .card-details-type-current__icon .icon {
    fill: var(--black);
}
.nintendo-color .card-details-type-current__icon .icon-game-dlc {
    margin-right: 15px;
}
.roblox-color .card-details-type-current__icon .icon {
    fill: var(--ml-price);
}
.roblox-color .card-details-type-current__icon .icon-game-dlc {
    margin-right: 15px;
}
.fortnite-color .card-details-type-current__icon .icon,
.freefire-color .card-details-type-current__icon .icon {
    fill: var(--black);
}
.fortnite-color .card-details-type-current__icon .icon-game-dlc,
.freefire-color .card-details-type-current__icon .icon-game-dlc {
    margin-right: 15px;
}
.card-details-type-current__name {
    color: var(--pubg-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 12px;
    text-transform: uppercase;
}
.warface-color .card-details-type-current__name {
    color: var(--white);
    font-family: var(--font-okko);
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}
.bt2-color .card-details-type-current__name {
    color: var(--white);
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}
.xboxpage-color .card-details-type-current__name {
    color: var(--white);
    font-family: var(--font-segoeui);
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}
.nintendo-color .card-details-type-current__name {
    color: var(--black);
    font-family: var(--font-futura);
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}
.stalcraft-color .card-details-type-current__name {
    color: var(--black);
    font-family: var(--font-roboto);
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}
.aion-classic-color .card-details-type-current__name,
.bns-color .card-details-type-current__name,
.genshin-color .card-details-type-current__name {
    font-family: var(--font-montserrat);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
.lol-color .card-details-type-current__name,
.roblox-color .card-details-type-current__name {
    color: var(--roblox-text);
    font-family: var(--font-open-sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.freefire-color .card-details-type-current__name {
    color: var(--black);
    font-family: var(--font-ff);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 12px;
}
.fortnite-color .card-details-type-current__name {
    color: var(--black);
    font-family: var(--font-refrigerator);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 12px;
}
.card-details-type__text {
    color: hsla(0, 0%, 100%, 0.8);
    font-size: 12px;
    line-height: 15px;
}
@media (max-width: 768px) {
    .card-details-type__text {
        font-size: 10px;
    }
}
.lol-color .card-details-type__text,
.roblox-color .card-details-type__text {
    color: var(--roblox-text);
    font-family: var(--font-open-sans);
    font-weight: 600;
    line-height: 16px;
}
.stalcraft-color .card-details-type__text {
    color: var(--white);
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}
.warface-color .card-details-type__text {
    color: var(--white);
    font-family: var(--font-okko);
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}
.warface-color .card-details-type__text span {
    color: #bcbcbc;
}
.bt2-color .card-details-type__text {
    color: var(--white);
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}
.bt2-color .card-details-type__text span {
    color: #bcbcbc;
}
.xboxpage-color .card-details-type__text {
    color: var(--white);
    font-family: var(--font-segoeui);
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}
.nintendo-color .card-details-type__text {
    color: var(--black);
}
.bns-color .card-details-type__text,
.nintendo-color .card-details-type__text {
    font-family: var(--font-gotham);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.bns-color .card-details-type__text {
    color: var(--white);
}
.aion-classic-color .card-details-type__text,
.genshin-color .card-details-type__text {
    color: var(--white);
    font-family: var(--font-montserrat);
    font-size: 12px;
    line-height: 18px;
}
.lol-color .card-details-type__text {
    color: var(--white);
}
.freefire-color .card-details-type__text {
    color: var(--white);
    font-family: var(--font-ff);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}
.fortnite-color .card-details-type__text {
    color: var(--white);
    font-family: var(--font-refrigerator);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}
.card-details__platform {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    padding-bottom: 12px;
    position: relative;
}
@media (max-width: 768px) {
    .card-details__platform {
        padding-bottom: 7px;
    }
}
@media (max-width: 374px) {
    .card-details__platform {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.card-details__platform:after {
    background-color: hsla(0, 0%, 100%, 0.2);
    border-radius: 100px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 5px;
    position: absolute;
    right: 5px;
}
@media (max-width: 768px) {
    .card-details__platform:after {
        left: 0;
        right: 0;
    }
}
.card-details-platform__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    margin-right: 15px;
    padding: 8px 0;
}
@media (max-width: 768px) {
    .card-details-platform__label {
        margin-right: 10px;
    }
}
@media (max-width: 374px) {
    .card-details-platform__label {
        margin-right: 5px;
    }
}
.card-details-platform-label__icon {
    margin: 0 20px 0 10px;
}
@media (max-width: 768px) {
    .card-details-platform-label__icon {
        margin: 0 10px 0 5px;
    }
}
.card-details-platform-label__icon .icon {
    display: block;
}
.card-details-platform__list {
    -webkit-box-flex: 1;
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}
.card-details-platform__list.wide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}
.card-details-platform__list.alone,
.card-details-platform__list.wide {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.card-details-platform__item {
    margin: 5px;
}
.card-details-platform__item a,
.card-details-platform__item span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 0 8px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}
.card-details-platform__item a {
    color: hsla(0, 0%, 100%, 0.65);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.card-details-platform__item a:hover {
    background-color: hsla(0, 0%, 100%, 0.15);
}
.card-details-platform__item span {
    background-color: var(--bg-1);
    color: var(--white);
}
.card-details__additions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: rgba(44, 47, 50, 0.9);
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    line-height: 1.4;
    margin-bottom: 15px;
    padding: 5px 20px;
}
.card-details__additions:hover .card-detail-new-details-additions__icon .icon {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse2;
    animation-name: pulse2;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.card-details-additions__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin: 0 17px 0 0;
    text-align: center;
}
.card-details-additions__icon .icon {
    --color-1: var(--white);
}
.card-details-additions__name {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    padding-top: 1px;
    text-transform: uppercase;
}
.card-details-additions__name span {
    display: none;
}
.card-details-additions__name span.desktop {
    display: inline;
}
@media (max-width: 576px) {
    .card-details-additions__name span.desktop {
        display: none;
    }
    .card-details-additions__name span.mobile {
        display: inline;
    }
}
.card-details-additions__coll {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}
.card-details-additions__coll span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 77%, 0.1);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 25px;
    justify-content: center;
    margin: 2px 0;
    padding: 5px;
    width: 40px;
}
.card-details-additions__arrow {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    padding: 0 4px 0 0;
    text-align: right;
}
@media (max-width: 768px) {
    .card-details-additions__arrow {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
        flex: 0 0 25px;
        padding: 0;
    }
}
.card-details-additions__arrow .icon {
    --color-1: var(--white);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.card-details__currency {
    background-color: rgba(50, 41, 42, 0.9);
    border-radius: 5px;
    color: var(--white);
    line-height: 1.4;
    padding: 15px 15px 10px;
}
@media (max-width: 768px) {
    .card-details__currency {
        padding: 10px 10px 5px;
    }
}
.new-view .card-details__currency,
.pubg-color .card-details__currency {
    border-radius: 0 0 var(--br-20) var(--br-20);
    margin: 0 -30px -30px -35px;
    padding: 30px 30px 20px 35px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .new-view .card-details__currency,
    .pubg-color .card-details__currency {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
@media (max-width: 768px) {
    .new-view .card-details__currency,
    .pubg-color .card-details__currency {
        margin: 0 -20px -15px;
        padding: 15px 20px;
    }
}
.no-header .card-details__currency {
    border-radius: var(--br-20);
}
.warface-color .card-details__currency {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, rgba(59, 73, 104, 0)), to(#151922));
    background: -webkit-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922);
    background: -o-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922 100%);
    background: linear-gradient(0deg, rgba(59, 73, 104, 0) -35.42%, #151922);
}
.bt2-color .card-details__currency,
.warface-color .card-details__currency {
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.bt2-color .card-details__currency {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, #22242a), to(rgba(32, 41, 60, 0)));
    background: -webkit-linear-gradient(bottom, #22242a -35.42%, rgba(32, 41, 60, 0));
    background: -o-linear-gradient(bottom, #22242a -35.42%, rgba(32, 41, 60, 0) 100%);
    background: linear-gradient(0deg, #22242a -35.42%, rgba(32, 41, 60, 0));
}
.xboxpage-color .card-details__currency {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.02)), to(hsla(0, 0%, 100%, 0.04)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.02), hsla(0, 0%, 100%, 0.04));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.02) 0, hsla(0, 0%, 100%, 0.04) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.02), hsla(0, 0%, 100%, 0.04));
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.nintendo-color .card-details__currency {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--white);
    -webkit-box-shadow: 0 0 50px rgba(0, 100, 200, 0.1);
    box-shadow: 0 0 50px rgba(0, 100, 200, 0.1);
    color: var(--black);
}
.stalcraft-color .card-details__currency {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.02)), to(hsla(0, 0%, 100%, 0.036)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.02), hsla(0, 0%, 100%, 0.036));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.02) 0, hsla(0, 0%, 100%, 0.036) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.02), hsla(0, 0%, 100%, 0.036));
}
.bns-color .card-details__currency,
.stalcraft-color .card-details__currency {
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.bns-color .card-details__currency {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
.aion-classic-color .card-details__currency,
.genshin-color .card-details__currency {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.02)), to(hsla(0, 0%, 100%, 0.036)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.02), hsla(0, 0%, 100%, 0.036));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.02) 0, hsla(0, 0%, 100%, 0.036) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.02), hsla(0, 0%, 100%, 0.036));
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.pubg-color .card-details__currency {
    background: -webkit-linear-gradient(272.03deg, hsla(0, 0%, 100%, 0.1) -9.81%, hsla(0, 0%, 100%, 0) 144.86%);
    background: -o-linear-gradient(272.03deg, hsla(0, 0%, 100%, 0.1) -9.81%, hsla(0, 0%, 100%, 0) 144.86%);
    background: linear-gradient(177.97deg, hsla(0, 0%, 100%, 0.1) -9.81%, hsla(0, 0%, 100%, 0) 144.86%);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.roblox-color .card-details__currency {
    background: -webkit-linear-gradient(274.39deg, rgba(217, 203, 255, 0.2) 49.73%, rgba(223, 219, 255, 0) 96.44%);
    background: -o-linear-gradient(274.39deg, rgba(217, 203, 255, 0.2) 49.73%, rgba(223, 219, 255, 0) 96.44%);
    background: linear-gradient(175.61deg, rgba(217, 203, 255, 0.2) 49.73%, rgba(223, 219, 255, 0) 96.44%);
    -webkit-box-shadow: 0 0 50px rgba(134, 114, 255, 0.3);
    box-shadow: 0 0 50px rgba(134, 114, 255, 0.3);
    color: var(--roblox-text);
}
.lol-color .card-details__currency {
    background: -webkit-linear-gradient(271.91deg, hsla(0, 0%, 100%, 0.04) 1.62%, hsla(0, 0%, 100%, 0.055) 98.39%);
    background: -o-linear-gradient(271.91deg, hsla(0, 0%, 100%, 0.04) 1.62%, hsla(0, 0%, 100%, 0.055) 98.39%);
    background: linear-gradient(178.09deg, hsla(0, 0%, 100%, 0.04) 1.62%, hsla(0, 0%, 100%, 0.055) 98.39%);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.fortnite-color .card-details__currency,
.freefire-color .card-details__currency {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.02)), to(hsla(0, 0%, 100%, 0.036)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.02), hsla(0, 0%, 100%, 0.036));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.02) 0, hsla(0, 0%, 100%, 0.036) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.02), hsla(0, 0%, 100%, 0.036));
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.bb-color .card-details__currency {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
.card-details-currency__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.pubg-color .card-details-currency__head {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 22px;
}
.new-view .card-details-currency__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
}
@media (max-width: 768px) {
    .new-view .card-details-currency__head {
        margin-bottom: 20px;
    }
}
.card-details-currency-head__icon {
    margin: 0 18px 0 0;
    text-align: center;
    width: 25px;
}
.card-details-currency-head__icon .icon {
    fill: var(--white);
    display: block;
    margin-top: -2px;
}
.xboxpage-color .card-details-currency-head__icon .icon-game-subscribe {
    margin-top: 1px;
}
.new-view .card-details-currency-head__icon {
    margin: 0 15px 0 0;
    width: 14px;
}
.bt2-color .card-details-currency-head__icon,
.warface-color .card-details-currency-head__icon {
    width: 16px;
}
.bt2-color .card-details-currency-head__icon .icon-game-subscribe,
.warface-color .card-details-currency-head__icon .icon-game-subscribe {
    margin-top: 1px;
}
.bt2-color .card-details-currency-head__icon .icon-game-currency-rouble,
.warface-color .card-details-currency-head__icon .icon-game-currency-rouble {
    height: 19px;
    margin-top: -2px;
    width: 19px;
}
.roblox-color .card-details-currency-head__icon .icon {
    fill: var(--roblox-text);
}
.nintendo-color .card-details-currency-head__icon .icon {
    fill: var(--black);
}
.card-details-currency-head__name {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
.pubg-color .card-details-currency-head__name {
    font-size: 16px;
    line-height: 16px;
}
.new-view .card-details-currency-head__name {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
.stalcraft-color .card-details-currency-head__name {
    font-family: var(--font-bebas);
    font-size: 25px;
    font-weight: 700;
    line-height: 18px;
}
.warface-color .card-details-currency-head__name {
    font-family: var(--font-warface);
    font-size: 25px;
    font-weight: 900;
    line-height: 18px;
}
.bt2-color .card-details-currency-head__name {
    font-family: var(--font-bebas);
    font-size: 25px;
    font-weight: 700;
    line-height: 18px;
}
.xboxpage-color .card-details-currency-head__name {
    font-family: var(--font-segoeui);
    font-size: 22px;
    font-weight: 700;
    line-height: 18px;
}
.nintendo-color .card-details-currency-head__name {
    font-family: var(--font-futura);
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
}
.bns-color .card-details-currency-head__name {
    font-family: var(--font-trajan-pro-3);
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
}
.genshin-color .card-details-currency-head__name {
    font-family: var(--font-genshin);
    font-size: 16px;
    font-weight: 400;
}
.aion-classic-color .card-details-currency-head__name {
    font-family: var(--font-lora);
    font-size: 18px;
    font-weight: 700;
}
.roblox-color .card-details-currency-head__name {
    font-family: var(--font-russo-one);
}
.lol-color .card-details-currency-head__name {
    font-family: var(--font-lol);
    font-size: 16px;
    font-weight: 900;
}
.freefire-color .card-details-currency-head__name {
    font-family: var(--font-ff);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
}
.fortnite-color .card-details-currency-head__name {
    font-family: var(--font-refrigerator);
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    text-transform: uppercase;
}
.card-details-currency__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.12;
    margin: 0 -5px;
}
@media (max-width: 768px) {
    .card-details-currency__list {
        font-size: 14px;
    }
}
.pubg-color .card-details-currency__list {
    margin: 0 -8px;
}
.new-view .card-details-currency__list {
    margin: 0 -15px;
}
@media (max-width: 768px) {
    .new-view .card-details-currency__list {
        margin: 0 -7px;
    }
}
.stalcraft-color .card-details-currency__list {
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 700;
    margin: 0 -10px;
}
@media (max-width: 768px) {
    .stalcraft-color .card-details-currency__list {
        margin: 0 -7px;
    }
}
.warface-color .card-details-currency__list {
    font-family: var(--font-okko);
    font-size: 14px;
    font-weight: 700;
    margin: 0 -10px;
}
@media (max-width: 768px) {
    .warface-color .card-details-currency__list {
        margin: 0 -7px;
    }
}
.bt2-color .card-details-currency__list {
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 700;
    margin: 0 -10px;
}
@media (max-width: 768px) {
    .bt2-color .card-details-currency__list {
        margin: 0 -7px;
    }
}
.xboxpage-color .card-details-currency__list {
    font-family: var(--font-segoeui);
    font-size: 14px;
    font-weight: 700;
    margin: 0 -10px;
}
@media (max-width: 768px) {
    .xboxpage-color .card-details-currency__list {
        margin: 0 -7px;
    }
}
.bns-color .card-details-currency__list,
.nintendo-color .card-details-currency__list {
    font-family: var(--font-gotham);
    font-size: 14px;
    font-weight: 700;
    margin: 0 -10px;
}
@media (max-width: 768px) {
    .bns-color .card-details-currency__list,
    .nintendo-color .card-details-currency__list {
        margin: 0 -7px;
    }
}
.genshin-color .card-details-currency__list {
    font-family: var(--font-montserrat);
    font-weight: 700;
    margin: 0 -10px;
}
@media (max-width: 768px) {
    .genshin-color .card-details-currency__list {
        margin: 0 -7px;
    }
}
.aion-classic-color .card-details-currency__list {
    font-family: var(--font-montserrat);
    font-weight: 700;
    margin: 0 -10px;
}
@media (max-width: 768px) {
    .aion-classic-color .card-details-currency__list {
        margin: 0 -7px;
    }
}
.roblox-color .card-details-currency__list {
    font-family: var(--font-russo-one);
    font-weight: 400;
}
.lol-color .card-details-currency__list {
    font-family: var(--font-lol);
    font-size: 16px;
    font-weight: 900;
}
.freefire-color .card-details-currency__list {
    font-family: var(--font-ff);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 0 -10px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .freefire-color .card-details-currency__list {
        margin: 0 -7px;
    }
}
.fortnite-color .card-details-currency__list {
    font-family: var(--font-refrigerator);
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    margin: 0 -10px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .fortnite-color .card-details-currency__list {
        margin: 0 -7px;
    }
}
.card-details-currency__item {
    --duration: 0.5s;
    --move-hover: -4px;
    margin-bottom: 8px;
    padding: 2px 5px;
}
@media (max-width: 380px) {
    .card-details-currency__item {
        padding: 2px 4px;
    }
}
.pubg-color .card-details-currency__item {
    margin-bottom: 12px;
    padding: 0 8px;
}
.new-view .card-details-currency__item {
    margin-bottom: 15px;
    padding: 0 15px;
}
@media (max-width: 768px) {
    .new-view .card-details-currency__item {
        margin-bottom: 10px;
        padding: 0 7px;
    }
}
.aion-classic-color .card-details-currency__item,
.bns-color .card-details-currency__item,
.bt2-color .card-details-currency__item,
.fortnite-color .card-details-currency__item,
.freefire-color .card-details-currency__item,
.genshin-color .card-details-currency__item,
.nintendo-color .card-details-currency__item,
.stalcraft-color .card-details-currency__item,
.warface-color .card-details-currency__item,
.xboxpage-color .card-details-currency__item {
    margin-bottom: 10px;
    padding: 0 10px;
}
@media (max-width: 768px) {
    .aion-classic-color .card-details-currency__item,
    .bns-color .card-details-currency__item,
    .bt2-color .card-details-currency__item,
    .fortnite-color .card-details-currency__item,
    .freefire-color .card-details-currency__item,
    .genshin-color .card-details-currency__item,
    .nintendo-color .card-details-currency__item,
    .stalcraft-color .card-details-currency__item,
    .warface-color .card-details-currency__item,
    .xboxpage-color .card-details-currency__item {
        margin-bottom: 10px;
        padding: 0 7px;
    }
}
.card-details-currency__item a {
    background-color: hsla(0, 0%, 100%, 0.1);
    border-radius: var(--br-5);
    color: hsla(0, 0%, 100%, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 8px;
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.pubg-color .card-details-currency__item a {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.07)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0.07) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .pubg-color .card-details-currency__item a {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
.new-view .card-details-currency__item a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 38px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .new-view .card-details-currency__item a {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
.bt2-color .card-details-currency__item a,
.warface-color .card-details-currency__item a {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-85.71%, rgba(84, 105, 151, 0)), color-stop(194.64%, #2e374b));
    background: -webkit-linear-gradient(bottom, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
    background: -o-linear-gradient(bottom, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
    background: linear-gradient(0deg, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
    color: hsla(0, 0%, 100%, 0.6);
    padding: 6px 8px;
}
.xboxpage-color .card-details-currency__item a {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.14)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0.14) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    color: hsla(0, 0%, 100%, 0.6);
    padding: 6px 8px;
}
.nintendo-color .card-details-currency__item a {
    background: var(--white);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
    padding: 6px 8px;
}
.roblox-color .card-details-currency__item a {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.35)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.35));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.5) 0, hsla(0, 0%, 100%, 0.35) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.35));
    color: rgba(70, 69, 73, 0.7);
}
.fortnite-color .card-details-currency__item a,
.freefire-color .card-details-currency__item a {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.14)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0.14) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    color: hsla(0, 0%, 100%, 0.6);
}
.card-details-currency__item a span {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    font-style: normal;
}
.card-details-currency__item a span:first-child {
    --d: 0.05s;
}
.card-details-currency__item a span:nth-child(2) {
    --d: 0.1s;
}
.card-details-currency__item a span:nth-child(3) {
    --d: 0.15s;
}
.card-details-currency__item a span:nth-child(4) {
    --d: 0.2s;
}
.card-details-currency__item a span:nth-child(5) {
    --d: 0.25s;
}
.card-details-currency__item a span:nth-child(6) {
    --d: 0.3s;
}
.card-details-currency__item a span:nth-child(7) {
    --d: 0.35s;
}
.card-details-currency__item a span:nth-child(8) {
    --d: 0.4s;
}
.card-details-currency__item a span:nth-child(9) {
    --d: 0.45s;
}
.card-details-currency__item a span.m {
    margin-right: 5px;
}
.card-details-currency__item:hover {
    --y: var(--move-hover);
    --move: -4px;
}
.card-details-currency__item:hover a {
    background-color: #210c0c;
    color: var(--white);
    opacity: 1;
}
.pubg-color .card-details-currency__item:hover a {
    background: var(--pubg-color);
    color: var(--pubg-bg);
}
.warface-color .card-details-currency__item:hover a {
    background: var(--warface-color-2);
    color: var(--white);
}
.bt2-color .card-details-currency__item:hover a {
    background: var(--bt2-light);
    color: var(--black);
}
.xboxpage-color .card-details-currency__item:hover a {
    background: var(--xbox-color-1);
    color: var(--white);
}
.nintendo-color .card-details-currency__item:hover a {
    background: var(--nintendo-link);
    color: var(--white);
}
.stalcraft-color .card-details-currency__item:hover a {
    background: var(--stalcraft-color);
    color: var(--black);
}
.bns-color .card-details-currency__item:hover a {
    background: var(--bns-price);
    color: var(--white);
}
.genshin-color .card-details-currency__item:hover a {
    background: var(--genshin-btn);
    color: var(--black);
}
.aion-classic-color .card-details-currency__item:hover a {
    background: var(--aion-classic-btn);
    color: var(--black);
}
.roblox-color .card-details-currency__item:hover a {
    background: var(--roblox-color);
    color: var(--black);
}
.bb-color .card-details-currency__item:hover a {
    background: var(--ml-color);
    color: var(--black);
}
.freefire-color .card-details-currency__item:hover a {
    background: var(--ff-bg);
    color: var(--black);
}
.fortnite-color .card-details-currency__item:hover a {
    background: var(--fortnite-color-2);
    color: var(--black);
}
.lol-color .card-details-currency__item:hover a {
    background: var(--lol-color-2);
}
.card-details-currency__item:hover span {
    -webkit-animation: move var(--duration) linear var(--d);
    animation: move var(--duration) linear var(--d);
}
.card-details-currency__item.active {
    padding: 0 4px;
}
.pubg-color .card-details-currency__item.active {
    margin: 0 8px 12px;
    padding: 0;
}
.new-view .card-details-currency__item.active {
    margin: 0 15px 15px;
    padding: 0;
}
@media (max-width: 768px) {
    .new-view .card-details-currency__item.active {
        margin: 0 7px 10px;
    }
}
.aion-classic-color .card-details-currency__item.active,
.bns-color .card-details-currency__item.active,
.fortnite-color .card-details-currency__item.active,
.freefire-color .card-details-currency__item.active,
.genshin-color .card-details-currency__item.active,
.stalcraft-color .card-details-currency__item.active {
    margin: 0 10px 10px;
    padding: 0;
}
@media (max-width: 768px) {
    .aion-classic-color .card-details-currency__item.active,
    .bns-color .card-details-currency__item.active,
    .fortnite-color .card-details-currency__item.active,
    .freefire-color .card-details-currency__item.active,
    .genshin-color .card-details-currency__item.active,
    .stalcraft-color .card-details-currency__item.active {
        margin: 0 7px 10px;
    }
}
.card-details-currency__item.active span {
    background: #210c0c;
    border: 2px solid #c74242;
    border-radius: 5px;
    color: var(--white);
    display: block;
    padding: 5px 8px;
}
.pubg-color .card-details-currency__item.active span {
    background: var(--pubg-color);
    border-color: transparent;
    color: var(--pubg-bg);
    padding: 3px 8px;
}
.new-view .card-details-currency__item.active span {
    border-color: transparent;
    padding: 3px 8px;
}
.warface-color .card-details-currency__item.active span {
    background: var(--warface-color-2);
    color: var(--white);
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.bt2-color .card-details-currency__item.active span {
    background: var(--bt2-light);
    color: var(--black);
}
.xboxpage-color .card-details-currency__item.active span {
    background: var(--xbox-color-1);
    color: var(--white);
}
.nintendo-color .card-details-currency__item.active span {
    background: var(--nintendo-link);
    color: var(--white);
}
.bb-color .card-details-currency__item.active span {
    background: var(--ml-color);
    color: var(--black);
}
.stalcraft-color .card-details-currency__item.active span {
    background: var(--stalcraft-color);
    color: var(--black);
}
.bns-color .card-details-currency__item.active span {
    background: var(--bns-price);
    color: var(--white);
}
.genshin-color .card-details-currency__item.active span {
    background: var(--genshin-btn);
    color: var(--black);
}
.aion-classic-color .card-details-currency__item.active span {
    background: var(--aion-classic-btn);
    color: var(--black);
}
.roblox-color .card-details-currency__item.active span {
    background: var(--roblox-color);
    color: var(--black);
}
.freefire-color .card-details-currency__item.active span {
    background: var(--ff-bg);
    color: var(--black);
}
.fortnite-color .card-details-currency__item.active span {
    background: var(--fortnite-color-2);
    color: var(--black);
}
.lol-color .card-details-currency__item.active span {
    background: var(--lol-color-2);
}
.card-details__adaptive {
    display: none;
}
@media (max-width: 768px) {
    .card-details__adaptive {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
}
.card-details-adaptive__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(44, 47, 50, 0.8);
    border-radius: var(--br-5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    justify-content: center;
    margin: 0 15px 0 0;
    width: 30px;
}
.pubg-color .card-details-adaptive__icon {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.07)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0.07) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .pubg-color .card-details-adaptive__icon {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
.card-details-adaptive__icon .icon {
    --color-1: var(--white);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.active .card-details-adaptive__icon .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.card-details-adaptive__name {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
.card-details__info {
    font-size: 14px;
    line-height: 1.4;
    padding: 15px 0 6px;
}
@media (max-width: 768px) {
    .card-details__info {
        display: none;
    }
}
.pubg-color .card-details__info {
    padding: 16px 0 6px;
}
.card-details-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
    padding: 0 5px;
    position: relative;
}
.card-details-info-item__label {
    color: var(--white);
    font-weight: 500;
    max-width: 138px;
    padding: 0 8px 0 0;
    width: 100%;
}
.pubg-color .card-details-info-item__label {
    max-width: 128px;
}
.card-details-info-item__value {
    -webkit-box-flex: 1;
    color: hsla(0, 0%, 100%, 0.8);
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.card-details-info-item__value-text-dots {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='25' height='17' rx='2' fill='%232C2F32'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5' fill='%23C4C4C4'/%3E%3Ccircle cx='12.5' cy='8.5' r='1.5' fill='%23C4C4C4'/%3E%3Ccircle cx='17.5' cy='8.5' r='1.5' fill='%23C4C4C4'/%3E%3C/svg%3E")
        50% 50% no-repeat;
    background-size: contain;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin: 0 0 0 10px;
    padding: 0 5px;
    vertical-align: middle;
    width: 25px;
}
.card-details-info-item__value-text-full {
    background: #fff;
    border-radius: 5px;
    color: #000;
    opacity: 0;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    visibility: hidden;
    z-index: 2;
}
.card-details-info-item__value-text-full:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg class='dont-edit' width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='var(--bg-2)' d='m14.863.016 2.121 2.121-14.85 14.85-2.12-2.122z'/%3E%3Cpath fill='var(--bg-2)' d='M.016 2.137 2.137.015l14.85 14.85-2.122 2.12z'/%3E%3C/svg%3E")
        50% 50% no-repeat;
    background-size: contain;
    content: "";
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 10px;
}
.card-details-info-item__value-text-full.active {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: visible;
}
.card-detail-new > .game-detail-bg.maxh-70 {
    max-height: 100vh;
}
.card-detail-new__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    min-height: -webkit-calc(100vh - 80px);
    min-height: calc(100vh - 80px);
}
.card-detail-new__bottom {
    bottom: 0;
    width: 200px;
}
@media (max-width: 1024px) {
    .card-detail-new__bottom {
        display: none;
    }
}
.card-detail-new__header {
    margin-bottom: 20px;
}
.card-detail-new-header__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.card-detail-new-header__age-limit {
    margin: 0 20px 0 0;
}
.card-detail-new-header__age-limit span {
    background-color: var(--bg-1);
    border-radius: 10px;
    color: var(--white);
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 11px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    vertical-align: top;
}
.card-detail-new-header__type {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    max-width: 400px;
    padding: 16px;
}
@media (max-width: 768px) {
    .card-detail-new-header__type {
        padding: 10px;
    }
}
@media (max-width: 576px) {
    .card-detail-new-header__type {
        max-width: 100%;
    }
}
.card-detail-new-header-type__item {
    background: #210c0c;
    border: 2px solid var(--bg-1);
    border-radius: 5px;
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin: 0 18px 0 0;
    padding: 8px;
}
@media (max-width: 768px) {
    .card-detail-new-header-type__item {
        margin: 0 12px 0 0;
    }
}
.card-detail-new-header-type__item .icon {
    fill: #fff;
}
.card-detail-new-header-type__item .icon.icon-game-currency {
    margin: 0 0 -2px;
}
.card-detail-new-header-type__name {
    color: var(--price-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
    .card-detail-new-header-type__name {
        font-size: 12px;
    }
}
.card-detail-new-header-type__name a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.card-detail-new__h1 {
    color: var(--white);
    font-size: 46px;
    line-height: 1.4;
    margin-bottom: 15px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .card-detail-new__h1 {
        font-size: 32px;
    }
}
@media (max-width: 768px) {
    .card-detail-new__h1 {
        font-size: 24px;
    }
}
.card-detail-new__desc {
    background-color: rgba(199, 66, 66, 0.8);
    border-radius: 10px;
    color: var(--white);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 0 auto;
    max-width: 306px;
    padding: 3px 3px 50px;
    position: relative;
    text-align: left;
}
@media (max-width: 768px) {
    .card-detail-new__desc {
        margin: 0 auto 0 0;
        max-width: 400px;
    }
}
@media (max-width: 576px) {
    .card-detail-new__desc {
        margin: 0;
        max-width: 100%;
    }
}
.card-detail-new-desc__back {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    padding: 15px 20px 12px;
    position: relative;
}
.card-detail-new__price {
    margin-bottom: 15px;
    position: relative;
}
.card-detail-new-price__discount {
    background-color: var(--bg-1);
    border-radius: 5px;
    color: #fff;
    line-height: 1.4;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.card-detail-new-price__label {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 4px;
    opacity: 0.8;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
.card-detail-new-price__value {
    color: var(--price-color);
    font-size: 34px;
    font-weight: 400;
}
.card-detail-new-price__value span {
    color: hsla(0, 0%, 100%, 0.5);
    margin-left: 30px;
    text-decoration: line-through;
}
.card-detail-new__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
}
.card-detail-new__buttons .btn {
    margin: 0 20px 0 0;
    padding: 14px 20px 12px;
}
@media (max-width: 768px) {
    .card-detail-new__buttons .btn {
        padding: 8px 20px;
    }
}
.card-detail-new__buttons .btn:last-child {
    margin: 0;
    max-width: 75px;
}
.card-detail-new__buttons .btn:last-child .icon {
    margin: 0;
}
.card-detail-new__buttons .btn:last-child span {
    display: none;
}
.card-detail-new-bonus__label {
    opacity: 0.8;
    text-transform: uppercase;
}
.card-detail-new-bonus__icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
}
.card-detail-new-bonus__icons a {
    margin: 0 20px;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.card-detail-new-bonus__icons .icon {
    display: block;
    -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.15));
}
.card-detail-new-bonus__icons .icon.icon-bonus-multy {
    margin-bottom: 2px;
}
@-webkit-keyframes fadeOut05 {
    0% {
        opacity: 0.5;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut05 {
    0% {
        opacity: 0.5;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes hover {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@keyframes hover {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes pulse2 {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.35, 1.35, 1.35);
        transform: scale3d(1.35, 1.35, 1.35);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes pulse2 {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.35, 1.35, 1.35);
        transform: scale3d(1.35, 1.35, 1.35);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@-webkit-keyframes move {
    40% {
        -webkit-transform: translateY(var(--move));
        transform: translateY(var(--move));
    }
}
@keyframes move {
    40% {
        -webkit-transform: translateY(var(--move));
        transform: translateY(var(--move));
    }
}
@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@-webkit-keyframes goDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    75% {
        opacity: 0.65;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}
@keyframes goDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    75% {
        opacity: 0.65;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}
@-webkit-keyframes run {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    75% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes run {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    75% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes run2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes run2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes flowbg {
    0% {
        opacity: 0.4;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        opacity: 0.5;
        -webkit-transform: translate(10%, -10px);
        transform: translate(10%, -10px);
    }
    40% {
        opacity: 0.3;
        -webkit-transform: translate(4%, 10px);
        transform: translate(4%, 10px);
    }
    60% {
        opacity: 0.5;
        -webkit-transform: translate(-2%, -20px);
        transform: translate(-2%, -20px);
    }
    80% {
        opacity: 0.2;
        -webkit-transform: translate(5%, 40px);
        transform: translate(5%, 40px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes flowbg {
    0% {
        opacity: 0.4;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        opacity: 0.5;
        -webkit-transform: translate(10%, -10px);
        transform: translate(10%, -10px);
    }
    40% {
        opacity: 0.3;
        -webkit-transform: translate(4%, 10px);
        transform: translate(4%, 10px);
    }
    60% {
        opacity: 0.5;
        -webkit-transform: translate(-2%, -20px);
        transform: translate(-2%, -20px);
    }
    80% {
        opacity: 0.2;
        -webkit-transform: translate(5%, 40px);
        transform: translate(5%, 40px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@-webkit-keyframes skew {
    0% {
        -webkit-transform: skew(0, 0);
        transform: skew(0, 0);
    }
    25% {
        -webkit-transform: skew(2deg, 0);
        transform: skew(2deg, 0);
    }
    50% {
        -webkit-transform: skew(-6deg, 0);
        transform: skew(-6deg, 0);
    }
    75% {
        -webkit-transform: skew(-1deg, 0);
        transform: skew(-1deg, 0);
    }
    to {
        -webkit-transform: skew(-3deg, 0);
        transform: skew(-3deg, 0);
    }
}
@-webkit-keyframes skew2 {
    0% {
        -webkit-transform: skew(0, 0);
        transform: skew(0, 0);
    }
    25% {
        -webkit-transform: skew(1deg, 0);
        transform: skew(1deg, 0);
    }
    50% {
        -webkit-transform: skew(-12deg, 0);
        transform: skew(-12deg, 0);
    }
    75% {
        -webkit-transform: skew(-2deg, 0);
        transform: skew(-2deg, 0);
    }
    to {
        -webkit-transform: skew(-14deg, 0);
        transform: skew(-14deg, 0);
    }
}
@keyframes skew2 {
    0% {
        -webkit-transform: skew(0, 0);
        transform: skew(0, 0);
    }
    25% {
        -webkit-transform: skew(1deg, 0);
        transform: skew(1deg, 0);
    }
    50% {
        -webkit-transform: skew(-12deg, 0);
        transform: skew(-12deg, 0);
    }
    75% {
        -webkit-transform: skew(-2deg, 0);
        transform: skew(-2deg, 0);
    }
    to {
        -webkit-transform: skew(-14deg, 0);
        transform: skew(-14deg, 0);
    }
}
@-webkit-keyframes apex-robot {
    0% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0);
    }
    15% {
        -webkit-transform: rotate(-4deg) translate(-50px, 5px);
        transform: rotate(-4deg) translate(-50px, 5px);
    }
    40% {
        -webkit-transform: rotate(4deg) translate(-30px, -25px);
        transform: rotate(4deg) translate(-30px, -25px);
    }
    60% {
        -webkit-transform: rotate(-8deg) translate(10px, 5px);
        transform: rotate(-8deg) translate(10px, 5px);
    }
    80% {
        -webkit-transform: rotate(-2deg) translate(30px, 15px);
        transform: rotate(-2deg) translate(30px, 15px);
    }
    90% {
        -webkit-transform: rotate(-4deg) translate(-10px, -5px);
        transform: rotate(-4deg) translate(-10px, -5px);
    }
    to {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0);
    }
}
@keyframes apex-robot {
    0% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0);
    }
    15% {
        -webkit-transform: rotate(-4deg) translate(-50px, 5px);
        transform: rotate(-4deg) translate(-50px, 5px);
    }
    40% {
        -webkit-transform: rotate(4deg) translate(-30px, -25px);
        transform: rotate(4deg) translate(-30px, -25px);
    }
    60% {
        -webkit-transform: rotate(-8deg) translate(10px, 5px);
        transform: rotate(-8deg) translate(10px, 5px);
    }
    80% {
        -webkit-transform: rotate(-2deg) translate(30px, 15px);
        transform: rotate(-2deg) translate(30px, 15px);
    }
    90% {
        -webkit-transform: rotate(-4deg) translate(-10px, -5px);
        transform: rotate(-4deg) translate(-10px, -5px);
    }
    to {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0);
    }
}
@-webkit-keyframes psn-first {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0deg) translate(0) scale(1);
        transform: rotate(0deg) translate(0) scale(1);
    }
    15% {
        opacity: 0.7;
        -webkit-transform: rotate(-4deg) translate(-50px, 5px) scale(0.95);
        transform: rotate(-4deg) translate(-50px, 5px) scale(0.95);
    }
    40% {
        opacity: 0.9;
        -webkit-transform: rotate(4deg) translate(-30px, -25px) scale(1);
        transform: rotate(4deg) translate(-30px, -25px) scale(1);
    }
    60% {
        opacity: 0.6;
        -webkit-transform: rotate(-8deg) translate(10px, 5px) scale(1.04);
        transform: rotate(-8deg) translate(10px, 5px) scale(1.04);
    }
    80% {
        opacity: 1;
        -webkit-transform: rotate(-2deg) translate(30px, 15px) scale(1.02);
        transform: rotate(-2deg) translate(30px, 15px) scale(1.02);
    }
    90% {
        opacity: 0.8;
        -webkit-transform: rotate(-4deg) translate(-10px, -5px) scale(0.95);
        transform: rotate(-4deg) translate(-10px, -5px) scale(0.95);
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(0deg) translate(0) scale(1);
        transform: rotate(0deg) translate(0) scale(1);
    }
}
@keyframes psn-first {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0deg) translate(0) scale(1);
        transform: rotate(0deg) translate(0) scale(1);
    }
    15% {
        opacity: 0.7;
        -webkit-transform: rotate(-4deg) translate(-50px, 5px) scale(0.95);
        transform: rotate(-4deg) translate(-50px, 5px) scale(0.95);
    }
    40% {
        opacity: 0.9;
        -webkit-transform: rotate(4deg) translate(-30px, -25px) scale(1);
        transform: rotate(4deg) translate(-30px, -25px) scale(1);
    }
    60% {
        opacity: 0.6;
        -webkit-transform: rotate(-8deg) translate(10px, 5px) scale(1.04);
        transform: rotate(-8deg) translate(10px, 5px) scale(1.04);
    }
    80% {
        opacity: 1;
        -webkit-transform: rotate(-2deg) translate(30px, 15px) scale(1.02);
        transform: rotate(-2deg) translate(30px, 15px) scale(1.02);
    }
    90% {
        opacity: 0.8;
        -webkit-transform: rotate(-4deg) translate(-10px, -5px) scale(0.95);
        transform: rotate(-4deg) translate(-10px, -5px) scale(0.95);
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(0deg) translate(0) scale(1);
        transform: rotate(0deg) translate(0) scale(1);
    }
}
@-webkit-keyframes lol-slider-rotate {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }
}
@keyframes lol-slider-rotate {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }
}
@-webkit-keyframes lol-slider-pagi {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}
@keyframes lol-slider-pagi {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}
@-webkit-keyframes lol-slider-item {
    0% {
        height: 0;
        opacity: 0;
    }
    to {
        height: 100%;
        opacity: 1;
    }
}
@keyframes lol-slider-item {
    0% {
        height: 0;
        opacity: 0;
    }
    to {
        height: 100%;
        opacity: 1;
    }
}
@-webkit-keyframes genshin-slider-item {
    0% {
        opacity: 0;
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    to {
        opacity: 1;
        -webkit-transform: skew(0deg);
        transform: skew(0deg);
    }
}
@keyframes genshin-slider-item {
    0% {
        opacity: 0;
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    to {
        opacity: 1;
        -webkit-transform: skew(0deg);
        transform: skew(0deg);
    }
}
@-webkit-keyframes genshin-slider-pagi {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes genshin-slider-pagi {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes move_forvard {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    20% {
        opacity: 0.8;
    }
    40% {
        opacity: 0.9;
    }
    60% {
        opacity: 0.7;
    }
    80% {
        opacity: 0.9;
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes move_forvard {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    20% {
        opacity: 0.8;
    }
    40% {
        opacity: 0.9;
    }
    60% {
        opacity: 0.7;
    }
    80% {
        opacity: 0.9;
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@-webkit-keyframes pulse {
    0% {
        opacity: 0.02;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
    30% {
        opacity: 0.015;
        -webkit-transform: translate(-50%, -50%) scale(0.95);
        transform: translate(-50%, -50%) scale(0.95);
    }
    70% {
        opacity: 0.022;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
    }
    to {
        opacity: 0.02;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}
@-webkit-keyframes move_forvard_2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }
    20% {
        opacity: 0.9;
    }
    40% {
        opacity: 0.5;
    }
    60% {
        opacity: 0.8;
    }
    80% {
        opacity: 0.5;
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}
@keyframes move_forvard_2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }
    20% {
        opacity: 0.9;
    }
    40% {
        opacity: 0.5;
    }
    60% {
        opacity: 0.8;
    }
    80% {
        opacity: 0.5;
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}
@-webkit-keyframes card_fadeDown {
    0% {
        margin-bottom: 10px;
        opacity: 0;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    to {
        margin-bottom: 0;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes card_fadeDown {
    0% {
        margin-bottom: 10px;
        opacity: 0;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    to {
        margin-bottom: 0;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes loading {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    to {
        opacity: 1;
    }
}
@keyframes loading {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes line {
    0% {
        opacity: 1;
        -webkit-transform: translate(0) scaleX(1);
        transform: translate(0) scaleX(1);
    }
    50% {
        opacity: 0.8;
        -webkit-transform: translateY(-30px) scaleX(0.96);
        transform: translateY(-30px) scaleX(0.96);
    }
    80% {
        opacity: 0.6;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-60px) scaleX(0.9);
        transform: translateY(-60px) scaleX(0.9);
    }
}
@keyframes line {
    0% {
        opacity: 1;
        -webkit-transform: translate(0) scaleX(1);
        transform: translate(0) scaleX(1);
    }
    50% {
        opacity: 0.8;
        -webkit-transform: translateY(-30px) scaleX(0.96);
        transform: translateY(-30px) scaleX(0.96);
    }
    80% {
        opacity: 0.6;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-60px) scaleX(0.9);
        transform: translateY(-60px) scaleX(0.9);
    }
}
@-webkit-keyframes animateSpin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg);
    }
}
@keyframes animateSpin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg);
    }
}
@keyframes pulse {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0.1;
    }
}
@-webkit-keyframes bounce2 {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@-webkit-keyframes heartBeat2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    42% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes heartBeat2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    42% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes scale9 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.96);
        transform: scale(0.96);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scale9 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.96);
        transform: scale(0.96);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes scale6 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scale6 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes btn-bounce {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleX(3);
        transform: translateZ(0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-webkit-calc(75% + 25px), 0, 0) scaleX(1);
        transform: translate3d(calc(75% + 25px), 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-webkit-calc(75% - 10px), 0, 0) scaleX(0.98);
        transform: translate3d(calc(75% - 10px), 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-webkit-calc(75% + 5px), 0, 0) scaleX(0.995);
        transform: translate3d(calc(75% + 5px), 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(75%, 0, 0) scaleX(1);
        transform: translate3d(75%, 0, 0) scaleX(1);
    }
}
@keyframes btn-bounce {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0) scaleX(3);
        transform: translateZ(0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-webkit-calc(75% + 25px), 0, 0) scaleX(1);
        transform: translate3d(calc(75% + 25px), 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-webkit-calc(75% - 10px), 0, 0) scaleX(0.98);
        transform: translate3d(calc(75% - 10px), 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-webkit-calc(75% + 5px), 0, 0) scaleX(0.995);
        transform: translate3d(calc(75% + 5px), 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translate3d(75%, 0, 0) scaleX(1);
        transform: translate3d(75%, 0, 0) scaleX(1);
    }
}
@-webkit-keyframes timerAnimate {
    0% {
        stroke-dasharray: 0 360;
    }
    to {
        stroke-dashoffset: 0;
        stroke-dasharray: 207;
    }
}
@keyframes timerAnimate {
    0% {
        stroke-dasharray: 0 360;
    }
    to {
        stroke-dashoffset: 0;
        stroke-dasharray: 207;
    }
}
@-webkit-keyframes swordAnimate {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
    10% {
        -webkit-transform: scale(1.5) rotate(120deg);
        transform: scale(1.5) rotate(120deg);
    }
    20% {
        -webkit-transform: scale(0.5) rotate(240deg);
        transform: scale(0.5) rotate(240deg);
    }
    30% {
        -webkit-transform: scale(1) rotate(1turn);
        transform: scale(1) rotate(1turn);
    }
    to {
        -webkit-transform: scale(1) rotate(1turn);
        transform: scale(1) rotate(1turn);
    }
}
@keyframes swordAnimate {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
    10% {
        -webkit-transform: scale(1.5) rotate(120deg);
        transform: scale(1.5) rotate(120deg);
    }
    20% {
        -webkit-transform: scale(0.5) rotate(240deg);
        transform: scale(0.5) rotate(240deg);
    }
    30% {
        -webkit-transform: scale(1) rotate(1turn);
        transform: scale(1) rotate(1turn);
    }
    to {
        -webkit-transform: scale(1) rotate(1turn);
        transform: scale(1) rotate(1turn);
    }
}
@-webkit-keyframes arrowAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    20% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    80% {
        opacity: 0.2;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
}
@keyframes arrowAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    20% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    80% {
        opacity: 0.2;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
}
.animate-out .animate__animated.animate__fadeInUpMin {
    -webkit-animation-name: fadeOutDownMin;
    animation-name: fadeOutDownMin;
}
.ajax-popup-block .mfp-content {
    background-color: transparent;
    width: auto;
}
.ajax-popup-block.mfp-close-btn-in .mfp-close {
    color: var(--white);
}
.popup-block__bg {
    background-color: rgba(31, 34, 38, 0.8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1002;
}
.popup__block.card__popup {
    margin: 0 auto;
    max-width: 480px;
    position: relative;
    width: 100%;
}
.popup__block--hidden {
    display: none;
}
.popup__block--show {
    display: block;
}
.popup__block--show.card__popup {
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1003;
}
.popup__block .error-alert {
    background: #342a2a;
    border: 2px solid var(--bg-1);
    border-radius: var(--br-5);
    color: var(--white);
    display: none;
    font-size: 12px;
    margin-top: 8px;
    padding: 11px 20px;
}
.popup__block .error-alert.mini {
    background: none;
    border: none;
    border-radius: 0;
    color: var(--bg-1);
    padding: 0;
}
.popup__block .info-alert {
    background: #342a2a;
    border: 2px solid var(--bg-1);
    border-radius: var(--br-5);
    color: var(--white);
    display: block;
    font-size: 12px;
    margin-top: 8px;
    padding: 11px 20px;
}
.popup__block .card__popup-close {
    --bg-2: var(--white);
    cursor: pointer;
    margin: 20px 20px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.popup__block .card__popup-close:hover {
    opacity: 0.65;
}
.popup-block__back {
    background-color: var(--bg-2);
    border-radius: 10px;
    color: var(--white);
    padding: 30px;
}
@media (max-width: 374px) {
    .popup-block__back {
        padding: 15px;
    }
}
.popup-block__back form {
    position: relative;
}
.popup-block__name {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.popup-block__picture {
    min-height: 180px;
    padding: 20px 0;
    text-align: center;
}
.popup-block__desc {
    color: var(--info-grey-color);
    font-size: 14px;
    line-height: 1.428;
    margin-bottom: 20px;
}
.popup-block__desc.center {
    text-align: center;
}
.popup-block__desc a.info-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.popup-block__desc a.info-link span {
    border-bottom: 1px dashed var(--white);
}
.popup-block__desc a.info-link .icon {
    stroke: var(--white);
    display: block;
    margin: 0 10px 0 0;
}
.popup-block__desc.mini {
    font-size: 11px;
    line-height: 18px;
}
.popup-block__desc.mini span,
.popup-block__desc.mini span a {
    color: var(--white);
}
.popup-block__details {
    position: relative;
}
.popup-block__checkbox {
    margin-bottom: 4px;
}
.popup-block__checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.popup-block__checkbox input[type="checkbox"] + label {
    color: #b5b5b5;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 300;
    padding-left: 26px;
    position: relative;
}
.popup-block__checkbox input[type="checkbox"] + label:after,
.popup-block__checkbox input[type="checkbox"] + label:before {
    content: "";
    position: absolute;
}
.popup-block__checkbox input[type="checkbox"] + label:before {
    background: #1f2226;
    border-radius: 3px;
    height: 15px;
    left: 0;
    top: 0;
    width: 15px;
}
.popup-block__checkbox input[type="checkbox"] + label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.207 1.707 3.5 7.414.293 4.207l1.414-1.414L3.5 4.586 7.793.293l1.414 1.414Z' fill='%23C74242'/%3E%3C/svg%3E");
    height: 8px;
    left: 3px;
    opacity: 0;
    top: 4px;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 10px;
}
.popup-block__checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.popup__subscribe {
    background: var(--bg-input);
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 20px;
}
@media (max-width: 374px) {
    .popup__subscribe {
        padding: 10px;
    }
}
.popup-subscribe__back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 374px) {
    .popup-subscribe__back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
}
.popup-subscribe__logo {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding-left: 15px;
    padding-right: 15px;
}
.popup-subscribe__logo .icon {
    max-width: 100%;
}
.popup-subscribe__date {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    font-size: 14px;
    max-width: none;
    padding-left: 25px;
    padding-right: 12px;
    text-align: right;
    width: auto;
}
@media (max-width: 374px) {
    .popup-subscribe__date {
        -webkit-box-flex: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: auto 0 0px;
        flex: auto 0 0;
        font-size: 12px;
        max-width: none;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
    }
}
.popup-subscribe__days {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    max-width: none;
    padding-left: 12px;
    padding-right: 25px;
    width: auto;
}
@media (max-width: 374px) {
    .popup-subscribe__days {
        padding-right: 10px;
    }
}
.popup-subscribe-days__icon {
    margin: 2px 0 0 -4px;
    position: relative;
}
.popup-subscribe-days__countdown {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    left: 0;
    padding-top: 8px;
    position: absolute;
    top: 0;
    width: 36px;
}
.popup-subscribe-days__countdown,
.popup-subscribe__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.popup-subscribe__info {
    margin-bottom: 20px;
}
.popup-subscribe__info.magnit {
    margin-top: -30px;
}
.popup-subscribe__info.x5club {
    margin-top: -20px;
}
.popup-subscribe-info__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    margin: 0 15px 0 0;
    width: 25px;
}
.popup-subscribe-info__icon .icon {
    height: 25px;
    width: 25px;
}
.popup-subscribe-info__desc {
    color: var(--info-grey-color);
    font-size: 14px;
    line-height: 20px;
}
.popup-subscribe-info__desc.mini {
    font-size: 12px;
    line-height: 16px;
}
.popup-subscribe-info__desc span,
.popup-subscribe-info__desc span a {
    color: var(--white);
}
.popup-subscribe__disable {
    font-size: 14px;
    margin-bottom: -10px;
    padding: 25px 0 0;
    position: relative;
    text-align: center;
    width: 100%;
}
@media (max-width: 374px) {
    .popup-subscribe__disable {
        margin-bottom: -5px;
    }
}
.popup-subscribe__disable:before {
    background: #2c2f32;
    content: "";
    height: 1px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 16px;
}
.popup-subscribe__disable a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
    -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
    -o-transition: color 0.2s ease, border-bottom-color 0.2s ease;
    transition: color 0.2s ease, border-bottom-color 0.2s ease;
}
.popup-subscribe__disable a:hover {
    border-bottom-color: hsla(0, 0%, 100%, 0.6);
    color: hsla(0, 0%, 100%, 0.6);
}
.popup-subscribe__disable a .icon {
    stroke: var(--bg-1);
    stroke-width: 2;
    display: block;
    height: 12px;
    margin: 0 8px 1px 0;
    width: 12px;
}
.popup-subscribe-disable__block {
    padding: 10px 15px;
    text-align: left;
}
.popup-subscribe__button .btn {
    border: 2px solid var(--bg-1);
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 10px 10px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
.popup-subscribe__details .error-alert {
    margin-top: 18px;
}
.popup-subscribe-details__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 15px;
    padding-right: 50px;
    text-transform: uppercase;
}
.popup-subscribe__checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.popup-subscribe-checkbox__info {
    color: var(--info-grey-color);
    font-size: 14px;
    line-height: 20px;
}
.popup-subscribe-checkbox__info span {
    color: var(--white);
    display: block;
    font-weight: 500;
}
.popup-subscribe-checkbox__input {
    height: 30px;
    position: relative;
    width: 68px;
}
.popup-subscribe-checkbox__input input[type="checkbox"],
.popup-subscribe-checkbox__input input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.popup-subscribe-checkbox__input input[type="checkbox"] ~ label,
.popup-subscribe-checkbox__input input[type="radio"] ~ label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 23px;
    color: var(--white);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 9px;
    height: 30px;
    justify-content: center;
    left: 0;
    padding: 0 8px 0 30px;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: var(--transition03-background), var(--transition03-color);
    -o-transition: var(--transition03-background), var(--transition03-color);
    transition: var(--transition03-background), var(--transition03-color);
    -webkit-user-select: none;
    width: 68px;
}
.popup-subscribe-checkbox__input input[type="checkbox"] + label,
.popup-subscribe-checkbox__input input[type="radio"] + label {
    background: #484848;
    color: transparent;
    padding: 0 30px 0 8px;
    pointer-events: auto;
}
.popup-subscribe-checkbox__input input[type="checkbox"] + label:before,
.popup-subscribe-checkbox__input input[type="radio"] + label:before {
    background: var(--white);
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 5px;
    position: absolute;
    top: 5px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 20px;
}
.popup-subscribe-checkbox__input input[type="checkbox"]:checked ~ label,
.popup-subscribe-checkbox__input input[type="radio"]:checked ~ label {
    color: hsla(0, 0%, 100%, 0);
}
.popup-subscribe-checkbox__input input[type="checkbox"]:checked + label,
.popup-subscribe-checkbox__input input[type="radio"]:checked + label {
    background: var(--bg-1);
    color: var(--white);
}
.popup-subscribe-checkbox__input input[type="checkbox"]:checked + label:before,
.popup-subscribe-checkbox__input input[type="radio"]:checked + label:before {
    left: 42px;
}
.popup__hr {
    background: #1f2226;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.popup__account {
    background: rgba(31, 34, 38, 0.9);
    border-radius: var(--br-10);
    margin-bottom: 20px;
    padding: 20px;
}
.popup-account__info {
    border-top: 2px solid #2c2f32;
    margin-top: 17px;
    padding-top: 17px;
}
.popup-account__info .popup-subscribe__info {
    margin: 0;
}
.popup__auth {
    margin-bottom: 20px;
}
.popup-auth__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
}
.popup-auth__item {
    padding: 0 5px;
}
.popup-auth-item__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #1e2125;
    border-radius: var(--br-5);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}
.popup-auth-item__icon .icon {
    --color-1: var(--white);
    opacity: 0.8;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.popup-auth-item__icon .icon-lc-gg {
    --color-1: var(--white);
    --color-2: var(--white);
    --color-3: var(--white);
    --color-4: var(--white);
}
.popup-auth-item__icon:hover .icon {
    --color-1: var(--bg-1);
    opacity: 1;
}
.popup-auth-item__icon:hover .icon-lc-ya {
    --color-1: #fc3f1d;
}
.popup-auth-item__icon:hover .icon-lc-ok {
    --color-1: #f79418;
}
.popup-auth-item__icon:hover .icon-lc-fb {
    --color-1: #4267b2;
}
.popup-auth-item__icon:hover .icon-lc-vk {
    --color-1: #2787f5;
    height: 12px;
    width: 20px;
}
.popup-auth-item__icon:hover .icon-lc-gg {
    --color-1: #ea4335;
    --color-2: #fbbc04;
    --color-3: #34a853;
    --color-4: #4285f4;
}
.popup-auth-item__icon:hover .icon-lc-steam {
    --color-1: #fff;
}
.popup-auth-item__icon:hover .icon-lc-email {
    --color-1: #ea4335;
}
.loading-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(44, 47, 50, 0.9);
    bottom: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 2;
}
.loading-block .icon {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotation;
    animation-name: rotation;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.card-popup__phone {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 0 -5px 25px;
}
.card-popup-phone__code,
.card-popup-phone__number {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 0 5px;
}
.card-popup-phone__code .jq-selectbox,
.card-popup-phone__number .jq-selectbox {
    display: block;
    z-index: 1;
}
.card-popup-phone__code .jq-selectbox__select,
.card-popup-phone__number .jq-selectbox__select {
    background: var(--bg-input);
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--white);
    display: block;
    font-size: 14px;
    height: 40px;
    padding: 0;
    width: 100%;
}
.card-popup-phone__code .jq-selectbox__select-text,
.card-popup-phone__number .jq-selectbox__select-text {
    font-family: var(--font-rubik);
    height: 40px;
    line-height: 1.4;
    padding: 10px 15px;
    text-shadow: none;
    text-transform: uppercase;
}
.card-popup-phone__code .jq-selectbox__select-text.placeholder,
.card-popup-phone__number .jq-selectbox__select-text.placeholder {
    text-transform: none;
}
.card-popup-phone__code .jq-selectbox__trigger,
.card-popup-phone__number .jq-selectbox__trigger {
    border: none;
}
.card-popup-phone__code .jq-selectbox__trigger-arrow,
.card-popup-phone__number .jq-selectbox__trigger-arrow {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 6 6 6-6' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
    border: none;
    height: 9px;
    top: 16px;
    -webkit-transition: var(--transition03-transform);
    -o-transition: var(--transition03-transform);
    transition: var(--transition03-transform);
    width: 14px;
}
.card-popup-phone__code .jq-selectbox__dropdown,
.card-popup-phone__number .jq-selectbox__dropdown {
    background: var(--bg-input);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: var(--font-rubik);
    padding: 5px 10px;
}
.card-popup-phone__code .jq-selectbox__dropdown li,
.card-popup-phone__number .jq-selectbox__dropdown li {
    border-radius: 5px;
    color: var(--white);
    padding: 5px 7px 6px !important;
    text-transform: uppercase;
}
.card-popup-phone__code .jq-selectbox__dropdown li.selected,
.card-popup-phone__number .jq-selectbox__dropdown li.selected {
    background: hsla(0, 0%, 77%, 0.05);
}
.card-popup-phone__code .jq-selectbox__dropdown li:hover,
.card-popup-phone__number .jq-selectbox__dropdown li:hover {
    background: var(--bg-1);
    border-radius: 5px;
}
.card-popup-phone__code .jq-selectbox__dropdown li:first-child:hover,
.card-popup-phone__code .jq-selectbox__dropdown li:last-child:hover,
.card-popup-phone__number .jq-selectbox__dropdown li:first-child:hover,
.card-popup-phone__number .jq-selectbox__dropdown li:last-child:hover {
    border-radius: 5px;
}
.card-popup-phone__code .jq-selectbox.focused .jq-selectbox__select,
.card-popup-phone__number .jq-selectbox.focused .jq-selectbox__select {
    border: none;
}
.card-popup-phone__code .jq-selectbox.opened .jq-selectbox__trigger-arrow,
.card-popup-phone__number .jq-selectbox.opened .jq-selectbox__trigger-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.card-popup-phone__code .jq-selectbox.opened.dropdown .jq-selectbox__select,
.card-popup-phone__number .jq-selectbox.opened.dropdown .jq-selectbox__select {
    border-radius: 5px 5px 0 0;
}
.card-popup-phone__code .jq-selectbox.opened.dropdown .jq-selectbox__dropdown,
.card-popup-phone__number .jq-selectbox.opened.dropdown .jq-selectbox__dropdown {
    border-radius: 0 0 5px 5px;
    margin: 0;
}
.card-popup-phone__code input,
.card-popup-phone__number input {
    background: var(--bg-input);
    border-radius: 5px;
    color: var(--white);
    display: block;
    font-size: 14px;
    height: 40px;
    padding: 10px 15px;
    width: 100%;
}
.card-popup-phone__code input:disabled,
.card-popup-phone__number input:disabled {
    color: hsla(0, 0%, 100%, 0.5);
}
.card-popup-phone__code.has-error input,
.card-popup-phone__number.has-error input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23db241f'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23C74242' stroke='none'/%3E%3C/svg%3E");
    background-position: left 8.6rem center;
    background-repeat: no-repeat;
    background-size: -webkit-calc(0.75em + 0.5rem) -webkit-calc(0.75em + 0.5rem);
    background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
    color: var(--bg-1);
}
.card-popup-phone__code.has-error input.masked-troika,
.card-popup-phone__number.has-error input.masked-troika {
    background-position: left 9rem center;
}
.card-popup-phone__code.has-error .error-alert,
.card-popup-phone__number.has-error .error-alert {
    display: block;
}
.card-popup__number {
    margin-bottom: 40px;
    position: relative;
}
.card-popup__number.uid {
    margin-bottom: 25px;
}
.card-popup__number .visible-input,
.card-popup__number input {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--bg-input);
    border-radius: 5px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 42px;
    justify-content: space-between;
    padding: 10px 100px 10px 12px;
    width: 100%;
}
.card-popup__number .visible-input {
    padding: 10px 12px;
}
.card-popup__number .visible-input span {
    text-transform: uppercase;
}
.card-popup__number.has-error input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23db241f'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23C74242' stroke='none'/%3E%3C/svg%3E");
    background-position: left 3.6rem center;
    background-repeat: no-repeat;
    background-size: -webkit-calc(0.75em + 0.5rem) -webkit-calc(0.75em + 0.5rem);
    background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
    color: var(--bg-1);
}
.card-popup__number.has-error input.masked-troika {
    background-position: left 9rem center;
}
.card-popup__number.has-error .error-alert {
    display: block;
}
.card-popup__number.has-error.uid input {
    background-position: right 0.6rem center;
}
.card-popup__number .valid-alert {
    color: var(--bg-5);
    display: none;
    font-size: 12px;
    padding: 8px 0 0;
}
.card-popup__number.is-valid input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.5 5 5 5 9-9' stroke='%2376B900' stroke-width='2'/%3E%3C/svg%3E");
    background-position: left 3.6rem center;
    background-repeat: no-repeat;
    color: var(--bg-5);
}
.card-popup__number.is-valid input.masked-troika {
    background-position: left 9rem center;
}
.card-popup__number.is-valid .valid-alert {
    display: block;
}
.card-popup__number.is-valid.uid input {
    background-position: right 0.6rem center;
}
.card-popup__number .irs.irs--flat {
    margin-bottom: -18px;
    margin-top: 27px;
}
.card-popup__number .irs.irs--flat .irs-bar,
.card-popup__number .irs.irs--flat .irs-line {
    border-radius: 10px;
    height: 16px;
    top: 2px;
}
.card-popup__number .irs.irs--flat .irs-line {
    background-color: #1f2226;
}
.card-popup__number .irs.irs--flat .irs-bar {
    background: var(--bg-1);
}
.card-popup__number .irs.irs--flat .irs-from,
.card-popup__number .irs.irs--flat .irs-single,
.card-popup__number .irs.irs--flat .irs-to {
    font-family: var(--font-rubik);
}
.card-popup__number .irs.irs--flat .irs-single {
    background: none;
    color: var(--white);
    font-size: 12px;
    top: 24px;
}
.card-popup__number .irs.irs--flat .irs-single:before {
    display: none;
}
.card-popup__number .irs.irs--flat .irs-max,
.card-popup__number .irs.irs--flat .irs-min {
    background: transparent;
    color: hsla(0, 0%, 100%, 0.5);
    font-family: Rubik, sans-serif;
    font-size: 12px;
    top: 24px;
}
.card-popup__number .irs.irs--flat .irs-handle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--bg-1);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px;
    justify-content: center;
    top: 1px;
    width: 18px;
}
.card-popup__number .irs.irs--flat .irs-handle:before {
    background: var(--bg-1);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(0, 0, 0, 0.25);
    content: "";
    height: 20px;
    left: 50%;
    margin: -10px 0 0 -10px;
    position: absolute;
    top: 50%;
    width: 20px;
}
.card-popup__number .irs.irs--flat .irs-handle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4-4 4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 10px;
    margin: 0 0 0 2px;
    position: relative;
    width: 6px;
    z-index: 1;
}
.card-popup__number .irs.irs--flat .irs-handle i {
    display: none;
}
.card-popup-number__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    position: absolute;
    right: 14px;
    top: 0;
}
.card-popup-number__icon .icon {
    height: 16px;
    width: 80px;
}
.card-popup-number__icon .icon-magnit {
    height: 26px;
    width: 92px;
}
.card-popup-number__icon .icon-x5club {
    height: 20px;
    width: 59px;
}
.card-popup-number__contdown {
    right: 14px;
    top: 12px;
}
.card-popup-number__contdown,
.card-popup-number__repeat {
    color: hsla(0, 0%, 100%, 0.8);
    font-size: 14px;
    position: absolute;
}
.card-popup-number__repeat {
    cursor: pointer;
    padding: 10px;
    right: 4px;
    text-transform: uppercase;
    top: 2px;
}
.card-popup-number__repeat:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: animateSpin;
    animation-name: animateSpin;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M3 5.286a5.998 5.998 0 0 1 1.552-2.572A6 6 0 1 1 3.33 9.571M3 5.286 1 1.5m2 3.786L8 4.5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
    content: "";
    height: 14px;
    margin: 0;
    position: absolute;
    right: 100%;
    top: 11px;
    -webkit-transform-origin: 55% 50%;
    -ms-transform-origin: 55% 50%;
    transform-origin: 55% 50%;
    width: 16px;
}
@media (max-width: 413px) {
    .card-popup-number__repeat {
        font-size: 12px;
    }
}
.card-popup-number__repeat:hover:before {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.card-popup__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-left: -9px;
    margin-right: -9px;
}
@media (max-width: 374px) {
    .card-popup__radio {
        margin-left: -5px;
        margin-right: -5px;
    }
}
.card-popup-radio__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 9px;
    padding-right: 9px;
    width: 100%;
}
@media (max-width: 374px) {
    .card-popup-radio__item {
        padding-left: 5px;
        padding-right: 5px;
    }
}
.card-popup-radio__item input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.card-popup-radio__item input[type="radio"] + label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--bg-input);
    border: 2px solid transparent;
    border-radius: 5px;
    color: var(--white);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
@media (max-width: 374px) {
    .card-popup-radio__item input[type="radio"] + label {
        font-size: 12px;
    }
}
.card-popup-radio__item input[type="radio"] + label:hover {
    border-color: var(--bg-1);
}
.card-popup-radio__item input[type="radio"] + label .icon-bonus-spasibo {
    height: 22px;
    width: 80px;
}
.card-popup-radio__item input[type="radio"] + label .icon-bonus-multy {
    height: 22px;
    width: 58px;
}
.card-popup-radio__item input[type="radio"] + label .icon-bonus-gorod {
    height: 18px;
    margin: 0 5px;
    width: 91px;
}
.card-popup-radio__item input[type="radio"] + label .icon-card-mir {
    --mir-color-1: var(--white);
    --mir-color-2: var(--white);
}
.card-popup-radio__item input[type="radio"]:checked + label {
    background-color: var(--bg-1);
}
.card-popup__info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 68%, 0.1);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 9px 11px;
}
.card-popup__info + .card-popup__info {
    margin-top: -10px;
}
.card-popup-info__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13px;
    flex: 0 0 13px;
    margin: 0 19px 0 0;
    width: 13px;
}
.card-popup-info__icon .icon {
    display: block;
}
.card-popup-info__name {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.card-popup__input {
    margin-bottom: 20px;
}
.card-popup__input input {
    background: #1f2226;
    border-radius: var(--br-5);
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 20px;
    padding: 10px 15px;
    width: 100%;
}
.card-popup__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}
.card-popup__button .btn {
    border: 2px solid var(--bg-1);
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 10px;
    padding: 11px 10px 10px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
.card-popup__button .btn span {
    margin-left: 13px;
}
.card-popup__button .btn-default {
    background: grey;
    border-color: grey;
    color: var(--white);
}
.card-popup__button .btn-default:hover {
    background: hsla(0, 0%, 50%, 0.7);
    border-color: hsla(0, 0%, 50%, 0.7);
    color: hsla(0, 0%, 100%, 0.7);
}
.card-popup__button .btn.disabled {
    background-color: transparent;
    border: 2px solid hsla(0, 0%, 100%, 0.4);
    color: hsla(0, 0%, 100%, 0.4);
    cursor: default;
}
.mfp-gallery.preview img.mfp-img {
    max-height: 50vh !important;
}
.my-mfp-slide-bottom .mfp-content,
.my-mfp-slide-bottom .popup-window-container {
    opacity: 0;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.my-mfp-slide-bottom.mfp-ready .mfp-content,
.my-mfp-slide-bottom.mfp-ready .popup-window-container {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0deg);
    transform: translateY(0) perspective(600px) rotateX(0deg);
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.25;
}
.my-mfp-slide-bottom.mfp-removing .mfp-content,
.my-mfp-slide-bottom.mfp-removing .popup-window-container {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.icon-18 {
    height: 60px;
    width: 60px;
}
.icon-4game-delivery {
    height: 42px;
    width: 40px;
}
.icon-4game-items {
    height: 44px;
    width: 40px;
}
.icon-4game-logo {
    height: 40px;
    width: 40px;
}
.icon-4game-logo-aion {
    height: 30px;
    width: 84px;
}
.icon-4game-logo-aion-classic {
    height: 46px;
    width: 161px;
}
.icon-4game-logo-crowfall {
    height: 30px;
    width: 134px;
}
.icon-4game-logo-l2-essence {
    height: 44px;
    width: 116px;
}
.icon-4game-logo-l2-legacy {
    height: 50px;
    width: 97px;
}
.icon-4game-logo-l2-main {
    height: 28px;
    width: 159px;
}
.icon-4game-logo-pb {
    height: 35px;
    width: 87px;
}
.icon-4game-logo-ragnarok {
    height: 40px;
    width: 75px;
}
.icon-4game-logo-rf {
    height: 45px;
    width: 153px;
}
.icon-4game-official {
    height: 36px;
    width: 32px;
}
.icon-action-timer {
    height: 24px;
    width: 21px;
}
.icon-aion-card-top {
    height: 17px;
    width: 11px;
}
.icon-aion-header-arrow {
    height: 45px;
    width: 50px;
}
.icon-alert-close {
    height: 21px;
    width: 21px;
}
.icon-all-games {
    height: 82px;
    width: 77px;
}
.icon-arrow-aion-next,
.icon-arrow-aion-prev {
    height: 42px;
    width: 48px;
}
.icon-arrow-back {
    height: 12px;
    width: 13px;
}
.icon-arrow-bns-next {
    height: 39px;
    width: 20px;
}
.icon-arrow-bns-prev {
    height: 39px;
    width: 21px;
}
.icon-arrow-bottom {
    height: 9px;
    width: 8px;
}
.icon-arrow-bt2-next,
.icon-arrow-bt2-prev {
    height: 35px;
    width: 21px;
}
.icon-arrow-down {
    height: 8px;
    width: 12px;
}
.icon-arrow-genshin-next,
.icon-arrow-genshin-prev {
    height: 78px;
    width: 58px;
}
.icon-arrow-more {
    height: 8px;
    width: 12px;
}
.icon-arrow-more-big {
    height: 15px;
    width: 9px;
}
.icon-arrow-next {
    height: 16px;
    width: 10px;
}
.icon-arrow-next-b {
    height: 39px;
    width: 23px;
}
.icon-arrow-next-black {
    height: 28px;
    width: 17px;
}
.icon-arrow-next-border {
    height: 86px;
    width: 86px;
}
.icon-arrow-next-crowfall {
    height: 61px;
    width: 30px;
}
.icon-arrow-next-styled {
    height: 54px;
    width: 34px;
}
.icon-arrow-next-w {
    height: 62px;
    width: 38px;
}
.icon-arrow-prev {
    height: 16px;
    width: 10px;
}
.icon-arrow-prev-b {
    height: 39px;
    width: 23px;
}
.icon-arrow-prev-black {
    height: 28px;
    width: 17px;
}
.icon-arrow-prev-border {
    height: 86px;
    width: 86px;
}
.icon-arrow-prev-crowfall {
    height: 61px;
    width: 30px;
}
.icon-arrow-prev-styled {
    height: 54px;
    width: 34px;
}
.icon-arrow-prev-w {
    height: 62px;
    width: 38px;
}
.icon-arrow-slider-next,
.icon-arrow-slider-prev {
    height: 23px;
    width: 14px;
}
.icon-arrow-stalcraft-next,
.icon-arrow-stalcraft-prev {
    height: 33px;
    width: 52px;
}
.icon-arrow-to-top {
    height: 15px;
    width: 14px;
}
.icon-arrow-top {
    height: 11px;
    width: 10px;
}
.icon-arrow-warface-next,
.icon-arrow-warface-prev {
    height: 72px;
    width: 47px;
}
.icon-basket {
    height: 29px;
    width: 48px;
}
.icon-basket-epic {
    height: 18px;
    width: 16px;
}
.icon-basket-steam {
    height: 18px;
    width: 20px;
}
.icon-bonus-gorod {
    height: 18px;
    width: 91px;
}
.icon-bonus-magnit {
    height: 14px;
    width: 71px;
}
.icon-bonus-mnogoru {
    height: 48px;
    width: 161px;
}
.icon-bonus-multy {
    height: 24px;
    width: 64px;
}
.icon-bonus-spasibo {
    height: 29px;
    width: 105px;
}
.icon-bonus-spasibo-old {
    height: 20px;
    width: 111px;
}
.icon-bonus-x5-group {
    height: 20px;
    width: 66px;
}
.icon-bt2-card-bl,
.icon-bt2-card-br,
.icon-bt2-card-tl,
.icon-bt2-card-tr {
    height: 21px;
    width: 21px;
}
.icon-btn-arrow {
    height: 10px;
    width: 20px;
}
.icon-calendar {
    height: 36px;
    width: 36px;
}
.icon-caliber {
    height: 38px;
    width: 39px;
}
.icon-card-beeline {
    height: 31px;
    width: 103px;
}
.icon-card-icon1 {
    height: 36px;
    width: 36px;
}
.icon-card-icon2 {
    height: 36px;
    width: 73px;
}
.icon-card-icon3 {
    height: 36px;
    width: 86px;
}
.icon-card-mc {
    height: 28px;
    width: 36px;
}
.icon-card-mc2 {
    height: 17px;
    width: 27px;
}
.icon-card-mini {
    height: 23px;
    width: 32px;
}
.icon-card-mir {
    height: 24px;
    width: 75px;
}
.icon-card-no {
    height: 10px;
    width: 14px;
}
.icon-card-qiwi {
    height: 21px;
    width: 64px;
}
.icon-card-uniteller {
    height: 25px;
    width: 42px;
}
.icon-card-visa {
    height: 23px;
    width: 75px;
}
.icon-cards {
    height: 25px;
    width: 39px;
}
.icon-cart-empty {
    height: 190px;
    width: 355px;
}
.icon-cart-mini {
    height: 19px;
    width: 21px;
}
.icon-checkbox {
    height: 11px;
    width: 14px;
}
.icon-checked {
    height: 13px;
    width: 16px;
}
.icon-clock {
    height: 18px;
    width: 18px;
}
.icon-close {
    height: 17px;
    width: 17px;
}
.icon-crowfall-header-flag {
    height: 94px;
    width: 94px;
}
.icon-crowfall-step-1 {
    height: 19px;
    width: 13px;
}
.icon-crowfall-step-2 {
    height: 20px;
    width: 16px;
}
.icon-crowfall-step-3 {
    height: 17px;
    width: 17px;
}
.icon-delete {
    height: 18px;
    width: 18px;
}
.icon-dot {
    height: 6px;
    width: 6px;
}
.icon-ea-arrow {
    height: 18px;
    width: 23px;
}
.icon-ea-arrow-down,
.icon-ea-arrow-down-aion,
.icon-ea-arrow-down-black,
.icon-ea-arrow-down-blue {
    height: 11px;
    width: 10px;
}
.icon-ea-play {
    height: 98px;
    width: 300px;
}
.icon-ea-play-pro {
    height: 45px;
    width: 203px;
}
.icon-edit {
    height: 10px;
    width: 11px;
}
.icon-epic {
    height: 41px;
    width: 36px;
}
.icon-favorite {
    height: 12px;
    width: 8px;
}
.icon-fb {
    height: 20px;
    width: 20px;
}
.icon-ff-corner-l {
    height: 57px;
    width: 11px;
}
.icon-ff-corner-r {
    height: 185px;
    width: 16px;
}
.icon-ff-corner-t {
    height: 11px;
    width: 354px;
}
.icon-ff-logo {
    height: 18px;
    width: 130px;
}
.icon-file-plus {
    height: 13px;
    width: 13px;
}
.icon-filter {
    height: 14px;
    width: 14px;
}
.icon-filter-category {
    height: 18px;
    width: 18px;
}
.icon-filter-home {
    height: 20px;
    width: 20px;
}
.icon-filter-levels {
    height: 11px;
    width: 21px;
}
.icon-filter-nation {
    height: 15px;
    width: 15px;
}
.icon-filter-navi {
    height: 6px;
    width: 26px;
}
.icon-filter-new {
    height: 18px;
    width: 18px;
}
.icon-filter-rare {
    height: 14px;
    width: 16px;
}
.icon-filter-search,
.icon-filter-search-dot {
    height: 30px;
    width: 30px;
}
.icon-filter-type {
    height: 13px;
    width: 20px;
}
.icon-flash {
    height: 32px;
    width: 23px;
}
.icon-footer-social-tg,
.icon-footer-social-vk {
    height: 35px;
    width: 35px;
}
.icon-fortnite-logo {
    height: 25px;
    width: 91px;
}
.icon-gaijin {
    height: 55px;
    width: 40px;
}
.icon-game-additions {
    height: 19px;
    width: 17px;
}
.icon-game-bonus {
    height: 16px;
    width: 14px;
}
.icon-game-currency {
    height: 20px;
    width: 18px;
}
.icon-game-currency-rouble {
    height: 14px;
    width: 14px;
}
.icon-game-dlc {
    height: 16px;
    width: 15px;
}
.icon-game-subscribe {
    height: 15px;
    width: 15px;
}
.icon-garena {
    height: 41px;
    width: 55px;
}
.icon-genshin-card-tl,
.icon-genshin-card-tr {
    height: 26px;
    width: 26px;
}
.icon-gfn {
    height: 12px;
    width: 32px;
}
.icon-google {
    height: 32px;
    width: 32px;
}
.icon-hamburger {
    height: 19px;
    width: 18px;
}
.icon-header-auth {
    height: 24px;
    width: 24px;
}
.icon-header-cart {
    height: 26px;
    width: 33px;
}
.icon-header-games-4game {
    height: 24px;
    width: 25px;
}
.icon-header-games-aion {
    height: 20px;
    width: 26px;
}
.icon-header-games-apex,
.icon-header-games-blizzard {
    height: 24px;
    width: 25px;
}
.icon-header-games-caliber {
    height: 23px;
    width: 24px;
}
.icon-header-games-diablo-iv {
    height: 25px;
    width: 25px;
}
.icon-header-games-ea-play {
    height: 22px;
    width: 69px;
}
.icon-header-games-fifa {
    height: 22px;
    width: 63px;
}
.icon-header-games-fortnite {
    height: 24px;
    width: 11px;
}
.icon-header-games-freefire {
    height: 24px;
    width: 29px;
}
.icon-header-games-game-5 {
    height: 25px;
    width: 20px;
}
.icon-header-games-game-6 {
    height: 25px;
    width: 18px;
}
.icon-header-games-game-7 {
    height: 24px;
    width: 24px;
}
.icon-header-games-l2 {
    height: 22px;
    width: 11px;
}
.icon-header-games-l2-essence {
    height: 22px;
    width: 33px;
}
.icon-header-games-l2-legacy {
    height: 23px;
    width: 24px;
}
.icon-header-games-lol {
    height: 24px;
    width: 26px;
}
.icon-header-games-mobile-legends {
    height: 23px;
    width: 24px;
}
.icon-header-games-point-blank {
    height: 23px;
    width: 21px;
}
.icon-header-games-psn {
    height: 28px;
    width: 29px;
}
.icon-header-games-pubg-mobile {
    height: 25px;
    width: 33px;
}
.icon-header-games-ragnarok {
    height: 24px;
    width: 24px;
}
.icon-header-games-rf-online {
    height: 23px;
    width: 17px;
}
.icon-header-games-roblox {
    height: 24px;
    width: 25px;
}
.icon-header-games-war-ships {
    height: 24px;
    width: 23px;
}
.icon-header-games-war-thunder {
    height: 24px;
    width: 51px;
}
.icon-header-games-wot {
    height: 24px;
    width: 19px;
}
.icon-header-games-wow {
    height: 22px;
    width: 19px;
}
.icon-header-games-xbox {
    height: 23px;
    width: 24px;
}
.icon-header-navi-cards {
    height: 25px;
    width: 24px;
}
.icon-header-navi-currency {
    height: 24px;
    width: 24px;
}
.icon-header-navi-exclusive {
    height: 25px;
    width: 24px;
}
.icon-header-navi-gamepad {
    height: 24px;
    width: 24px;
}
.icon-header-navi-hamburger {
    height: 12px;
    width: 12px;
}
.icon-header-navi-subscribe {
    height: 24px;
    width: 24px;
}
.icon-header-search {
    height: 17px;
    width: 17px;
}
.icon-help-card {
    height: 32px;
    width: 32px;
}
.icon-help-checkbox {
    height: 21px;
    width: 32px;
}
.icon-help-payment,
.icon-help-profile {
    height: 32px;
    width: 32px;
}
.icon-info {
    height: 20px;
    width: 20px;
}
.icon-info-alert {
    height: 34px;
    width: 34px;
}
.icon-info-ru {
    height: 38px;
    width: 34px;
}
.icon-item-check {
    height: 20px;
    width: 20px;
}
.icon-lc-account {
    height: 25px;
    width: 50px;
}
.icon-lc-buy,
.icon-lc-cancel {
    height: 14px;
    width: 14px;
}
.icon-lc-change {
    height: 12px;
    width: 15px;
}
.icon-lc-complete {
    height: 10px;
    width: 13px;
}
.icon-lc-copy {
    height: 12px;
    width: 12px;
}
.icon-lc-copy-id {
    height: 22px;
    width: 25px;
}
.icon-lc-delete {
    height: 14px;
    width: 14px;
}
.icon-lc-email {
    height: 16px;
    width: 22px;
}
.icon-lc-eye {
    height: 14px;
    width: 14px;
}
.icon-lc-fb {
    height: 18px;
    width: 19px;
}
.icon-lc-fb-old {
    height: 18px;
    width: 10px;
}
.icon-lc-gg {
    height: 17px;
    width: 17px;
}
.icon-lc-gift {
    height: 15px;
    width: 13px;
}
.icon-lc-info {
    height: 16px;
    width: 16px;
}
.icon-lc-key {
    height: 9px;
    width: 19px;
}
.icon-lc-more {
    height: 14px;
    width: 14px;
}
.icon-lc-more-big {
    height: 19px;
    width: 25px;
}
.icon-lc-ok {
    height: 18px;
    width: 11px;
}
.icon-lc-orders {
    height: 24px;
    width: 38px;
}
.icon-lc-phone {
    height: 26px;
    width: 21px;
}
.icon-lc-preorder {
    height: 7px;
    width: 29px;
}
.icon-lc-processing {
    height: 5px;
    width: 21px;
}
.icon-lc-profile {
    height: 27px;
    width: 27px;
}
.icon-lc-question {
    height: 14px;
    width: 13px;
}
.icon-lc-remove {
    height: 22px;
    width: 22px;
}
.icon-lc-repeat {
    height: 14px;
    width: 17px;
}
.icon-lc-request {
    height: 28px;
    width: 26px;
}
.icon-lc-reserve {
    height: 16px;
    width: 12px;
}
.icon-lc-settings {
    height: 11px;
    width: 11px;
}
.icon-lc-status-complete {
    height: 10px;
    width: 13px;
}
.icon-lc-status-danger {
    height: 14px;
    width: 14px;
}
.icon-lc-status-new,
.icon-lc-status-waiting {
    height: 11px;
    width: 12px;
}
.icon-lc-status-warning {
    height: 3px;
    width: 13px;
}
.icon-lc-steam {
    height: 17px;
    width: 23px;
}
.icon-lc-subscribe {
    height: 24px;
    width: 30px;
}
.icon-lc-tw {
    height: 18px;
    width: 22px;
}
.icon-lc-vk {
    height: 18px;
    width: 29px;
}
.icon-lc-waiting {
    height: 14px;
    width: 14px;
}
.icon-lc-wot {
    height: 17px;
    width: 14px;
}
.icon-lc-ya {
    height: 18px;
    width: 12px;
}
.icon-lineage2-legacy-card-cb {
    height: 15px;
    width: 120px;
}
.icon-lineage2-legacy-card-lb,
.icon-lineage2-legacy-card-lt,
.icon-lineage2-legacy-card-rb,
.icon-lineage2-legacy-card-rt {
    height: 36px;
    width: 22px;
}
.icon-lk {
    height: 27px;
    width: 27px;
}
.icon-loading {
    height: 147px;
    width: 146px;
}
.icon-logo-ea {
    height: 40px;
    width: 123px;
}
.icon-logo-epic {
    height: 20px;
    width: 18px;
}
.icon-logo-exbo {
    height: 15px;
    width: 47px;
}
.icon-logo-geforce-now {
    height: 17px;
    width: 164px;
}
.icon-logo-genshin {
    height: 46px;
    width: 129px;
}
.icon-logo-gfn {
    height: 27px;
    width: 139px;
}
.icon-logo-hoyoverse {
    height: 40px;
    width: 41px;
}
.icon-logo-kaspersky {
    height: 21px;
    width: 108px;
}
.icon-logo-live {
    height: 20px;
    width: 20px;
}
.icon-logo-nintendo-shop {
    height: 60px;
    width: 45px;
}
.icon-logo-okko {
    height: 44px;
    width: 124px;
}
.icon-logo-okko-mini {
    height: 45px;
    width: 35px;
}
.icon-logo-plus {
    height: 8px;
    width: 8px;
}
.icon-logo-psn {
    height: 27px;
    width: 35px;
}
.icon-logo-pubg-min {
    height: 17px;
    width: 37px;
}
.icon-logo-stalcraft {
    height: 15px;
    width: 75px;
}
.icon-logo-steam {
    height: 20px;
    width: 20px;
}
.icon-logo-vkplay {
    height: 39px;
    width: 39px;
}
.icon-logo-warface {
    height: 40px;
    width: 38px;
}
.icon-logo-xbox {
    height: 40px;
    width: 41px;
}
.icon-logo-zvuk {
    height: 35px;
    width: 140px;
}
.icon-logo-zvuk-mini {
    height: 35px;
    width: 35px;
}
.icon-logout {
    height: 18px;
    width: 18px;
}
.icon-lol {
    height: 38px;
    width: 36px;
}
.icon-lol-bottom {
    height: 15px;
    width: 149px;
}
.icon-lol-logo {
    height: 25px;
    width: 27px;
}
.icon-lol-top {
    height: 10px;
    width: 234px;
}
.icon-magnit {
    height: 26px;
    width: 92px;
}
.icon-mail {
    height: 32px;
    width: 32px;
}
.icon-menu-ea-play {
    height: 20px;
    width: 62px;
}
.icon-menu-gfn-ru {
    height: 15px;
    width: 75px;
}
.icon-menu-kaspersky {
    height: 15px;
    width: 79px;
}
.icon-menu-okko {
    height: 15px;
    width: 42px;
}
.icon-menu-psn {
    height: 20px;
    width: 94px;
}
.icon-menu-steam {
    height: 20px;
    width: 66px;
}
.icon-menu-wow {
    height: 20px;
    width: 53px;
}
.icon-menu-xbox {
    height: 20px;
    width: 69px;
}
.icon-menu-zvuk {
    height: 15px;
    width: 61px;
}
.icon-ml-corner-tl,
.icon-ml-corner-tr {
    height: 97px;
    width: 97px;
}
.icon-ml-left,
.icon-ml-right {
    height: 101px;
    width: 9px;
}
.icon-mobile-legends {
    height: 38px;
    width: 38px;
}
.icon-more {
    height: 12px;
    width: 13px;
}
.icon-more-circle {
    height: 28px;
    width: 28px;
}
.icon-navi-addons {
    height: 51px;
    width: 48px;
}
.icon-navi-currency {
    height: 60px;
    width: 58px;
}
.icon-navi-discount {
    height: 60px;
    width: 60px;
}
.icon-navi-games {
    height: 54px;
    width: 58px;
}
.icon-navi-megaphone {
    height: 60px;
    width: 60px;
}
.icon-navi-preorder {
    height: 49px;
    width: 48px;
}
.icon-navi-selections,
.icon-navi-subscribe {
    height: 60px;
    width: 61px;
}
.icon-okko-4k {
    height: 16px;
    width: 116px;
}
.icon-okko-8k {
    height: 16px;
    width: 29px;
}
.icon-okko-viju {
    height: 30px;
    width: 45px;
}
.icon-one-in-circle {
    height: 14px;
    width: 13px;
}
.icon-order-code {
    height: 16px;
    width: 16px;
}
.icon-order-flash {
    height: 16px;
    width: 12px;
}
.icon-order-load {
    height: 223px;
    width: 217px;
}
.icon-order-pay-load {
    height: 200px;
    width: 200px;
}
.icon-origin {
    height: 22px;
    width: 17px;
}
.icon-pagi-next {
    height: 16px;
    width: 11px;
}
.icon-payment-beeline {
    height: 22px;
    width: 75px;
}
.icon-payment-card {
    height: 22px;
    width: 32px;
}
.icon-payment-qiwi {
    height: 22px;
    width: 68px;
}
.icon-pb-card-left {
    height: 274px;
    width: 158px;
}
.icon-pb-card-right {
    height: 274px;
    width: 151px;
}
.icon-platform {
    height: 17px;
    width: 18px;
}
.icon-play {
    height: 150px;
    width: 150px;
}
.icon-product-timer {
    height: 63px;
    width: 55px;
}
.icon-product-type-1 {
    height: 55px;
    width: 40px;
}
.icon-product-type-2 {
    height: 65px;
    width: 40px;
}
.icon-product-type-3 {
    height: 70px;
    width: 54px;
}
.icon-ps {
    height: 32px;
    width: 40px;
}
.icon-question {
    height: 10px;
    width: 10px;
}
.icon-rf-header-icon {
    height: 77px;
    width: 77px;
}
.icon-rf-navi-bg {
    height: 30px;
    width: 104px;
}
.icon-roblox {
    height: 41px;
    width: 42px;
}
.icon-roblox-header-diamond {
    height: 35px;
    width: 46px;
}
.icon-roblox-header-icon {
    height: 35px;
    width: 33px;
}
.icon-roblox-logo {
    height: 24px;
    width: 144px;
}
.icon-search {
    height: 50px;
    width: 50px;
}
.icon-social-in {
    height: 24px;
    width: 24px;
}
.icon-social-tg {
    height: 24px;
    width: 28px;
}
.icon-social-vk {
    height: 24px;
    width: 40px;
}
.icon-stalcraft-card-bl,
.icon-stalcraft-card-br,
.icon-stalcraft-card-tl,
.icon-stalcraft-card-tr {
    height: 18px;
    width: 17px;
}
.icon-steam {
    height: 32px;
    width: 32px;
}
.icon-subscribe-active {
    height: 10px;
    width: 13px;
}
.icon-subscribe-disabled {
    height: 15px;
    width: 14px;
}
.icon-subscribe-empty {
    height: 206px;
    width: 167px;
}
.icon-timer {
    height: 200px;
    width: 200px;
}
.icon-tooltip-question {
    height: 8px;
    width: 6px;
}
.icon-v {
    height: 12px;
    width: 15px;
}
.icon-vk {
    height: 20px;
    width: 20px;
}
.icon-war-thunder {
    height: 26px;
    width: 54px;
}
.icon-warface-logo {
    height: 25px;
    width: 24px;
}
.icon-wg {
    height: 20px;
    width: 20px;
}
.icon-wg-box {
    height: 16px;
    width: 14px;
}
.icon-wg-box-open {
    height: 21px;
    width: 15px;
}
.icon-wg-commander {
    height: 20px;
    width: 20px;
}
.icon-wg-crew {
    height: 20px;
    width: 31px;
}
.icon-wg-gold {
    height: 20px;
    width: 21px;
}
.icon-wg-logo {
    height: 25px;
    width: 20px;
}
.icon-wg-navi-credits {
    height: 27px;
    width: 28px;
}
.icon-wg-navi-crew {
    height: 26px;
    width: 31px;
}
.icon-wg-navi-events {
    height: 26px;
    width: 27px;
}
.icon-wg-navi-gold {
    height: 26px;
    width: 28px;
}
.icon-wg-navi-hw {
    height: 27px;
    width: 32px;
}
.icon-wg-navi-premium {
    height: 26px;
    width: 30px;
}
.icon-wg-navi-ps {
    height: 26px;
    width: 34px;
}
.icon-wg-navi-settings {
    height: 26px;
    width: 27px;
}
.icon-wg-navi-style {
    height: 26px;
    width: 24px;
}
.icon-wg-navi-tank {
    height: 20px;
    width: 59px;
}
.icon-wg-prem {
    height: 20px;
    width: 22px;
}
.icon-wg-ps {
    height: 20px;
    width: 24px;
}
.icon-wg-remont {
    height: 25px;
    width: 25px;
}
.icon-wg-skin {
    height: 27px;
    width: 27px;
}
.icon-wg-tank {
    height: 38px;
    width: 38px;
}
.icon-wg-wait-code {
    height: 28px;
    width: 158px;
}
.icon-where-steam {
    height: 26px;
    width: 28px;
}
.icon-worker {
    height: 223px;
    width: 217px;
}
.icon-wot-8 {
    height: 10px;
    width: 21px;
}
.icon-wot-china,
.icon-wot-czech,
.icon-wot-france,
.icon-wot-gb,
.icon-wot-germany {
    height: 20px;
    width: 30px;
}
.icon-wot-heavy {
    height: 7px;
    width: 14px;
}
.icon-wot-israel,
.icon-wot-italy,
.icon-wot-japan,
.icon-wot-pan-america,
.icon-wot-pan-asia,
.icon-wot-poland,
.icon-wot-sweden {
    height: 20px;
    width: 30px;
}
.icon-wot-type-heavy,
.icon-wot-type-light,
.icon-wot-type-middle,
.icon-wot-type-pt-sau,
.icon-wot-type-sau {
    height: 20px;
    width: 20px;
}
.icon-wot-usa,
.icon-wot-ussr,
.icon-wot-world {
    height: 20px;
    width: 30px;
}
.icon-wow-navi-commanders,
.icon-wow-navi-credits {
    height: 50px;
    width: 50px;
}
.icon-wow-navi-doubloons,
.icon-wow-navi-premium,
.icon-wow-navi-sets,
.icon-wow-navi-settings {
    height: 50px;
    width: 51px;
}
.icon-wow-navi-ships {
    height: 50px;
    width: 50px;
}
.icon-wow-type-aircraft-carrier,
.icon-wow-type-battleship,
.icon-wow-type-cruiser,
.icon-wow-type-destroyer {
    height: 20px;
    width: 20px;
}
.icon-wt-gold {
    height: 24px;
    width: 23px;
}
.icon-wt-plane {
    height: 22px;
    width: 31px;
}
.icon-wt-tank {
    height: 18px;
    width: 27px;
}
.icon-x5club {
    height: 20px;
    width: 59px;
}
.icon-xbox-all {
    height: 19px;
    width: 34.3px;
}
.icon-xbox-console {
    height: 19px;
    width: 129.3px;
}
.icon-xbox-gold {
    height: 19px;
    width: 140.3px;
}
.icon-xbox-logo {
    height: 16px;
    width: 16px;
}
.icon-xbox-pc {
    height: 19px;
    width: 74.8px;
}
.icon-xbox-ultimate {
    height: 19px;
    width: 131.2px;
}
.icon-xboxgp-all {
    height: 15px;
    width: 32px;
}
.icon-xboxgp-pass {
    height: 15px;
    width: 103px;
}
.icon-xboxgp-pass-core {
    height: 15px;
    width: 156px;
}
.icon-xboxgp-pass-ultimate {
    height: 15px;
    width: 201px;
}
.icon-ya {
    height: 18px;
    width: 12px;
}
.icon-zoom {
    height: 70px;
    width: 70px;
}
.icon-bonus-gorod,
.icon-bonus-spasibo {
    --color-1: var(--white);
}
.icon-bonus-gorod {
    --color-2: #ffb600;
}
.icon-bns-logo {
    background-image: url(/bitrix/templates/c4g/css/../images/icons.png?v=449d8b89);
    background-position: -126px 0;
    height: 53px;
    width: 116px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-bns-logo {
        background-image: url(/bitrix/templates/c4g/css/../images/icons-2x.png?v=a28e32ca);
        background-size: 242px 191px;
    }
}
.icon-fifa23 {
    background-image: url(/bitrix/templates/c4g/css/../images/icons.png?v=449d8b89);
    background-position: -91px -95px;
    height: 31px;
    width: 134px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-fifa23 {
        background-image: url(/bitrix/templates/c4g/css/../images/icons-2x.png?v=a28e32ca);
        background-size: 242px 191px;
    }
}
.icon-gaijin-entertainment {
    background-image: url(/bitrix/templates/c4g/css/../images/icons.png?v=449d8b89);
    background-position: -184px -149px;
    height: 30px;
    width: 58px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-gaijin-entertainment {
        background-image: url(/bitrix/templates/c4g/css/../images/icons-2x.png?v=a28e32ca);
        background-size: 242px 191px;
    }
}
.icon-l2-exp {
    background-image: url(/bitrix/templates/c4g/css/../images/icons.png?v=449d8b89);
    background-position: 0 -149px;
    height: 42px;
    width: 42px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-l2-exp {
        background-image: url(/bitrix/templates/c4g/css/../images/icons-2x.png?v=a28e32ca);
        background-size: 242px 191px;
    }
}
.icon-l2-hard {
    background-image: url(/bitrix/templates/c4g/css/../images/icons.png?v=449d8b89);
    background-position: -46px -149px;
    height: 42px;
    width: 42px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-l2-hard {
        background-image: url(/bitrix/templates/c4g/css/../images/icons-2x.png?v=a28e32ca);
        background-size: 242px 191px;
    }
}
.icon-l2-pve {
    background-image: url(/bitrix/templates/c4g/css/../images/icons.png?v=449d8b89);
    background-position: -92px -149px;
    height: 42px;
    width: 42px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-l2-pve {
        background-image: url(/bitrix/templates/c4g/css/../images/icons-2x.png?v=a28e32ca);
        background-size: 242px 191px;
    }
}
.icon-l2-pvp {
    background-image: url(/bitrix/templates/c4g/css/../images/icons.png?v=449d8b89);
    background-position: -138px -149px;
    height: 42px;
    width: 42px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-l2-pvp {
        background-image: url(/bitrix/templates/c4g/css/../images/icons-2x.png?v=a28e32ca);
        background-size: 242px 191px;
    }
}
.icon-midasbuy {
    background-image: url(/bitrix/templates/c4g/css/../images/icons.png?v=449d8b89);
    background-position: -126px -57px;
    height: 20px;
    width: 103px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-midasbuy {
        background-image: url(/bitrix/templates/c4g/css/../images/icons-2x.png?v=a28e32ca);
        background-size: 242px 191px;
    }
}
.icon-mobile-legends-logo {
    background-image: url(/bitrix/templates/c4g/css/../images/icons.png?v=449d8b89);
    background-position: 0 -95px;
    height: 50px;
    width: 87px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-mobile-legends-logo {
        background-image: url(/bitrix/templates/c4g/css/../images/icons-2x.png?v=a28e32ca);
        background-size: 242px 191px;
    }
}
.icon-pubg-mobile {
    background-image: url(/bitrix/templates/c4g/css/../images/icons.png?v=449d8b89);
    background-position: 0 0;
    height: 91px;
    width: 122px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-pubg-mobile {
        background-image: url(/bitrix/templates/c4g/css/../images/icons-2x.png?v=a28e32ca);
        background-size: 242px 191px;
    }
}
.product__block {
    min-height: 600px;
    overflow: hidden;
    padding-top: 50px;
    position: relative;
    text-align: left;
}
.product__block.ragnarok-color {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/ragnarok/bg-ragnarok.jpg) 50% 0 repeat var(--bg-ragnarok);
    color: var(--rg-color);
}
.product__block.wt-color {
    background-color: var(--wt-bg);
    color: var(--white);
    z-index: 1;
}
.product__block.wt-color:before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(11.25%, #252f34), to(#171717));
    background-image: -webkit-linear-gradient(top, #252f34 11.25%, #171717);
    background-image: -o-linear-gradient(top, #252f34 11.25%, #171717 100%);
    background-image: linear-gradient(180deg, #252f34 11.25%, #171717);
}
.product__block.wt-color:after,
.product__block.wt-color:before {
    content: "";
    height: 1140px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.product__block.wt-color:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/wt/header-bg1-min.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.product__block.wt-color > * {
    position: relative;
    z-index: 1;
}
.product__block.bb-color {
    background: #0b1e4c;
    color: var(--white);
    z-index: 1;
}
.product__block.xboxpage-color {
    background: url(/bitrix/templates/c4g/css/../pictures/xbox-new/product-bg.jpg) 50% 100% no-repeat var(--black);
    color: var(--white);
    z-index: 1;
}
.product__block.xboxpage-color:after,
.product__block.xboxpage-color:before {
    content: "";
    left: 50%;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1920px;
}
.product__block.xboxpage-color:before {
    background: url(/bitrix/templates/c4g/css/../pictures/xbox-new/bg_1-top-min.png) 50% 0 no-repeat;
    height: 602px;
    top: 0;
}
.product__block.xboxpage-color:after {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    height: 662px;
}
.product__block.bt2-color {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/bg_2-min.jpg) 50% 0 no-repeat var(--black);
    color: var(--white);
    z-index: 1;
}
.product__block.bt2-color:after,
.product__block.bt2-color:before {
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.product__block.bt2-color:before {
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--black)));
    background: -webkit-linear-gradient(bottom, transparent 0, var(--black) 100%);
    background: -o-linear-gradient(bottom, transparent 0, var(--black) 100%);
    background: linear-gradient(0deg, transparent 0, var(--black) 100%);
    height: 260px;
    top: 0;
}
@media (max-width: 768px) {
    .product__block.bt2-color:before {
        height: 400px;
    }
}
.product__block.bt2-color:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black)));
    background: -webkit-linear-gradient(top, transparent 0, var(--black) 100%);
    background: -o-linear-gradient(top, transparent 0, var(--black) 100%);
    background: linear-gradient(180deg, transparent 0, var(--black) 100%);
    height: 283px;
    top: 554px;
}
@media (max-width: 768px) {
    .product__block.bt2-color:after {
        height: 600px;
        top: 200px;
    }
}
.product__block.warface-color {
    background: url(../img/bg_2-left-min.jpg) 0 225px no-repeat var(--black);
    color: var(--white);
    z-index: 1;
}
.product__block.warface-color:before {
    background: url(../img/bg_2-right-min.jpg) 100% 0 no-repeat;
    content: "";
    height: 730px;
    position: absolute;
    right: 0;
    top: 225px;
    width: 940px;
}
@media (max-width: 1280px) {
    .product__block.warface-color:before {
        background-color: var(--black);
        opacity: 0.5;
        width: 100vw;
    }
}
@media (max-width: 768px) {
    .product__block.warface-color:before {
        background: var(--black);
        opacity: 0.9;
    }
}
.product__block.warface-color:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: -webkit-linear-gradient(top, transparent, #000);
    background: -o-linear-gradient(top, transparent 0, #000 100%);
    background: linear-gradient(180deg, transparent, #000);
    content: "";
    height: 199px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 765px;
}
.product__block.nintendo-color {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/first-bg-min.png) 50% 0 repeat #0064c8;
    color: var(--black);
    z-index: 1;
}
.product__block.roblox-color {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/product-bg-min.jpg) 50% 0 no-repeat #f4f3ff;
    color: var(--roblox-text);
    z-index: 1;
}
.product__block.roblox-color:after,
.product__block.roblox-color:before {
    content: "";
    position: absolute;
    top: 0;
}
@media (max-width: 1140px) {
    .product__block.roblox-color:after,
    .product__block.roblox-color:before {
        display: none;
    }
}
.product__block.roblox-color:before {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/product-l-min.png) 0 0 no-repeat;
    height: 848px;
    left: 0;
    width: 244px;
}
@media (max-width: 1780px) {
    .product__block.roblox-color:before {
        left: auto;
        right: 50%;
        -webkit-transform: translate(-642px);
        -ms-transform: translate(-642px);
        transform: translate(-642px);
    }
}
.product__block.roblox-color:after {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/product-r-min.png) 100% 0 no-repeat;
    height: 1248px;
    right: 0;
    width: 243px;
}
@media (max-width: 1780px) {
    .product__block.roblox-color:after {
        left: 50%;
        right: auto;
        -webkit-transform: translate(642px);
        -ms-transform: translate(642px);
        transform: translate(642px);
    }
}
.product__block.roblox-color-skins {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/product-bg-skins-min.jpg) 50% -350px no-repeat var(--white);
}
.product__block.roblox-color-skins:after,
.product__block.roblox-color-skins:before {
    display: none;
}
.product__block.aion-classic-color {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/product-bg-gradient.png) 50% 0 repeat-x #4a2d90;
    color: var(--white);
    position: relative;
    z-index: 1;
}
.product__block.genshin-color {
    background: url(/bitrix/templates/c4g/css/../pictures/genshin/product-bg-min.jpg) 50% 0 repeat-x #172242;
    color: var(--white);
    z-index: 1;
}
.product__block.bns-color {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/bg_4-min.jpg) 50% 0 no-repeat var(--black);
    color: var(--white);
    z-index: 1;
}
.product__block.stalcraft-color {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/bg_8-min.jpg) 50% 0 no-repeat var(--black);
    color: var(--white);
    z-index: 1;
}
.product__block.fortnite-color {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/product-bg-min.jpg) 50% 0 no-repeat #0b1e4c;
    color: var(--white);
    z-index: 1;
}
.product__block.freefire-color {
    background: -webkit-linear-gradient(top, #1b1627 1260px, #3b3056);
    background: -o-linear-gradient(top, #1b1627 1260px, #3b3056 100%);
    background: linear-gradient(180deg, #1b1627 1260px, #3b3056);
    color: var(--white);
    z-index: 1;
}
.product__block.lol-color {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/product-bg-min.jpg) 50% 0 no-repeat #1a1d22;
    color: var(--white);
    z-index: 1;
}
.product__block.caliber-color {
    background: #1a1d22;
    color: var(--white);
    z-index: 1;
}
.product__block.pubg-color {
    background: #222;
    color: var(--white);
    z-index: 1;
}
.product__block.pb-color {
    background: var(--black);
    color: var(--white);
}
.product__block.crowfall-color {
    background: var(--crowfall-bg);
    color: var(--white);
}
.product__block.aion-color {
    background: var(--white);
    color: var(--aion-color-2);
}
.product__block.essence-color {
    background: var(--essence-bg);
    color: var(--white);
}
.product__block.l2-main-color,
.product__block.l2-main-premium-color {
    background: var(--l2-main-bg);
    color: var(--white);
}
.product__block.l2-legacy-color {
    background: var(--l2-legacy-bg-product);
    color: var(--white);
}
.product__block.rf-color {
    background: var(--rf-bg);
    color: var(--white);
}
.product__block.wg-color {
    background: var(--bg-wg);
    color: var(--white);
}
.product__block.wow-color {
    background: var(--bg-ww);
    color: var(--white);
}
.product__block.wowsh-color {
    background: var(--wow-bg);
    color: var(--white);
    padding-top: 94px;
}
@media (max-width: 1140px) {
    .product__block.wowsh-color {
        padding-top: 50px;
    }
}
.product__bg {
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    height: 100%;
    left: 0;
    max-height: 100vh;
    min-height: 700px;
    position: absolute;
    top: 0;
    -webkit-transition: all 7s ease;
    -o-transition: all 7s ease;
    transition: all 7s ease;
    width: 100%;
    z-index: 1;
}
.ios .product__bg,
.roblox-color-skins .product__bg {
    background-attachment: unset !important;
}
.roblox-color-skins .product__bg {
    left: 50%;
    max-height: none;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.roblox-color-skins .product__bg--1 {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/product-diamonds-min.png) 50% 50% no-repeat;
    height: 1140px;
    margin-left: -884px;
    width: 1768px;
}
.roblox-color-skins .product__bg--2 {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/product-dust-min.png) 50% 50% no-repeat;
    height: 1114px;
    margin-left: -895.5px;
    width: 1791px;
}
.pb-color .product__bg {
    background-attachment: unset !important;
    height: 900px;
    top: -100px;
}
.aion-classic-color .product__bg {
    background-attachment: unset !important;
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/product-bg-min.jpg) 50% 0 no-repeat;
    height: 950px;
}
.freefire-color .product__bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#1b1627));
    background: -webkit-linear-gradient(top, #000, #1b1627);
    background: -o-linear-gradient(top, #000 0, #1b1627 100%);
    background: linear-gradient(180deg, #000, #1b1627);
    background-attachment: unset !important;
    height: 1260px;
    max-height: none;
    z-index: -1;
}
.freefire-color .product__bg:after {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/product-page-bg-min.jpg) 50% 0 no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.pubg-color .product__bg {
    height: 1080px;
    max-height: 100vh;
}
.bb-color .product__bg,
.pubg-color .product__bg {
    background-attachment: unset !important;
    z-index: -1;
}
.bb-color .product__bg {
    height: 1627px;
    max-height: none;
    top: -350px;
}
.caliber-color .product__bg,
.wt-color .product__bg {
    background-attachment: unset !important;
    height: 800px;
}
.wowsh-color .product__bg {
    height: 770px;
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity 1s, -webkit-transform 2s;
    transition: opacity 1s, -webkit-transform 2s;
    -o-transition: opacity 1s, transform 2s;
    transition: opacity 1s, transform 2s;
    transition: opacity 1s, transform 2s, -webkit-transform 2s;
}
@media (max-width: 1280px) {
    .wowsh-color .product__bg {
        background-position: 60% 50% !important;
    }
}
@media (max-width: 768px) {
    .wowsh-color .product__bg {
        background-size: cover;
        height: 500px;
        min-height: 500px;
        top: 80px;
    }
}
@media (max-width: 767px) {
    .wowsh-color .product__bg {
        background-position: 60% 50% !important;
        height: 400px;
        min-height: 400px;
        top: 140px;
    }
}
@media (max-width: 500px) {
    .wowsh-color .product__bg.bg-image {
        background-position: 65% 50% !important;
        height: 300px;
        min-height: 300px;
        top: 140px;
    }
}
.wowsh-color .product__bg.preload {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}
@media (max-width: 767px) {
    .timedown-block.wowsh-color .product__bg {
        top: 200px;
    }
}
@media (max-width: 500px) {
    .timedown-block.wowsh-color .product__bg {
        top: 220px;
    }
}
.crowfall-color .product__bg,
.ragnarok-color .product__bg,
.wg-color .product__bg,
.wow-color .product__bg,
.wowsh-color .product__bg {
    background-attachment: unset !important;
}
.crowfall-color .product__bg {
    min-height: 1210px;
}
.essence-color .product__bg {
    background-attachment: unset !important;
    min-height: 910px;
}
@media (max-width: 767px) {
    .essence-color .product__bg {
        background-position: 30% 0 !important;
    }
}
.l2-legacy-color .product__bg,
.l2-main-color .product__bg,
.l2-main-premium-color .product__bg,
.rf-color .product__bg {
    background-attachment: unset !important;
    min-height: 910px;
}
.wg-color .product__bg {
    height: auto;
    min-height: 760px;
}
.wg-color .product__bg:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#292823));
    background: -webkit-linear-gradient(top, transparent, #292823);
    background: -o-linear-gradient(top, transparent 0, #292823 100%);
    background: linear-gradient(180deg, transparent 0, #292823);
    bottom: -1px;
    content: "";
    display: block;
    height: 150px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.wow-color .product__bg {
    height: auto;
    min-height: 760px;
}
.wow-color .product__bg:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 34, 66, 0)), color-stop(79.28%, #102242));
    background: -webkit-linear-gradient(top, rgba(16, 34, 66, 0), #102242 79.28%);
    background: -o-linear-gradient(top, rgba(16, 34, 66, 0) 0, #102242 79.28%);
    background: linear-gradient(180deg, rgba(16, 34, 66, 0) 0, #102242 79.28%);
    bottom: -1px;
    content: "";
    display: block;
    height: 150px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.aion-color .product__bg {
    background-color: var(--black);
}
@media (min-height: 910px) {
    .aion-color .product__bg {
        max-height: 910px;
    }
}
@media (max-width: 767px) {
    .aion-color .product__bg {
        min-height: 900px;
    }
}
.aion-color .product__bg:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion/title-bottom.png) 50% 100% repeat-x;
    bottom: -10px;
    content: "";
    height: 444px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
@media (max-width: 768px) {
    .warface-color .product__bg {
        opacity: 0.6;
    }
}
.warface-color .product__bg:after,
.warface-color .product__bg:before {
    content: "";
    -webkit-filter: blur(102px);
    filter: blur(102px);
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.warface-color .product__bg:before {
    background: #d73737;
    height: 403px;
    left: 50%;
    margin-left: -550px;
    opacity: 0.3;
    top: 547px;
    width: 403px;
}
.warface-color .product__bg:after {
    background: #ff6e6e;
    height: 403px;
    left: 50%;
    margin-left: -200px;
    opacity: 0.3;
    top: 262px;
    width: 403px;
}
.warface-color .product__bg span.bg1:before {
    background: #d73737;
    content: "";
    -webkit-filter: blur(102px);
    filter: blur(102px);
    height: 403px;
    left: 50%;
    margin-left: 200px;
    opacity: 0.3;
    position: absolute;
    top: 457px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 403px;
}
@media (max-width: 768px) {
    .bt2-color .product__bg {
        opacity: 0.6;
    }
}
.bt2-color .product__bg span.lines-1,
.bt2-color .product__bg span.lines-2 {
    display: block;
    margin: 0 auto;
    max-width: 1400px;
    pointer-events: none;
    position: relative;
    width: 100%;
}
.bt2-color .product__bg span.lines-1:after,
.bt2-color .product__bg span.lines-1:before,
.bt2-color .product__bg span.lines-2:after,
.bt2-color .product__bg span.lines-2:before {
    background: hsla(0, 0%, 100%, 0.2);
    content: "";
    height: 2000vh;
    position: absolute;
    top: 0;
    width: 1px;
}
.bt2-color .product__bg span.lines-1:before {
    left: 0;
}
.bt2-color .product__bg span.lines-1:after {
    left: -69px;
}
.bt2-color .product__bg span.lines-2:before {
    right: 0;
}
.bt2-color .product__bg span.lines-2:after {
    right: -69px;
}
.bt2-color .product__bg span.bg-1:after,
.bt2-color .product__bg span.bg-1:before {
    content: "";
    -webkit-filter: blur(102px);
    filter: blur(102px);
    opacity: 0.3;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.bt2-color .product__bg span.bg-1:before {
    background: #a62426;
    height: 403px;
    left: 50%;
    margin-left: -650px;
    top: 547px;
    width: 403px;
}
.bt2-color .product__bg span.bg-1:after {
    background: #00fff0;
    height: 403px;
    left: 50%;
    margin-left: -550px;
    top: 470px;
    width: 403px;
}
.bt2-color .product__bg span.bg-2:after,
.bt2-color .product__bg span.bg-2:before {
    content: "";
    -webkit-filter: blur(102px);
    filter: blur(102px);
    opacity: 0.3;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.bt2-color .product__bg span.bg-2:before {
    background: #a3823d;
    height: 403px;
    left: 50%;
    margin-left: -200px;
    top: 449px;
    width: 403px;
}
.bt2-color .product__bg span.bg-2:after {
    background: #c74242;
    height: 403px;
    left: 50%;
    margin-left: 200px;
    top: 378px;
    width: 403px;
}
.product__corners {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.pb-color .product__corners .b-container {
    height: 620px;
    position: relative;
}
.pb-color .product__corners .b-container .pb-corner-left {
    left: -100px;
    position: absolute;
    top: 50%;
}
.pb-color .product__corners .b-container .pb-corner-right {
    position: absolute;
    right: -100px;
    top: 150px;
}
.pb-color .product__corners .b-container .pb-corner-right .corner-br-butt {
    bottom: 105px;
    position: absolute;
    right: 13px;
}
.pb-color .product__corners .b-container .pb-corner-right .corner-br-butt .icon {
    -webkit-animation: animate-roll 5s infinite;
    animation: animate-roll 5s infinite;
}
.pb-color .product__corners .b-container .pb-corner-bottom {
    bottom: 0;
    position: absolute;
    right: -200px;
}
@media (max-width: 1140px) {
    .pb-color .product__corners .b-container .pb-corner-bottom {
        display: none;
    }
}
.product__top {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    max-width: 100%;
    min-height: -webkit-calc(100vh - 50px);
    min-height: calc(100vh - 50px);
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    z-index: 2;
}
@media (min-height: 1000px) {
    .product__top {
        min-height: 1000px;
    }
}
.ragnarok-color .product__top {
    border-bottom: 5px solid hsla(0, 0%, 100%, 0.32);
}
.wowsh-color .product__top {
    min-height: 900px;
}
@media (max-width: 768px) {
    .wowsh-color .product__top {
        min-height: 600px;
    }
}
.aion-color .product__top {
    margin-bottom: 100px;
}
@media (min-height: 910px) {
    .aion-color .product__top {
        min-height: 910px;
    }
}
@media (max-width: 1024px) {
    .aion-color .product__top {
        margin-bottom: 60px;
    }
}
@media (max-width: 768px) {
    .aion-color .product__top {
        margin-bottom: 50px;
    }
}
.wg-color .product__top,
.wow-color .product__top {
    min-height: -webkit-calc(100vh - 50px);
    min-height: calc(100vh - 50px);
}
@media (min-height: 1000px) {
    .wg-color .product__top,
    .wow-color .product__top {
        min-height: 1000px;
    }
}
.product-top__mid {
    -webkit-box-flex: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 40px;
    position: relative;
}
@media (max-width: 1024px) {
    .product-top__mid {
        padding-top: 85px;
    }
}
.bt2-color .product-top__mid {
    padding-top: 25px;
}
.bt2-color .product-top__mid:before {
    background: hsla(0, 0%, 100%, 0.2);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 20px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 100vw;
}
@media (max-width: 1024px) {
    .bt2-color .product-top__mid:before {
        top: 0;
    }
}
@media (max-width: 768px) {
    .bt2-color .product-top__mid:before {
        display: none;
    }
}
@media (max-width: 1024px) {
    .aion-classic-color .product-top__mid,
    .bns-color .product-top__mid,
    .bt2-color .product-top__mid,
    .genshin-color .product-top__mid,
    .nintendo-color .product-top__mid,
    .stalcraft-color .product-top__mid,
    .warface-color .product-top__mid,
    .xboxpage-color .product-top__mid {
        padding-top: 125px;
    }
}
@media (max-width: 768px) {
    .aion-classic-color .product-top__mid,
    .bns-color .product-top__mid,
    .bt2-color .product-top__mid,
    .genshin-color .product-top__mid,
    .nintendo-color .product-top__mid,
    .stalcraft-color .product-top__mid,
    .warface-color .product-top__mid,
    .xboxpage-color .product-top__mid {
        padding-top: 85px;
    }
}
.wt-color .product-top__mid {
    padding-bottom: 30px;
    padding-top: 40px;
}
@media (max-width: 768px) {
    .wt-color .product-top__mid {
        padding-bottom: 20px;
        padding-top: 15px;
    }
}
.bb-color .product-top__mid {
    padding-bottom: 30px;
}
@media (max-width: 768px) {
    .bb-color .product-top__mid,
    .caliber-color .product-top__mid,
    .new-view .product-top__mid {
        padding-bottom: 20px;
    }
}
@media (max-width: 1024px) {
    .pubg-color .product-top__mid {
        padding-top: 0;
    }
}
@media (max-width: 1140px) {
    .pb-color .product-top__mid {
        padding-top: 105px;
    }
}
.wowsh-color .product-top__mid {
    min-height: 615px;
    padding-bottom: 70px;
}
@media (max-width: 1140px) {
    .wowsh-color .product-top__mid {
        min-height: 340px;
    }
    .wowsh-color .product-top__mid.bg-image {
        min-height: 440px;
    }
}
@media (max-width: 1024px) {
    .wowsh-color .product-top__mid {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 40px;
        padding-top: 30px;
    }
}
@media (max-width: 768px) {
    .wowsh-color .product-top__mid {
        min-height: 400px;
        padding-bottom: 20px;
        padding-top: 0;
    }
    .wowsh-color .product-top__mid.bg-image {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
@media (max-width: 500px) {
    .wowsh-color .product-top__mid.bg-image {
        max-height: 400px;
        min-height: 300px;
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    .timedown-block.wowsh-color .product-top__mid {
        min-height: 500px;
    }
}
@media (max-width: 500px) {
    .timedown-block.wowsh-color .product-top__mid.bg-image {
        max-height: 400px;
        min-height: 300px;
        padding-top: 0;
    }
}
.wg-color .product-top__mid,
.wow-color .product-top__mid {
    padding-bottom: 30px;
}
@media (max-width: 1024px) {
    .wg-color .product-top__mid,
    .wow-color .product-top__mid {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 25px;
    }
}
.essence-color .product-top__mid,
.l2-legacy-color .product-top__mid,
.l2-main-color .product-top__mid,
.l2-main-premium-color .product-top__mid,
.rf-color .product-top__mid {
    padding-bottom: 10px;
}
.product-top__timer {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 2;
}
@media (max-width: 1024px) {
    .product-top__timer {
        left: 15px;
        margin-top: 20px;
        right: auto;
    }
    .product-top__timer + .product-top__desc {
        padding-top: 100px;
    }
}
.wowsh-color .product-top__timer {
    left: 15px;
    right: auto;
    top: 40px;
}
@media (max-width: 1140px) {
    .wowsh-color .product-top__timer {
        top: 0;
    }
}
@media (max-width: 768px) {
    .wowsh-color .product-top__timer {
        left: auto;
        padding: 0 15px 15px;
        position: relative;
        top: auto;
        width: 100%;
    }
}
.product-top-timer__label {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .product-top-timer__label {
        font-size: 16px;
    }
}
.wowsh-color .product-top-timer__label {
    font-size: 24px;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .wowsh-color .product-top-timer__label {
        font-size: 18px;
    }
}
.product-top-timer__back {
    background: rgba(0, 0, 0, 0.7);
    border-radius: var(--br-10);
    -webkit-box-shadow: 0 4px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 50px rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 12px;
}
@media (max-width: 1024px) {
    .product-top-timer__back {
        padding: 8px 10px;
    }
}
.wow-color .product-top-timer__back {
    background: rgba(6, 17, 37, 0.7);
}
.wowsh-color .product-top-timer__back {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    border-radius: var(--br-20);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px 12px 15px 10px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .wowsh-color .product-top-timer__back {
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
    }
}
@media (max-width: 768px) {
    .wowsh-color .product-top-timer__back {
        padding: 10px 12px;
    }
}
.product-top-timer__icon {
    padding: 0 8px;
}
@media (max-width: 1024px) {
    .product-top-timer__icon {
        padding: 0 5px;
    }
}
.wowsh-color .product-top-timer__icon {
    padding: 0 14px 0 8px;
}
.product-top-timer__icon .icon {
    height: 36px;
    width: 30px;
}
.wow-color .product-top-timer__icon .icon {
    --price-color: var(--ww-bg2);
}
.wowsh-color .product-top-timer__icon .icon {
    --price-color: #1fa7d3;
}
.product-top-timer__item {
    padding: 0 8px;
}
@media (max-width: 1024px) {
    .product-top-timer__item {
        padding: 0 5px;
    }
}
.wowsh-color .product-top-timer__item {
    padding: 0 9px;
}
@media (max-width: 1024px) {
    .wowsh-color .product-top-timer__item {
        padding: 0 5px;
    }
}
.product-top-timer-item__value {
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
}
@media (max-width: 1024px) {
    .product-top-timer-item__value {
        font-size: 22px;
    }
}
.product-top-timer-item__label {
    color: var(--price-color);
    font-size: 10px;
    font-weight: 500;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
}
.wow-color .product-top-timer-item__label {
    color: var(--ww-bg2);
}
.wowsh-color .product-top-timer-item__label {
    color: #1fa7d3;
}
@media (max-width: 1024px) {
    .product-top-timer-item__label {
        font-size: 9px;
    }
}
.product-top__desc {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    max-width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .product-top__desc {
        -webkit-box-flex: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        height: auto;
        margin-left: 356px;
        max-width: none;
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
    }
}
@media (max-width: 768px) {
    .product-top__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-left: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.bb-color .product-top__desc,
.caliber-color .product-top__desc,
.new-view .product-top__desc,
.wt-color .product-top__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .bb-color .product-top__desc,
    .caliber-color .product-top__desc,
    .new-view .product-top__desc,
    .wt-color .product-top__desc {
        margin-left: 0;
    }
    .pubg-color .product-top__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        margin-left: 0;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 960px) {
    .pubg-color .product-top__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-left: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1140px) {
    .pb-color .product-top__desc {
        -webkit-box-flex: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        height: auto;
        margin-left: 490px;
        max-width: none;
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
    }
}
@media (max-width: 768px) {
    .pb-color .product-top__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-left: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1140px) {
    .wowsh-color .product-top__desc {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 140px;
    }
}
@media (max-width: 1024px) {
    .wowsh-color .product-top__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-left: 0;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 70px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .wowsh-color .product-top__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 15px 15px 20px;
        width: 100%;
    }
}
@media (max-width: 500px) {
    .wowsh-color .product-top__desc {
        padding: 15px 15px 0;
    }
}
@media (max-width: 768px) {
    .wowsh-color .bg-image .product-top__desc {
        height: 100%;
        min-height: 200px;
    }
}
.wg-color .product-top__desc,
.wow-color .product-top__desc {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    justify-content: center;
    max-width: 29.16667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    z-index: 1;
}
@media (max-width: 1024px) {
    .wg-color .product-top__desc,
    .wow-color .product-top__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-left: 0;
        max-width: 50%;
        min-height: 120px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        width: 100%;
        z-index: 1;
    }
}
@media (max-width: 767px) {
    .wg-color .product-top__desc,
    .wow-color .product-top__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .crowfall-color .product-top__desc {
        min-height: 264px;
    }
}
@media (max-width: 767px) {
    .crowfall-color .product-top__desc {
        min-height: 30px;
    }
}
.aion-color .product-top__desc {
    color: var(--white);
}
@media (max-width: 1024px) {
    .aion-color .product-top__desc {
        min-height: 164px;
    }
}
@media (max-width: 767px) {
    .aion-color .product-top__desc {
        min-height: 30px;
    }
}
.product-top__logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding-bottom: 20px;
    padding-top: 30px;
}
.bb-color .product-top__logo img,
.caliber-color .product-top__logo img,
.wt-color .product-top__logo img {
    height: auto;
    max-width: 207px;
}
.stalcraft-color .product-top__logo img {
    height: 40px;
}
@media (max-width: 768px) {
    .stalcraft-color .product-top__logo img {
        height: 35px;
    }
}
.warface-color .product-top__logo img {
    height: 40px;
}
@media (max-width: 768px) {
    .warface-color .product-top__logo img {
        height: 30px;
    }
}
.bt2-color .product-top__logo img {
    height: 40px;
}
@media (max-width: 768px) {
    .bt2-color .product-top__logo img {
        height: 30px;
    }
}
.xboxpage-color .product-top__logo img {
    height: 40px;
}
@media (max-width: 768px) {
    .xboxpage-color .product-top__logo img {
        height: 40px;
    }
}
.nintendo-color .product-top__logo img {
    border-radius: 15px;
    -webkit-box-shadow: 0 1.05572px 21.1144px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1.05572px 21.1144px rgba(0, 0, 0, 0.1);
    height: 80px;
}
@media (max-width: 768px) {
    .nintendo-color .product-top__logo img {
        height: 50px;
    }
}
.bns-color .product-top__logo img {
    height: 110px;
}
@media (max-width: 768px) {
    .aion-classic-color .product-top__logo img,
    .bns-color .product-top__logo img,
    .genshin-color .product-top__logo img {
        height: 50px;
    }
}
.freefire-color .product-top__logo img {
    height: 42px;
}
@media (max-width: 768px) {
    .freefire-color .product-top__logo img {
        height: 30px;
    }
}
.roblox-color .product-top__logo img {
    height: 40px;
}
@media (max-width: 768px) {
    .roblox-color .product-top__logo img {
        height: 30px;
    }
}
.fortnite-color .product-top__logo img {
    height: 55px;
}
@media (max-width: 768px) {
    .fortnite-color .product-top__logo img {
        height: 30px;
    }
}
.lol-color .product-top__logo img {
    height: 60px;
}
@media (max-width: 768px) {
    .lol-color .product-top__logo img {
        height: 30px;
    }
    .bb-color .product-top__logo img {
        max-width: 100px;
    }
}
.ragnarok-color .product-top__logo {
    height: auto;
    max-width: 200px;
}
.essence-color .product-top__logo {
    padding-top: 70px;
}
@media (max-width: 1024px) {
    .essence-color .product-top__logo {
        padding-top: 30px;
    }
}
.essence-color .product-top__logo img {
    height: 92px;
    width: 242px;
}
@media (max-width: 1024px) {
    .essence-color .product-top__logo img {
        height: auto;
        max-width: 100%;
        width: auto;
    }
}
@media (max-width: 767px) {
    .essence-color .product-top__logo img {
        height: auto;
        width: 196px;
    }
}
.l2-main-color .product-top__logo,
.l2-main-premium-color .product-top__logo {
    padding-top: 120px;
}
@media (max-width: 1024px) {
    .l2-main-color .product-top__logo,
    .l2-main-premium-color .product-top__logo {
        padding-top: 30px;
    }
}
.l2-main-color .product-top__logo img,
.l2-main-premium-color .product-top__logo img {
    height: auto;
    max-width: 100%;
    width: 270px;
}
.l2-legacy-color .product-top__logo {
    padding-top: 30px;
}
@media (max-width: 1024px) {
    .l2-legacy-color .product-top__logo {
        padding-top: 30px;
    }
}
.l2-legacy-color .product-top__logo img {
    height: auto;
    max-width: 100%;
    width: 220px;
}
@media (max-width: 1024px) {
    .l2-legacy-color .product-top__logo img {
        width: 200px;
    }
}
@media (max-width: 768px) {
    .l2-legacy-color .product-top__logo img {
        width: 180px;
    }
}
.rf-color .product-top__logo {
    padding-top: 56px;
}
@media (max-width: 1024px) {
    .rf-color .product-top__logo {
        padding-top: 30px;
    }
}
.rf-color .product-top__logo img {
    height: 74px;
    height: auto;
    max-width: 100%;
    width: 248px;
}
.crowfall-color .product-top__logo {
    height: auto;
    max-width: 308px;
}
.crowfall-color .product-top__logo img {
    height: auto;
    max-width: 100%;
}
.aion-color .product-top__logo {
    height: auto;
    max-width: 140px;
}
.aion-color .product-top__logo img {
    height: auto;
    max-width: 100%;
}
.pubg-color .product-top__logo {
    padding-top: 50px;
}
@media (max-width: 1140px) {
    .pubg-color .product-top__logo {
        left: 15px;
        padding: 20px 0;
        position: absolute;
        top: 0;
    }
    .pubg-color .product-top__logo img {
        max-width: 150px;
    }
}
@media (max-width: 1024px) {
    .pubg-color .product-top__logo img {
        max-width: 110px;
    }
}
.pb-color .product-top__logo {
    padding-top: 50px;
}
@media (max-width: 1140px) {
    .pb-color .product-top__logo {
        left: 15px;
        padding: 20px 0;
        position: absolute;
        top: 0;
    }
    .pb-color .product-top__logo img {
        max-width: 150px;
    }
}
@media (max-width: 1024px) {
    .pb-color .product-top__logo img {
        max-width: 110px;
    }
    .product-top__logo {
        left: 15px;
        padding: 20px 0;
        position: absolute;
        top: 0;
    }
    .ragnarok-color .product-top__logo img {
        height: auto;
        max-width: 146px;
    }
    .aion-color .product-top__logo img {
        max-width: 192px;
    }
}
@media (max-width: 768px) {
    .product-top__logo {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .ragnarok-color .product-top__logo img {
        max-width: 114px;
    }
    .crowfall-color .product-top__logo img {
        max-width: 209px;
    }
    .aion-color .product-top__logo img {
        max-width: 120px;
    }
}
.ragnarok-color .product-top__name {
    font-size: 50px;
    font-weight: 500;
    line-height: 62px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .ragnarok-color .product-top__name {
        font-size: 50px;
    }
}
@media (max-width: 768px) {
    .ragnarok-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
    }
}
.aion-classic-color .product-top__name {
    font-family: var(--font-lora);
    font-size: 48px;
    font-weight: 700;
    line-height: 61px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
@media (max-width: 992px) {
    .aion-classic-color .product-top__name {
        font-size: 40px;
        line-height: 50px;
    }
}
@media (max-width: 960px) {
    .aion-classic-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 0;
    }
}
.stalcraft-color .product-top__name {
    font-family: var(--font-bebas);
    font-size: 70px;
    font-weight: 700;
    line-height: 70px;
    text-transform: uppercase;
}
@media (max-width: 992px) {
    .stalcraft-color .product-top__name {
        font-size: 540px;
        line-height: 50px;
    }
}
@media (max-width: 960px) {
    .stalcraft-color .product-top__name {
        font-size: 34px;
        line-height: 34px;
        margin-bottom: 0;
    }
}
.warface-color .product-top__name {
    color: var(--white);
    font-family: var(--font-warface);
    font-size: 48px;
    font-weight: 900;
    line-height: normal;
    max-width: -webkit-calc(100% - 490px);
    max-width: calc(100% - 490px);
    text-transform: uppercase;
}
@media (max-width: 992px) {
    .warface-color .product-top__name {
        font-size: 40px;
        max-width: 100%;
    }
}
@media (max-width: 960px) {
    .warface-color .product-top__name {
        font-size: 34px;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .warface-color .product-top__name {
        font-size: 24px;
    }
}
.bt2-color .product-top__name {
    color: var(--white);
    font-family: var(--font-bebas);
    font-size: 65px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
@media (max-width: 992px) {
    .bt2-color .product-top__name {
        font-size: 50px;
        max-width: 100%;
    }
}
@media (max-width: 960px) {
    .bt2-color .product-top__name {
        font-size: 38px;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .bt2-color .product-top__name {
        font-size: 38px;
    }
}
.xboxpage-color .product-top__name {
    color: var(--white);
    font-family: var(--font-segoeui);
    font-size: 48px;
    font-weight: 900;
    line-height: 54px;
    max-width: -webkit-calc(100% - 490px);
    max-width: calc(100% - 490px);
    text-transform: uppercase;
}
@media (max-width: 992px) {
    .xboxpage-color .product-top__name {
        font-size: 40px;
        line-height: 50px;
        max-width: 100%;
    }
}
@media (max-width: 960px) {
    .xboxpage-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .xboxpage-color .product-top__name {
        font-size: 24px;
        line-height: 30px;
    }
}
.nintendo-color .product-top__name {
    color: var(--white);
    font-family: var(--font-futura);
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
}
@media (max-width: 992px) {
    .nintendo-color .product-top__name {
        font-size: 40px;
        line-height: 50px;
    }
}
@media (max-width: 960px) {
    .nintendo-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 0;
    }
}
.bns-color .product-top__name {
    font-family: var(--font-trajan-pro-3);
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
}
@media (max-width: 992px) {
    .bns-color .product-top__name {
        font-size: 40px;
        line-height: 50px;
    }
}
@media (max-width: 960px) {
    .bns-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 0;
    }
}
.genshin-color .product-top__name {
    font-family: var(--font-genshin);
    font-size: 48px;
    font-weight: 400;
    line-height: 61px;
    text-transform: uppercase;
}
@media (max-width: 992px) {
    .genshin-color .product-top__name {
        font-size: 40px;
        line-height: 50px;
    }
}
@media (max-width: 960px) {
    .genshin-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 0;
    }
}
.pubg-color .product-top__name {
    font-family: var(--font-gotham);
    font-size: 50px;
    font-weight: 500;
    line-height: 60px;
    margin-bottom: 240px;
    text-transform: uppercase;
}
@media (max-width: 992px) {
    .pubg-color .product-top__name {
        font-size: 40px;
        line-height: 50px;
    }
}
@media (max-width: 960px) {
    .pubg-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 0;
    }
}
.roblox-color .product-top__name {
    font-family: var(--font-russo-one);
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    padding-top: 20px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .roblox-color .product-top__name {
        font-size: 32px;
        line-height: 38px;
        padding-top: 0;
    }
}
.freefire-color .product-top__name {
    font-family: var(--font-ff);
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    padding-top: 20px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .freefire-color .product-top__name {
        font-size: 32px;
        padding-top: 0;
    }
}
.fortnite-color .product-top__name {
    font-family: var(--font-fortnite);
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    padding-top: 20px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .fortnite-color .product-top__name {
        font-size: 32px;
        line-height: 38px;
        padding-top: 0;
    }
}
.lol-color .product-top__name {
    font-family: var(--font-lol);
    font-size: 50px;
    font-weight: 900;
    line-height: 60px;
    padding-top: 20px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .lol-color .product-top__name {
        font-size: 32px;
        line-height: 38px;
        padding-top: 0;
    }
}
.bb-color .product-top__name {
    font-family: var(--font-montserrat);
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    padding-top: 20px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bb-color .product-top__name {
        font-size: 32px;
        line-height: 38px;
        padding-top: 0;
    }
}
.wt-color .product-top__name {
    font-family: var(--font-roboto);
    font-size: 42px;
    font-weight: 700;
    line-height: 49px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
    .wt-color .product-top__name {
        font-size: 32px;
        line-height: 38px;
    }
}
.caliber-color .product-top__name {
    font-family: var(--font-caliber);
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
    .caliber-color .product-top__name {
        font-size: 32px;
        line-height: 38px;
    }
}
.pb-color .product-top__name {
    font-family: var(--font-gotham);
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .pb-color .product-top__name {
        font-size: 50px;
        line-height: 60px;
    }
}
@media (max-width: 992px) {
    .pb-color .product-top__name {
        font-size: 40px;
        line-height: 50px;
    }
}
@media (max-width: 768px) {
    .pb-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 0;
    }
}
.crowfall-color .product-top__name {
    font-family: var(--font-gotham);
    font-size: 50px;
    font-weight: 500;
    line-height: 62px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .crowfall-color .product-top__name {
        font-size: 50px;
        line-height: 59px;
    }
}
@media (max-width: 768px) {
    .crowfall-color .product-top__name {
        font-size: 34px;
        line-height: 40px;
    }
}
.aion-color .product-top__name {
    font-family: var(--font-gotham);
    font-size: 43px;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .aion-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
    }
}
.essence-color .product-top__name {
    font-family: var(--font-dxangelusmediaval);
    font-size: 50px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .essence-color .product-top__name {
        font-size: 50px;
        margin-bottom: 60px;
    }
}
@media (max-width: 768px) {
    .essence-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 25px;
    }
}
.l2-main-color .product-top__name,
.l2-main-premium-color .product-top__name {
    font-family: var(--font-lineage-serif);
    font-size: 50px;
    font-weight: 400;
    line-height: 55px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .l2-main-color .product-top__name,
    .l2-main-premium-color .product-top__name {
        font-size: 50px;
        margin-bottom: 60px;
    }
}
@media (max-width: 768px) {
    .l2-main-color .product-top__name,
    .l2-main-premium-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 25px;
    }
}
.l2-legacy-color .product-top__name {
    color: var(--l2-legacy-color-1);
    font-family: var(--font-kitsch);
    font-size: 50px;
    font-weight: 400;
    line-height: 55px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .l2-legacy-color .product-top__name {
        font-size: 50px;
        margin-bottom: 60px;
    }
}
@media (max-width: 768px) {
    .l2-legacy-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 25px;
    }
}
.rf-color .product-top__name {
    font-family: var(--font-kelson-sans);
    font-size: 50px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 35px;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .rf-color .product-top__name {
        margin-bottom: 60px;
    }
}
@media (max-width: 768px) {
    .rf-color .product-top__name {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 25px;
    }
}
.wowsh-color .product-top__name {
    font-size: 70px;
    font-weight: 500;
    line-height: 1.1;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .wowsh-color .product-top__name {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    .wowsh-color .product-top__name {
        font-size: 32px;
    }
}
@media (max-width: 420px) {
    .wowsh-color .product-top__name {
        hyphenate-limit-chars: 10 4 4 !important;
        -webkit-hyphens: auto;
        -ms-hyphens: auto !important;
        hyphens: auto !important;
        overflow-wrap: break-word;
    }
}
.wg-color .product-top__name,
.wow-color .product-top__name {
    font-size: 60px;
    font-weight: 500;
    line-height: 1.1;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .wg-color .product-top__name,
    .wow-color .product-top__name {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    .wg-color .product-top__name,
    .wow-color .product-top__name {
        font-size: 32px;
    }
}
@media (max-width: 420px) {
    .wg-color .product-top__name,
    .wow-color .product-top__name {
        hyphenate-limit-chars: 10 4 4 !important;
        -webkit-hyphens: auto;
        -ms-hyphens: auto !important;
        hyphens: auto !important;
        overflow-wrap: break-word;
    }
}
.product-top__text {
    font-size: 14px;
    line-height: 23px;
}
.aion-color .product-top__text,
.crowfall-color .product-top__text {
    font-family: var(--font-gotham);
}
.rf-color .product-top__text {
    font-family: var(--font-kelson-sans);
}
@media (max-width: 375px) {
    .product-top__text br {
        display: none;
    }
}
.product-top__text.do-nicescroll {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, var(--rg-color)), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, var(--rg-color) 70%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, var(--rg-color)), to(transparent));
    mask-image: linear-gradient(to bottom, var(--rg-color) 70%, transparent);
    max-height: 130px;
}
.product-top__text.do-nicescroll .wrap {
    padding-bottom: 30px;
    padding-right: 20px;
}
.product-top__text.do-nicescroll .nicescroll-rails-hr {
    display: none !important;
}
.product-top__text ul {
    margin: 0;
    padding: 0 0 0 20px;
}
.product-top__text p {
    margin: 0;
    padding: 0;
}
.product-top__image {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    justify-content: center;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.bb-color .product-top__image,
.caliber-color .product-top__image,
.new-view .product-top__image,
.wt-color .product-top__image {
    grid-area: content;
    margin-bottom: 50px;
    max-width: 100%;
    padding-right: 30px;
    position: relative;
}
@media (max-width: 1140px) {
    .bb-color .product-top__image,
    .caliber-color .product-top__image,
    .new-view .product-top__image,
    .wt-color .product-top__image {
        padding-right: 15px;
    }
}
@media (max-width: 1024px) {
    .bb-color .product-top__image,
    .caliber-color .product-top__image,
    .new-view .product-top__image,
    .wt-color .product-top__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
        margin-left: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.bb-color .product-top__image img,
.caliber-color .product-top__image img,
.new-view .product-top__image img,
.wt-color .product-top__image img {
    border-radius: var(--br-20);
    height: auto;
    margin: 0 auto;
    max-height: 455px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.bb-color .product-top__image img,
.new-view .product-top__image img {
    border-radius: 0;
    height: auto;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: auto;
    z-index: 1;
}
@media (max-width: 768px) {
    .bb-color .product-top__image img,
    .new-view .product-top__image img {
        max-width: 80%;
    }
}
.wowsh-color .product-top__image {
    -ms-flex-item-align: center;
    align-self: center;
}
@media (max-width: 1024px) {
    .wowsh-color .product-top__image {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        margin-bottom: 0;
        margin-left: 0;
        max-width: 41.66667%;
        order: unset;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .wowsh-color .product-top__image {
        -webkit-box-flex: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 260px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.product-top__image img {
    display: block;
    margin: 0 auto;
    max-height: 400px;
}
.pubg-color .product-top__image img {
    max-width: 100%;
    position: relative;
    z-index: 1;
}
@media (max-width: 1024px) {
    .pubg-color .product-top__image img {
        max-height: 300px;
    }
}
@media (max-width: 768px) {
    .pubg-color .product-top__image img {
        max-height: 250px;
    }
}
.pb-color .product-top__image img {
    max-width: 100%;
}
@media (max-width: 1024px) {
    .pb-color .product-top__image img {
        max-height: 300px;
    }
}
@media (max-width: 768px) {
    .pb-color .product-top__image img {
        max-height: 250px;
    }
}
.wowsh-color .product-top__image img {
    max-height: 430px;
}
@media (max-width: 1024px) {
    .wowsh-color .product-top__image img {
        max-height: 100%;
        max-width: 100%;
    }
}
.wg-color .product-top__image img,
.wow-color .product-top__image img {
    max-height: 450px;
}
.l2-legacy-color .product-top__image .product-top__img {
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
@media (max-width: 767px) {
    .l2-legacy-color .product-top__image .product-top__img {
        padding: 80px 0 0;
    }
}
.l2-legacy-color .product-top__image .product-top__img:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/lineage2/legacy/card-bg.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
    height: 400px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 500px;
    z-index: -1;
}
@media (max-width: 767px) {
    .l2-legacy-color .product-top__image .product-top__img:before {
        display: none;
    }
}
@media (max-width: 1140px) {
    .pb-color .product-top__image {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: auto;
        margin-bottom: 30px;
        margin-left: 0;
        max-width: 100%;
        order: -1;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .product-top__image {
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        height: auto;
        margin-bottom: 30px;
        margin-left: 356px;
        max-width: none;
        max-width: -webkit-calc(100% - 356px);
        max-width: calc(100% - 356px);
        order: -1;
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
    }
    .ragnarok-color .product-top__image img {
        max-width: 277px;
    }
    .crowfall-color .product-top__image {
        margin-left: 0;
        max-width: 100%;
    }
    .pubg-color .product-top__image {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        justify-content: center;
        margin-left: 0;
        max-width: 50%;
        order: unset;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .aion-color .product-top__image {
        margin-left: 0;
        max-width: 100%;
    }
    .aion-color .product-top__image img {
        max-height: 250px;
    }
    .essence-color .product-top__image img {
        max-width: 300px;
    }
    .l2-legacy-color .product-top__image img,
    .l2-main-color .product-top__image img,
    .l2-main-premium-color .product-top__image img {
        max-width: 400px;
    }
}
.pubg-color .product-top__image {
    position: relative;
}
@media (max-width: 960px) {
    .pubg-color .product-top__image {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: auto;
        margin-bottom: 30px;
        margin-left: 0;
        max-width: 100%;
        order: -1;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .product-top__image {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        margin-bottom: 20px;
        margin-left: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .ragnarok-color .product-top__image img {
        max-width: 167px;
    }
    .essence-color .product-top__image img {
        max-width: 230px;
    }
    .l2-legacy-color .product-top__image img,
    .l2-main-color .product-top__image img,
    .l2-main-premium-color .product-top__image img {
        max-width: 280px;
    }
    .aion-color .product-top__image img img {
        max-height: 200px;
    }
}
.wg-color .product-top__image,
.wow-color .product-top__image {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1024px) {
    .wg-color .product-top__image,
    .wow-color .product-top__image {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: -80px 0 0;
        max-width: 100%;
        min-height: 560px;
        order: unset;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .wg-color .product-top__image img,
    .wow-color .product-top__image img {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .wg-color .product-top__image,
    .wow-color .product-top__image {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        margin-bottom: 0;
        margin-top: -10px;
        max-width: 100%;
        min-height: 0;
        padding: 0 0 100px;
        width: 100%;
    }
}
.wg-color .product-top__image--no-options,
.wow-color .product-top__image--no-options {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    padding-bottom: 0;
}
@media (min-width: 1025px) {
    .wg-color .product-top__image--no-options,
    .wow-color .product-top__image--no-options {
        height: 100%;
    }
}
@media (max-width: 1024px) {
    .wg-color .product-top__image--no-options,
    .wow-color .product-top__image--no-options {
        min-height: 560px;
    }
}
@media (max-width: 767px) {
    .wg-color .product-top__image--no-options,
    .wow-color .product-top__image--no-options {
        min-height: 0;
    }
}
.crowfall-color .product-top__image .swiper-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.crowfall-color .product-top__image .swiper-carousel .product-top__img {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.crowfall-color .product-top__image .swiper-carousel .product-top__img img {
    border-radius: var(--br-20);
    height: auto;
    max-width: 100%;
}
.crowfall-color .product-top__image .swiper-carousel .swiper-container {
    padding-bottom: 40px;
    width: 100%;
}
.crowfall-color .product-top__image .swiper-carousel .swiper-slide {
    --swiper-theme-color: var(--crowfall-color);
    height: auto;
}
.crowfall-color .product-top__image .swiper-carousel .swiper-lazy {
    min-height: 200px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.crowfall-color .product-top__image .swiper-carousel .swiper-lazy-loaded {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.crowfall-color .product-top__image .swiper-carousel .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.crowfall-color .product-top__image .swiper-carousel .swiper-pagination-bullet {
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 5px;
    height: 20px;
    margin: 0 15px;
    opacity: 1;
    width: 20px;
}
@media (max-width: 1140px) {
    .crowfall-color .product-top__image .swiper-carousel .swiper-pagination-bullet {
        margin: 0 10px;
    }
}
.crowfall-color .product-top__image .swiper-carousel .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    background: var(--crowfall-color);
}
.crowfall-color .product-top__image .swiper-carousel .swiper-button-next:after,
.crowfall-color .product-top__image .swiper-carousel .swiper-button-prev:after {
    display: none;
}
.essence-color .product-top__image {
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    .essence-color .product-top__image {
        padding-bottom: 10px;
        padding-top: 40px;
    }
}
.l2-main-color .product-top__image,
.l2-main-premium-color .product-top__image {
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    .l2-main-color .product-top__image,
    .l2-main-premium-color .product-top__image {
        padding-bottom: 10px;
        padding-top: 40px;
    }
}
.l2-legacy-color .product-top__image {
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    .l2-legacy-color .product-top__image {
        padding-bottom: 10px;
        padding-top: 40px;
    }
}
.rf-color .product-top__image {
    padding-bottom: 35px;
}
@media (max-width: 767px) {
    .rf-color .product-top__image {
        padding-bottom: 10px;
        padding-top: 40px;
    }
}
.pubg-color .product-top-image__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/product-image-bg-min.png) 50% 50% no-repeat;
    height: 452px;
    left: 50%;
    margin-left: -279.5px;
    margin-top: -260px;
    position: absolute;
    top: 50%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 559px;
}
@media (max-width: 960px) {
    .pubg-color .product-top-image__bg {
        background-size: contain;
        height: 275px;
        margin-left: -170px;
        margin-top: -161.5px;
        width: 340px;
    }
}
.bb-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#162d50), to(#2f578b));
    background: -webkit-linear-gradient(top, #162d50, #2f578b);
    background: -o-linear-gradient(top, #162d50 0, #2f578b 100%);
    background: linear-gradient(180deg, #162d50, #2f578b);
    border: 1px solid var(--ml-bg);
    border-radius: var(--br-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .bb-color .product-top-image__bg {
        min-height: 350px;
    }
}
.bb-color .product-top-image__bg .icon-ml-left,
.bb-color .product-top-image__bg .icon-ml-right {
    height: 210px;
    position: absolute;
    width: 18px;
}
@media (max-width: 768px) {
    .bb-color .product-top-image__bg .icon-ml-left,
    .bb-color .product-top-image__bg .icon-ml-right {
        height: 120px;
        width: 12px;
    }
}
.bb-color .product-top-image__bg .icon-ml-left {
    left: 20px;
    top: 30px;
}
@media (max-width: 768px) {
    .bb-color .product-top-image__bg .icon-ml-left {
        left: 10px;
    }
}
.bb-color .product-top-image__bg .icon-ml-right {
    bottom: 30px;
    right: 20px;
}
@media (max-width: 768px) {
    .bb-color .product-top-image__bg .icon-ml-right {
        right: 10px;
    }
}
.bb-color .product-top-image__bg:before {
    background: #00a3e0;
    content: "";
    -webkit-filter: blur(62px);
    filter: blur(62px);
    height: 300px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 300px;
}
@media (max-width: 768px) {
    .bb-color .product-top-image__bg:before {
        height: 150px;
        width: 150px;
    }
}
.fortnite-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/product-img-bg-min.jpg) 50% 50% no-repeat #00449a;
    background-size: cover;
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .fortnite-color .product-top-image__bg {
        min-height: 350px;
    }
}
.fortnite-color .product-top-image__bg .icon {
    left: 25px;
    position: absolute;
    top: 25px;
}
.lol-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1a1d22;
    background-size: cover;
    border: 2px solid #82693a;
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .lol-color .product-top-image__bg {
        min-height: 350px;
    }
}
.lol-color .product-top-image__bg:before {
    background: #2f627a;
    content: "";
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 234px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 361px;
}
.aion-classic-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--aion-classic-bg-color);
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .aion-classic-color .product-top-image__bg {
        min-height: 350px;
    }
}
@media (max-width: 550px) {
    .aion-classic-color .product-top-image__bg {
        background: transparent;
        border-radius: 0;
    }
}
.aion-classic-color .product-top-image__bg:after,
.aion-classic-color .product-top-image__bg:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
@media (max-width: 550px) {
    .aion-classic-color .product-top-image__bg:after,
    .aion-classic-color .product-top-image__bg:before {
        display: none;
    }
}
.aion-classic-color .product-top-image__bg:before {
    border: 2px solid var(--aion-classic-border-color);
    border-radius: var(--br-10);
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
}
.aion-classic-color .product-top-image__bg:after {
    border: 1px solid rgba(177, 167, 207, 0.2);
    border-radius: var(--br-5);
    bottom: 15px;
    left: 15px;
    right: 15px;
    top: 15px;
}
.aion-classic-color .product-top-image__bg .icon-4game-logo-aion-classic {
    fill: var(--aion-classic-name);
    left: 45px;
    position: absolute;
    top: 45px;
}
@media (max-width: 768px) {
    .aion-classic-color .product-top-image__bg .icon-4game-logo-aion-classic {
        left: 25px;
        top: 25px;
    }
}
@media (max-width: 550px) {
    .aion-classic-color .product-top-image__bg .icon-4game-logo-aion-classic {
        display: none;
    }
}
.aion-classic-color .product-top-image__bg .corners__bottom,
.aion-classic-color .product-top-image__bg .corners__left,
.aion-classic-color .product-top-image__bg .corners__right,
.aion-classic-color .product-top-image__bg .corners__top {
    position: absolute;
}
@media (max-width: 550px) {
    .aion-classic-color .product-top-image__bg .corners__bottom,
    .aion-classic-color .product-top-image__bg .corners__left,
    .aion-classic-color .product-top-image__bg .corners__right,
    .aion-classic-color .product-top-image__bg .corners__top {
        display: none;
    }
}
.aion-classic-color .product-top-image__bg .corners__bottom .icon,
.aion-classic-color .product-top-image__bg .corners__left .icon,
.aion-classic-color .product-top-image__bg .corners__right .icon,
.aion-classic-color .product-top-image__bg .corners__top .icon {
    --bg-1: var(--aion-classic-bg-color);
    --border-1: var(--aion-classic-border-color);
    display: block;
}
.aion-classic-color .product-top-image__bg .corners__bottom,
.aion-classic-color .product-top-image__bg .corners__top {
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.aion-classic-color .product-top-image__bg .corners__left,
.aion-classic-color .product-top-image__bg .corners__right {
    top: 50%;
}
.aion-classic-color .product-top-image__bg .corners__left .icon,
.aion-classic-color .product-top-image__bg .corners__right .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.aion-classic-color .product-top-image__bg .corners__top {
    top: 2px;
}
.aion-classic-color .product-top-image__bg .corners__bottom {
    bottom: 2px;
}
.aion-classic-color .product-top-image__bg .corners__left {
    left: 5px;
}
.aion-classic-color .product-top-image__bg .corners__right {
    right: 5px;
}
.genshin-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--genshin-bg-color);
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .genshin-color .product-top-image__bg {
        min-height: 350px;
    }
}
@media (max-width: 550px) {
    .genshin-color .product-top-image__bg {
        background: transparent;
        border-radius: 0;
    }
}
.genshin-color .product-top-image__bg:after,
.genshin-color .product-top-image__bg:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
@media (max-width: 550px) {
    .genshin-color .product-top-image__bg:after,
    .genshin-color .product-top-image__bg:before {
        display: none;
    }
}
.genshin-color .product-top-image__bg:before {
    border: 2px solid var(--genshin-border-color);
    inset: 15px;
}
.genshin-color .product-top-image__bg:after {
    border: 1px solid hsla(28, 31%, 75%, 0.5);
    inset: 19px;
}
.genshin-color .product-top-image__bg .icon-logo-genshin {
    fill: var(--genshin-border-color);
    left: 55px;
    position: absolute;
    top: 45px;
}
@media (max-width: 768px) {
    .genshin-color .product-top-image__bg .icon-logo-genshin {
        left: 25px;
        top: 25px;
    }
}
@media (max-width: 550px) {
    .genshin-color .product-top-image__bg .icon-logo-genshin {
        display: none;
    }
}
.genshin-color .product-top-image__bg .corners__bottom,
.genshin-color .product-top-image__bg .corners__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    left: 15px;
    position: absolute;
    right: 15px;
}
@media (max-width: 550px) {
    .genshin-color .product-top-image__bg .corners__bottom,
    .genshin-color .product-top-image__bg .corners__top {
        display: none;
    }
}
.genshin-color .product-top-image__bg .corners__bottom img,
.genshin-color .product-top-image__bg .corners__top img {
    display: block;
    margin: 0;
}
.genshin-color .product-top-image__bg .corners__top {
    top: 15px;
}
.genshin-color .product-top-image__bg .corners__bottom {
    bottom: 15px;
}
.stalcraft-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--black);
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .stalcraft-color .product-top-image__bg {
        min-height: 350px;
    }
}
@media (max-width: 550px) {
    .stalcraft-color .product-top-image__bg {
        background: transparent;
        border-radius: 0;
    }
}
.stalcraft-color .product-top-image__bg:after,
.stalcraft-color .product-top-image__bg:before {
    content: "";
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.stalcraft-color .product-top-image__bg:before {
    border: 5px solid var(--stalcraft-color);
    border-radius: var(--br-20);
    inset: 0;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(80%, transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, #000, transparent 80%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(80%, transparent));
    mask-image: linear-gradient(180deg, #000 0, transparent 80%);
}
@media (max-width: 550px) {
    .stalcraft-color .product-top-image__bg:before {
        display: none;
    }
}
.stalcraft-color .product-top-image__bg:after {
    background: #e9b657;
    border-radius: 50%;
    -webkit-filter: blur(17px);
    filter: blur(17px);
    height: 100px;
    left: 50%;
    margin-left: -191px;
    opacity: 0.2;
    top: 60%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 382px;
}
.bns-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--bns-bg-1);
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .bns-color .product-top-image__bg {
        min-height: 350px;
    }
}
@media (max-width: 550px) {
    .bns-color .product-top-image__bg {
        background: transparent;
        border-radius: 0;
    }
}
.bns-color .product-top-image__bg:after,
.bns-color .product-top-image__bg:before {
    content: "";
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.bns-color .product-top-image__bg:before {
    border: 2px solid var(--bns-price);
    border-radius: var(--br-20);
    inset: 0;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(80%, transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, #000, transparent 80%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(80%, transparent));
    mask-image: linear-gradient(180deg, #000 0, transparent 80%);
}
@media (max-width: 550px) {
    .bns-color .product-top-image__bg:before {
        display: none;
    }
}
.bns-color .product-top-image__bg:after {
    background: #e25c02;
    border-radius: 50%;
    -webkit-filter: blur(17px);
    filter: blur(17px);
    height: 100px;
    left: 50%;
    margin-left: -191px;
    opacity: 0.2;
    top: 60%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 382px;
}
.warface-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-61.06%, rgba(59, 73, 104, 0.39)), to(#151922));
    background: -webkit-linear-gradient(top, rgba(59, 73, 104, 0.39) -61.06%, #151922);
    background: -o-linear-gradient(top, rgba(59, 73, 104, 0.39) -61.06%, #151922 100%);
    background: linear-gradient(180deg, rgba(59, 73, 104, 0.39) -61.06%, #151922);
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .warface-color .product-top-image__bg {
        min-height: 350px;
    }
}
.bt2-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/product-pic-bg.png) 50% 50% no-repeat;
    background-size: cover;
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.bt2-color .product-top-image__bg:after,
.bt2-color .product-top-image__bg:before {
    background: var(--bt2-light);
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 380px;
}
.bt2-color .product-top-image__bg:before {
    top: 0;
}
.bt2-color .product-top-image__bg:after {
    bottom: 0;
}
@media (max-width: 768px) {
    .bt2-color .product-top-image__bg {
        min-height: 350px;
    }
}
.bt2-color .product-top-image__bg .bt2-bg-corners {
    pointer-events: none;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.b:after,
.bt2-color .product-top-image__bg .bt2-bg-corners i.b:before,
.bt2-color .product-top-image__bg .bt2-bg-corners i.t:after,
.bt2-color .product-top-image__bg .bt2-bg-corners i.t:before {
    content: "";
    height: 27px;
    position: absolute;
    width: 27px;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.t:after,
.bt2-color .product-top-image__bg .bt2-bg-corners i.t:before {
    top: 0;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.t:before {
    border-left: 2px solid var(--bt2-light);
    border-radius: 20px 0 0 0;
    border-top: 2px solid var(--bt2-light);
    left: 0;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.t:after {
    border-radius: 0 20px 0 0;
    border-right: 2px solid var(--bt2-light);
    border-top: 2px solid var(--bt2-light);
    right: 0;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.b:after,
.bt2-color .product-top-image__bg .bt2-bg-corners i.b:before {
    bottom: 0;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.b:before {
    border-bottom: 2px solid var(--bt2-light);
    border-left: 2px solid var(--bt2-light);
    border-radius: 0 0 0 20px;
    left: 0;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.b:after {
    border-bottom: 2px solid var(--bt2-light);
    border-radius: 0 0 20px 0;
    border-right: 2px solid var(--bt2-light);
    right: 0;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.line-1,
.bt2-color .product-top-image__bg .bt2-bg-corners i.line-2 {
    background: var(--bt2-light);
    height: 50px;
    position: absolute;
    width: 2px;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.line-1 {
    bottom: 87px;
    left: 16px;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.line-2 {
    right: 40px;
    top: 78px;
}
.bt2-color .product-top-image__bg .bt2-bg-corners i.plus {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/plus.svg) 50% 50% no-repeat;
    height: 12px;
    position: absolute;
    right: 35px;
    top: 35px;
    width: 12px;
}
.xboxpage-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .xboxpage-color .product-top-image__bg {
        min-height: 350px;
    }
}
.xboxpage-color .xboxgp-grey-color .product-top-image__bg {
    background: #3d3d3d;
}
.nintendo-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 455px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .nintendo-color .product-top-image__bg {
        min-height: 350px;
    }
}
@media (max-width: 550px) {
    .nintendo-color .product-top-image__bg {
        background: transparent;
        border-radius: 0;
    }
}
.roblox-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdafff), to(#7462ff));
    background: -webkit-linear-gradient(top, #cdafff, #7462ff);
    background: -o-linear-gradient(top, #cdafff 0, #7462ff 100%);
    background: linear-gradient(180deg, #cdafff, #7462ff);
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: auto;
    margin: 0;
    min-height: 455px;
    overflow: hidden;
    position: relative;
    top: auto;
    width: 100%;
}
@media (max-width: 768px) {
    .roblox-color .product-top-image__bg {
        min-height: 350px;
    }
}
.roblox-color .product-top-image__bg:before {
    background: #f3f0fd;
    content: "";
    -webkit-filter: blur(42px);
    filter: blur(42px);
    height: 300px;
    left: 50%;
    opacity: 0.3;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 300px;
}
@media (max-width: 768px) {
    .roblox-color .product-top-image__bg:before {
        height: 150px;
        width: 150px;
    }
}
.roblox-color .product-top-image__bg .icon {
    left: 25px;
    position: absolute;
    top: 25px;
}
.freefire-color .product-top-image__bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/product-bg-min.jpg) 50% 50% no-repeat var(--ff-bg-3);
    background-size: cover;
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: auto;
    margin: 0;
    min-height: 455px;
    overflow: hidden;
    position: relative;
    top: auto;
    width: 100%;
}
@media (max-width: 768px) {
    .freefire-color .product-top-image__bg {
        min-height: 350px;
    }
}
.freefire-color .product-top-image__bg:before {
    background: #6f430d;
    content: "";
    -webkit-filter: blur(27px);
    filter: blur(27px);
    height: 173px;
    left: 50%;
    margin: 20px 0 0 40px;
    opacity: 0.3;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-8deg);
    transform: translate3d(-50%, -50%, 0) rotate(-8deg);
    width: 435px;
}
@media (max-width: 768px) {
    .freefire-color .product-top-image__bg:before {
        height: 150px;
        width: 150px;
    }
}
.freefire-color .product-top-image__bg .icon {
    left: 25px;
    position: absolute;
    top: 25px;
}
.roblox-color-skins .product-top-image__bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#d9ecff), to(#93c4ff));
    background: -webkit-linear-gradient(top, #d9ecff, #93c4ff);
    background: -o-linear-gradient(top, #d9ecff 0, #93c4ff 100%);
    background: linear-gradient(180deg, #d9ecff, #93c4ff);
}
.roblox-color-skins .product-top-image__bg:before {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/product-bg2-min.png) 50% 50% no-repeat;
    background-size: cover;
    bottom: 0;
    -webkit-filter: none;
    filter: none;
    height: auto;
    left: 0;
    opacity: 1;
    right: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
}
.roblox-color-skins .product-top-image__bg .icon {
    --roblox-card: var(--roblox-text);
}
.product-top-image__corners:after,
.product-top-image__corners:before {
    content: "";
    max-width: 90%;
    position: absolute;
}
.product-top-image__corners:before {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/product-top.svg) 50% 0 no-repeat;
    background-size: 100% 100%;
    height: 10px;
    top: -9px;
    width: 483px;
}
.product-top-image__corners:after,
.product-top-image__corners:before {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.product-top-image__corners:after {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/product-bottom.svg) 50% 100% no-repeat;
    background-size: 100% 100%;
    bottom: -14px;
    height: 15px;
    width: 449px;
}
.product-top-image__icon {
    background: rgba(35, 42, 46, 0.7);
    border-radius: var(--br-5);
    padding: 7px;
    pointer-events: none;
    position: absolute;
    right: 60px;
    top: 30px;
    z-index: 10;
}
@media (max-width: 1140px) {
    .product-top-image__icon {
        right: 45px;
    }
}
@media (max-width: 768px) {
    .product-top-image__icon {
        right: 30px;
        top: 15px;
    }
}
.product-top-image__icon .icon,
.product-top-image__icon img {
    fill: #d9c17f;
    margin: 0;
    max-height: 35px;
    max-width: 35px;
    -o-object-fit: unset;
    object-fit: unset;
}
.product-top__types {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    margin: 0 -15px;
    position: absolute;
    right: 0;
}
@media (max-width: 1024px) {
    .product-top__types {
        margin: 0 -10px;
    }
}
.product-top__types .swiper-container {
    overflow: visible;
}
@media (max-width: 767px) {
    .product-top__types {
        left: 5px;
        margin: 0;
        right: auto;
        width: -webkit-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    .product-top__types .swiper-container {
        overflow: visible;
        width: 100%;
    }
}
.product-top__types .swiper-nav .swiper-button-prev {
    left: -50px;
}
.product-top__types .swiper-nav .swiper-button-next {
    right: -50px;
}
.product-top__types .swiper-nav .swiper-button-next,
.product-top__types .swiper-nav .swiper-button-prev {
    top: 40%;
}
.product-top__types .swiper-nav .swiper-button-next:after,
.product-top__types .swiper-nav .swiper-button-prev:after {
    display: none;
}
.product-top__types .swiper-nav .swiper-button-next .icon,
.product-top__types .swiper-nav .swiper-button-prev .icon {
    fill: none;
    stroke: var(--white);
    stroke-width: 9;
}
@media (max-width: 767px) {
    .product-top__types .swiper-nav .swiper-button-next .icon,
    .product-top__types .swiper-nav .swiper-button-prev .icon {
        width: 12px;
    }
}
.product-top__types a {
    color: var(--white);
    text-decoration: none;
}
.product-top__type {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
    padding: 0 15px;
    width: 200px;
}
@media (max-width: 1024px) {
    .product-top__type {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
        flex: 0 0 190px;
        max-width: 190px;
        padding: 0 10px;
    }
}
@media (max-width: 768px) {
    .product-top__type {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
        max-width: 160px;
        padding: 0 10px;
    }
}
.product-top__type a:hover {
    opacity: 1;
}
.product-top__type a:hover .product-top-type__image {
    border-color: var(--bg3-wg);
}
.product-top__type a:hover .product-top-type__image .icon {
    opacity: 1;
}
.wow-color .product-top__type a:hover .product-top-type__image {
    border-color: var(--ww-color);
}
.product-top__type a:hover .product-top-type__name span:after {
    width: 100%;
}
.product-top-type__back {
    display: block;
    padding-bottom: 4px;
}
.product-top-type__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(28, 28, 28, 0.6);
    border: 2px solid transparent;
    border-radius: var(--br-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    justify-content: center;
    margin-bottom: 10px;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 100%;
}
.wow-color .product-top-type__image {
    background: rgba(30, 97, 213, 0.2);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
    .product-top-type__image {
        height: 80px;
    }
}
.product-top-type__image .icon {
    opacity: 0.5;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.active .product-top-type__image {
    background: rgba(44, 40, 32, 0.6);
    border-color: var(--bg3-wg);
}
.wow-color .active .product-top-type__image {
    background: rgba(30, 97, 213, 0.2);
    border-color: var(--ww-color);
}
.active .product-top-type__image .icon {
    opacity: 1;
}
.product-top-type__name {
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.product-top-type__name span {
    display: inline;
    position: relative;
}
.product-top-type__name span:after {
    background: var(--bg-1);
    bottom: -4px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 0;
}
.wow-color .product-top-type__name span:after {
    background: var(--ww-color);
}
.active .product-top-type__name span:after {
    width: 100%;
}
.product-top__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
.pubg-color .product-top__bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 960px) {
    .pubg-color .product-top__bottom {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.wg-color .product-top__bottom,
.wow-color .product-top__bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1024px) {
    .wg-color .product-top__bottom,
    .wow-color .product-top__bottom {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (max-width: 767px) {
    .wg-color .product-top__bottom,
    .wow-color .product-top__bottom {
        margin-bottom: 0;
    }
}
.wowsh-color .product-top__bottom {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 50px;
}
.bb-color .product-top__bottom,
.caliber-color .product-top__bottom,
.new-view .product-top__bottom,
.wt-color .product-top__bottom {
    display: grid;
    grid-template-areas: "content order" "content roder";
    grid-template-columns: auto 490px;
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .bb-color .product-top__bottom,
    .caliber-color .product-top__bottom,
    .new-view .product-top__bottom,
    .wt-color .product-top__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.bb-color .product-top__bottom > *,
.caliber-color .product-top__bottom > *,
.new-view .product-top__bottom > *,
.wt-color .product-top__bottom > * {
    min-width: 0;
}
.product-top__float-block.float-fix {
    left: auto !important;
    -webkit-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    transform: translateY(-90px);
}
.bb-color .product-top__float-block.float-fix,
.caliber-color .product-top__float-block.float-fix,
.new-view .product-top__float-block.float-fix,
.wt-color .product-top__float-block.float-fix {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}
@media (max-width: 1024px) {
    .bb-color .product-top__float-block.float-fix,
    .caliber-color .product-top__float-block.float-fix,
    .new-view .product-top__float-block.float-fix,
    .wt-color .product-top__float-block.float-fix {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.low-height .product-top__float-block .product-info-details__back {
    display: none;
}
@media (max-width: 1140px) {
    .product-top__float-block .product-info-details__back {
        display: none;
    }
}
@media (max-width: 1024px) {
    .bb-color .product-top__float-block,
    .caliber-color .product-top__float-block,
    .wt-color .product-top__float-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 1024px) and (min-width: 769px) {
    .new-view .product-top__float-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: grid;
        grid-template-areas: "content order" "content order";
    }
}
@media (max-width: 768px) {
    .new-view .product-top__float-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
    }
}
.product-top__order {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .product-top__order {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        margin-bottom: 50px;
        margin-top: -300px;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .product-top__order {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
        margin-top: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.bb-color .product-top__order,
.caliber-color .product-top__order,
.new-view .product-top__order,
.wt-color .product-top__order {
    grid-area: order;
    grid-row-end: 5;
    max-width: 490px;
}
@media (max-width: 1024px) {
    .bb-color .product-top__order,
    .caliber-color .product-top__order,
    .new-view .product-top__order,
    .wt-color .product-top__order {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.pubg-color .product-top__order {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 490px;
    flex: 0 0 490px;
    max-width: 490px;
}
@media (max-width: 960px) {
    .pubg-color .product-top__order {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-bottom: 20px;
        margin-top: 0;
        max-width: 490px;
        width: 100%;
    }
}
.pb-color .product-top__order {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 490px;
    flex: 0 0 490px;
    max-width: 490px;
}
@media (max-width: 1140px) {
    .pb-color .product-top__order {
        margin-bottom: 50px;
        margin-top: -200px;
    }
}
@media (max-width: 768px) {
    .pb-color .product-top__order {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
        margin-top: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.wowsh-color .product-top__order {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 490px;
    flex: 0 0 490px;
    margin-bottom: -356px;
    margin-top: -125px;
    max-width: 490px;
}
@media (max-width: 1140px) {
    .wowsh-color .product-top__order {
        margin: 61px 0 0 !important;
    }
}
@media (max-width: 991px) {
    .wowsh-color .product-top__order {
        margin-top: 0 !important;
    }
}
@media (max-width: 500px) {
    .wowsh-color .product-top__order {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
.low-height .wowsh-color .product-top__order {
    margin-bottom: 0;
}
.wowsh-color .product-top__order .product-info-details__back {
    margin: 0 0 0 auto;
    max-width: 460px;
}
.wg-color .product-top__order,
.wow-color .product-top__order {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 336px;
    flex: 0 0 336px;
    max-width: 336px;
}
@media (max-width: 1024px) {
    .wg-color .product-top__order,
    .wow-color .product-top__order {
        margin-bottom: 0;
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .wg-color .product-top__order,
    .wow-color .product-top__order {
        -webkit-box-flex: 1;
        -ms-flex: auto 0 0px;
        flex: auto 0 0;
        margin-bottom: 30px;
        margin-top: 0;
        max-width: 100%;
    }
}
@media (max-width: 1024px) {
    .essence-color .product-top__order,
    .l2-legacy-color .product-top__order,
    .l2-main-color .product-top__order,
    .l2-main-premium-color .product-top__order,
    .rf-color .product-top__order {
        margin-bottom: 20px;
        margin-top: -280px;
    }
}
@media (max-width: 768px) {
    .essence-color .product-top__order,
    .l2-legacy-color .product-top__order,
    .l2-main-color .product-top__order,
    .l2-main-premium-color .product-top__order,
    .rf-color .product-top__order {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
        margin-top: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.wt-color .product-top__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: content;
    grid-row-start: 4;
    margin-bottom: 0;
    max-width: 100%;
    width: 100%;
}
.wt-color .product-top__info .block__head span {
    border-bottom: none;
}
.new-view .product-top__info {
    width: 100%;
}
.bt2-color .product-top__info .block__head span span,
.warface-color .product-top__info .block__head span span,
.xboxpage-color .product-top__info .block__head span span {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline;
    height: auto;
    padding: 0;
}
.nintendo-color .product-top__info .block__head {
    margin: 0 0 -30px -40px !important;
    position: relative;
}
@media (max-width: 768px) {
    .nintendo-color .product-top__info .block__head {
        margin: 0 0 -20px -20px !important;
    }
}
.nintendo-color .product-top__info .block__head span {
    background: #4cebfe;
}
.nintendo-color .product-top__info .block__head span span {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline;
    height: auto;
    padding: 0;
}
.nintendo-color .product-top__info .block__head.nindendo-pink span {
    background: #ff3d9e;
}
.product-top__details {
    -webkit-box-flex: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .product-top__details {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.bb-color .product-top__details,
.caliber-color .product-top__details,
.new-view .product-top__details,
.wt-color .product-top__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: content;
    grid-row-start: 3;
    margin-bottom: 0;
    max-width: 100%;
    padding-right: 30px;
}
@media (max-width: 1140px) {
    .bb-color .product-top__details,
    .caliber-color .product-top__details,
    .new-view .product-top__details,
    .wt-color .product-top__details {
        padding-right: 15px;
    }
}
.pubg-color .product-top__details {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: -240px;
    max-width: -webkit-calc(100% - 490px);
    max-width: calc(100% - 490px);
    order: -1;
    padding-left: 25px;
}
@media (max-width: 960px) {
    .pubg-color .product-top__details {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        margin: 0;
        max-width: 100%;
        order: unset;
        padding-left: 15px;
    }
}
.pb-color .product-top__details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: -webkit-calc(100% - 490px);
    max-width: calc(100% - 490px);
    padding-left: 25px;
}
@media (max-width: 1140px) {
    .pb-color .product-top__details {
        max-width: 100%;
        padding-left: 15px;
    }
}
.wowsh-color .product-top__details {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-flex: 0;
    align-items: flex-start;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: -webkit-calc(100% - 490px);
    max-width: calc(100% - 490px);
    order: -1;
    padding-right: 29px;
}
@media (max-width: 1140px) {
    .wowsh-color .product-top__details {
        padding-right: 15px;
    }
}
@media (max-width: 991px) {
    .wowsh-color .product-top__details {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
        order: unset;
        padding-right: 15px;
    }
}
.wg-color .product-top__details,
.wow-color .product-top__details {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}
.product-top__details.dd2 {
    max-width: -webkit-calc(100% - 336px);
    max-width: calc(100% - 336px);
}
.product-top__details.dd2 .product-details__back,
.product-top__details.dd2 .product-details__back .wrap {
    width: 100%;
}
.product__images {
    margin-bottom: 50px;
    padding: 0 15px;
    width: 100%;
}
@media (max-width: 767px) {
    .product__images {
        margin-bottom: 35px;
    }
}
.product__images .swiper-container {
    margin: 0 auto;
    overflow: visible;
    width: 720px;
}
.wowsh-color .product__images .swiper-container {
    margin-bottom: 34px;
    width: 100%;
}
@media (max-width: 768px) {
    .product__images .swiper-container {
        width: 100%;
    }
}
.wowsh-color .product__images .swiper-pagination {
    bottom: -34px;
}
.wowsh-color .product__images .swiper-pagination-bullet {
    --swiper-pagination-bullet-width: 20px;
    --swiper-pagination-bullet-height: 5px;
    --swiper-pagination-bullet-horizontal-gap: 5px;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-inactive-color: #1a2939;
    border-radius: 2px;
}
.wowsh-color .product__images .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-height: 7px;
    --swiper-pagination-color: var(--fgp-color-1);
    margin-bottom: -1px;
}
.product__images .swiper-pagination-fraction {
    background: rgba(199, 66, 66, 0.8);
    border-radius: var(--br-5);
    bottom: 20px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55);
    font-size: 18px;
    font-weight: 500;
    left: 50%;
    padding: 5px 20px;
    pointer-events: none;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: auto;
}
.wow-color .product__images .swiper-pagination-fraction {
    background: rgba(30, 97, 213, 0.8);
}
@media (max-width: 767px) {
    .wowsh-color .product__images .swiper-button-next,
    .wowsh-color .product__images .swiper-button-prev {
        display: none;
    }
}
.wowsh-color .product__images .swiper-button-next span,
.wowsh-color .product__images .swiper-button-prev span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    justify-content: center;
    margin-top: 18px;
    position: relative;
    width: 56px;
}
.wowsh-color .product__images .swiper-button-next span:before,
.wowsh-color .product__images .swiper-button-prev span:before {
    background: var(--wow-color);
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-8deg);
    -ms-transform: skew(-8deg);
    transform: skew(-8deg);
    -webkit-transition: var(--transition05-transform), var(--transition05-background);
    -o-transition: var(--transition05-transform), var(--transition05-background);
    transition: var(--transition05-transform), var(--transition05-background);
    z-index: -2;
}
.wowsh-color .product__images .swiper-button-next span:after,
.wowsh-color .product__images .swiper-button-prev span:after {
    display: none;
}
.wowsh-color .product__images .swiper-button-next span .icon,
.wowsh-color .product__images .swiper-button-prev span .icon {
    stroke-linecap: round;
    stroke: var(--white);
    fill: none;
    stroke-width: 9;
    height: 25px;
    width: 16px;
}
.wowsh-color .product__images .swiper-button-next span:hover:before,
.wowsh-color .product__images .swiper-button-prev span:hover:before {
    background-color: var(--fgp-color-1);
    -webkit-transform: skew(-8deg) scale(1.06);
    -ms-transform: skew(-8deg) scale(1.06);
    transform: skew(-8deg) scale(1.06);
}
.wowsh-color .product__images .swiper-button-prev span:hover .icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounce2;
    animation-name: bounce2;
}
.wowsh-color .product__images .swiper-button-next span:hover .icon {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounce2;
    animation-name: bounce2;
}
.product__images .swiper-button-next,
.product__images .swiper-button-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 20%;
}
@media (max-width: 1200px) {
    .product__images .swiper-button-next,
    .product__images .swiper-button-prev {
        width: 10%;
    }
}
.wowsh-color .product__images .swiper-button-next,
.wowsh-color .product__images .swiper-button-prev {
    bottom: 30px;
    min-width: 72px;
    pointer-events: none;
}
.wowsh-color .product__images .swiper-button-next span,
.wowsh-color .product__images .swiper-button-prev span {
    pointer-events: auto;
}
.product__images .swiper-button-next:after,
.product__images .swiper-button-prev:after {
    display: none;
}
.product__images .swiper-button-next .icon,
.product__images .swiper-button-prev .icon {
    fill: none;
    stroke-width: 9;
    stroke: #fff;
    width: 26px;
}
.product__images .swiper-button-prev {
    background: url(/bitrix/templates/c4g/css/../images/olds-from-olds/card-grad-l-lg-game-wg.svg) 0 0 repeat-y;
    left: 0;
}
.wow-color .product__images .swiper-button-prev {
    background-image: url(/bitrix/templates/c4g/css/../images/olds-from-olds/card-grad-l-lg-game-ww.svg);
}
.wowsh-color .product__images .swiper-button-prev {
    background-image: url(/bitrix/templates/c4g/css/../images/olds-from-olds/card-grad-l-lg-game-wow.svg);
}
.wowsh-color .product__images .swiper-button-prev span {
    margin-left: 15px;
    margin-right: auto;
    margin-top: 20px;
}
@media (max-width: 1200px) {
    .product__images .swiper-button-prev {
        background-position: 100% 0;
    }
}
.product__images .swiper-button-next {
    background: url(/bitrix/templates/c4g/css/../images/olds-from-olds/card-grad-r-lg-game-wg.svg) 100% 0 repeat-y;
    right: 0;
}
.wow-color .product__images .swiper-button-next {
    background-image: url(/bitrix/templates/c4g/css/../images/olds-from-olds/card-grad-r-lg-game-ww.svg);
}
.wowsh-color .product__images .swiper-button-next {
    background-image: url(/bitrix/templates/c4g/css/../images/olds-from-olds/card-grad-r-lg-game-wow.svg);
    right: 0;
}
.wowsh-color .product__images .swiper-button-next span {
    margin-left: auto;
    margin-right: 15px;
    margin-top: 20px;
}
@media (max-width: 1200px) {
    .product__images .swiper-button-next {
        background-position: 0 0;
    }
}
.product-images__list {
    border-radius: var(--br-10);
    overflow: hidden;
    position: relative;
    width: 100%;
}
.wowsh-color .product-images__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12.5px;
    margin-right: -12.5px;
    overflow: hidden;
    width: auto;
}
.wowsh-color .product-images__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    width: 100%;
}
@media (max-width: 768px) {
    .wowsh-color .product-images__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 12.5px;
        padding-right: 12.5px;
        width: 100%;
    }
}
.product-images__item a {
    border-radius: var(--br-10);
    display: block;
    min-height: 300px;
    overflow: hidden;
    padding: 0 0 55.021%;
    position: relative;
}
.wowsh-color .product-images__item a {
    border-radius: var(--br-20);
    min-height: 220px;
}
.product-images__item a img {
    border-radius: var(--br-10);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}
.product__info {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 50px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 767px) {
    .product__info {
        margin-bottom: 35px;
    }
}
.wowsh-color .product__info {
    margin-bottom: 44px;
}
.product-info__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 767px) {
    .product-info__top {
        margin-bottom: 35px;
    }
}
.wowsh-color .product-info__top {
    margin-bottom: 0;
}
.product-info__content {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--grey);
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    font-size: 14px;
    line-height: 23px;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1200px) {
    .product-info__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .product-info__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .product-info__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 35px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .new-view .product-info__content {
        margin-bottom: 5px;
    }
}
.product-info__content.wide {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.wowsh-color .product-info__content {
    -webkit-box-flex: 0;
    color: #90a7a6;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: -webkit-calc(100% - 490px);
    max-width: calc(100% - 490px);
    padding-right: 29px;
}
@media (max-width: 1140px) {
    .wowsh-color .product-info__content {
        padding-right: 15px;
    }
}
@media (max-width: 991px) {
    .wowsh-color .product-info__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .wowsh-color .product-info__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.bb-color .product-info__content {
    color: var(--white);
    font-family: var(--font-montserrat);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.bb-color .product-info__content a {
    color: var(--ml-color);
}
.lol-color .product-info__content {
    color: var(--white);
    font-family: var(--font-open-sans);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.lol-color .product-info__content a {
    color: var(--lol-color);
}
.lol-color .product-info__content .card-read-more a {
    color: var(--black);
    font-size: 18px;
}
.lol-color .product-info__content .card-read-more a .icon {
    --white: var(--black);
}
.aion-classic-color .product-info__content {
    color: var(--white);
    font-family: var(--font-montserrat);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.aion-classic-color .product-info__content p {
    font-size: 18px;
    font-weight: 700;
}
.aion-classic-color .product-info__content a {
    color: var(--aion-classic-btn);
    font-weight: 700;
}
.stalcraft-color .product-info__content {
    color: var(--white);
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.stalcraft-color .product-info__content p {
    font-size: 18px;
    font-weight: 700;
}
.stalcraft-color .product-info__content a {
    color: var(--stalcraft-color);
    font-weight: 700;
}
.nintendo-color .product-info__content {
    color: var(--black);
    font-family: var(--font-futura);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}
.nintendo-color .product-info__content p {
    font-size: 14px;
    font-weight: 600;
}
.nintendo-color .product-info__content a {
    color: var(--nintendo-link);
    font-weight: 700;
}
.nintendo-color .product-info__content .catalog-list__more a {
    color: var(--black);
}
.nintendo-color .product-info__content .catalog-list__more a:hover {
    color: var(--white);
}
.xboxpage-color .product-info__content {
    color: var(--white);
    font-family: var(--font-segoeui);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.xboxpage-color .product-info__content p {
    font-size: 14px;
    font-weight: 600;
}
.xboxpage-color .product-info__content strong {
    font-weight: 900;
}
.xboxpage-color .product-info__content .catalog-list__more a,
.xboxpage-color .product-info__content .catalog-list__more a:hover,
.xboxpage-color .product-info__content a {
    color: var(--white);
}
.bt2-color .product-info__content,
.warface-color .product-info__content {
    color: #ebe8e2;
    font-family: var(--font-okko);
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}
.bt2-color .product-info__content p,
.warface-color .product-info__content p {
    font-size: 14px;
    font-weight: 500;
}
.bt2-color .product-info__content strong,
.warface-color .product-info__content strong {
    font-weight: 700;
}
.bt2-color .product-info__content .catalog-list__more a,
.bt2-color .product-info__content .catalog-list__more a:hover,
.bt2-color .product-info__content a,
.warface-color .product-info__content .catalog-list__more a,
.warface-color .product-info__content .catalog-list__more a:hover,
.warface-color .product-info__content a {
    color: var(--white);
}
.bt2-color .product-info__content .catalog-list__more a:hover {
    color: var(--black);
}
.bns-color .product-info__content {
    color: var(--white);
    font-family: var(--font-gotham);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.bns-color .product-info__content p {
    font-size: 18px;
    font-weight: 700;
}
.bns-color .product-info__content a {
    color: var(--bns-price);
    font-weight: 700;
}
.genshin-color .product-info__content {
    color: var(--white);
    font-family: var(--font-montserrat);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.genshin-color .product-info__content p {
    font-size: 18px;
    font-weight: 700;
}
.genshin-color .product-info__content a {
    color: var(--genshin-btn);
    font-weight: 700;
}
.fortnite-color .product-info__content {
    color: var(--white);
    font-family: var(--font-refrigerator);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}
.fortnite-color .product-info__content a {
    color: var(--fortnite-color-2);
}
.fortnite-color .product-info__content .card-read-more a {
    color: var(--black);
    font-size: 18px;
}
.fortnite-color .product-info__content .card-read-more a .icon {
    --white: var(--black);
}
.freefire-color .product-info__content {
    color: var(--white);
    font-family: var(--font-ff);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.freefire-color .product-info__content a {
    color: var(--ff-bg);
}
.freefire-color .product-info__content .card-read-more a {
    color: var(--black);
}
.freefire-color .product-info__content .card-read-more a .icon {
    --white: var(--black);
}
.roblox-color .product-info__content {
    color: var(--roblox-text);
    font-family: var(--font-open-sans);
    font-weight: 600;
    line-height: 20px;
}
.roblox-color .product-info__content a {
    color: var(--roblox-link);
}
.roblox-color .product-info__content .card-read-more a {
    color: var(--roblox-text);
}
.roblox-color .product-info__content .card-read-more a .icon {
    --white: var(--roblox-text);
}
.roblox-color-skins .product-info__content a {
    color: var(--ml-price);
}
.wt-color .product-info__content {
    color: var(--wt-text);
}
.wt-color .product-info__content .white {
    color: var(--white);
}
.aion-color .product-info__content,
.ragnarok-color .product-info__content {
    color: var(--black);
}
.product-info__content p {
    margin-bottom: 1rem;
}
.product-info__content p:last-child {
    margin-bottom: 0;
}
.product-info__content p strong {
    font-weight: 600;
}
.wowsh-color .product-info__content p strong {
    color: var(--white);
}
.product-info__content p b {
    font-weight: 500;
    text-transform: uppercase;
}
.product-info__content ul {
    margin: 0 0 1rem;
}
.product-info__content ul:last-child {
    margin-bottom: 0;
}
.product-info__content ul li {
    list-style: none;
    padding-left: 15px;
    position: relative;
}
.product-info__content ul li:before {
    background: var(--bg-1);
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 7px;
}
.aion-classic-color .product-info__content ul li:before,
.bns-color .product-info__content ul li:before,
.bt2-color .product-info__content ul li:before,
.genshin-color .product-info__content ul li:before,
.nintendo-color .product-info__content ul li:before,
.stalcraft-color .product-info__content ul li:before,
.warface-color .product-info__content ul li:before,
.xboxpage-color .product-info__content ul li:before {
    height: 4px;
    top: 8px;
    width: 4px;
}
.aion-classic-color .product-info__content ul li:before {
    background: var(--aion-classic-btn);
}
.stalcraft-color .product-info__content ul li:before {
    background: var(--stalcraft-color);
}
.warface-color .product-info__content ul li:before {
    background: var(--warface-color-1);
}
.bt2-color .product-info__content ul li:before {
    background: var(--bt2-light);
}
.xboxpage-color .product-info__content ul li:before {
    background: var(--xbox-color-1);
}
.nintendo-color .product-info__content ul li:before {
    background: var(--nintendo-link);
}
.bns-color .product-info__content ul li:before {
    background: var(--bns-price);
}
.genshin-color .product-info__content ul li:before {
    background: var(--fortnite-color-2);
}
.bb-color .product-info__content ul li:before {
    background: var(--ml-color);
}
.wow-color .product-info__content ul li:before {
    background: var(--ww-color);
}
.wowsh-color .product-info__content ul li:before {
    background: var(--wow-color);
}
.crowfall-color .product-info__content ul li:before {
    background: var(--crowfall-color);
}
.aion-color .product-info__content ul li:before {
    background: var(--aion-color);
}
.freefire-color .product-info__content ul li:before {
    background: var(--ff-bg);
    top: 8px;
}
.roblox-color .product-info__content ul li:before {
    background: var(--roblox-price);
    top: 8px;
}
.roblox-color-skins .product-info__content ul li:before {
    background: var(--ml-price);
}
.fortnite-color .product-info__content ul li:before {
    background: var(--fortnite-color-2);
}
.lol-color .product-info__content ul li:before {
    background: var(--lol-color);
}
.product-info__content ol {
    counter-reset: myOLCounter;
    margin: 0 0 1rem;
    padding: 0;
}
.product-info__content ol:last-child {
    margin-bottom: 0;
}
.product-info__content ol li {
    list-style-type: none;
    padding: 0 0 0 20px;
    position: relative;
}
.product-info__content ol li:before {
    content: counter(myOLCounter) ".";
    counter-increment: myOLCounter;
    left: 2px;
    position: absolute;
}
.bb-color .product-info__content ol li:before {
    color: var(--ml-color);
}
.freefire-color .product-info__content ol li:before {
    color: var(--ff-bg);
}
.roblox-color .product-info__content ol li:before {
    color: var(--roblox-link);
}
.wt-color .product-info__content ol li:before {
    color: var(--wt-color-1);
}
.wt-color-gold .product-info__content ol li:before {
    color: var(--wt-color-2);
}
.caliber-color .product-info__content ol li:before {
    color: var(--caliber-color);
}
.fortnite-color .product-info__content ol li:before {
    color: var(--fortnite-color-2);
}
.lol-color .product-info__content ol li:before {
    color: var(--lol-color);
}
.bt2-color .product-info__content ol li:before {
    color: var(--bt2-light);
}
.product-info__content b,
.wg__content .product-info__content a,
.wow__content .product-info__content a,
.wowsh__content .product-info__content a {
    color: var(--white);
}
.product-info__gfn {
    background: var(--bg2-wg);
    border: 2px solid rgba(199, 66, 66, 0.5);
    border-radius: var(--br-10);
    padding: 20px 35px 20px 25px;
}
.wow-color .product-info__gfn {
    background: var(--ww-bg);
    border-color: #11387c;
}
.wowsh-color .product-info__gfn {
    background: var(--wow-bg-gfn);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    border: none;
    border-radius: var(--br-20);
    margin-bottom: 45px;
    padding: 17px 42px 17px 32px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .wowsh-color .product-info__gfn {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }
}
.crowfall-color .product-info__gfn {
    background: var(--crowfall-color-2);
    border-color: #9c7616;
}
.rf-color .product-info__gfn {
    border-radius: 0;
}
.rf-color-1 .product-info__gfn {
    background: var(--rf-color-1-bg);
    border-color: var(--rf-color-1);
}
.rf-color-2 .product-info__gfn {
    background: var(--rf-color-2-bg);
    border-color: var(--rf-color-2);
}
.rf-color-3 .product-info__gfn {
    background: var(--rf-color-3-bg);
    border-color: var(--rf-color-3);
}
.rf-color-4 .product-info__gfn {
    background: var(--rf-color-4-bg);
    border-color: var(--rf-color-4);
}
.product-info-gfn__back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 1300px) {
    .product-info-gfn__back {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.product-info-gfn__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    max-width: 180px;
    padding: 10px 15px;
    width: 100%;
}
@media (max-width: 767px) {
    .product-info-gfn__icon {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
        padding-top: 15px;
    }
}
.wowsh-color .product-info-gfn__icon {
    padding: 5px 15px;
}
.wowsh-color .product-info-gfn__icon .icon {
    height: 30px;
    width: 149px;
}
.product-info-gfn__desc {
    -webkit-box-flex: 1;
    color: var(--grey);
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 14px;
    line-height: 22px;
    padding: 0 30px 0 15px;
}
.wowsh-color .product-info-gfn__desc {
    color: #90a7a6;
}
@media (max-width: 767px) {
    .product-info-gfn__desc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 15px;
    }
}
.product-info-gfn__desc a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
    -o-transition: color 0.2s ease, border-bottom-color 0.2s ease;
    transition: color 0.2s ease, border-bottom-color 0.2s ease;
}
.product-info-gfn__desc a:hover {
    border-bottom-color: hsla(0, 0%, 100%, 0.6);
    color: hsla(0, 0%, 100%, 0.6);
}
.product-info-gfn__desc a.dotted {
    border-bottom: 1px dashed #fff;
}
.wowsh-color .product-info-gfn__desc a.dotted {
    border-bottom: none;
}
.product-info-gfn__desc a.dotted:hover {
    border-bottom-color: hsla(0, 0%, 100%, 0.6);
}
.product-info-gfn__desc p {
    margin: 0;
}
.product-info-gfn__more {
    display: inline-block;
    margin: 0 0 0 15px;
    padding-left: 18px;
    vertical-align: top;
}
@media (max-width: 1300px) {
    .product-info-gfn__more {
        display: block;
        margin: 0;
        padding-top: 10px;
    }
}
.product-info-gfn__more a {
    border-bottom: 1px dashed var(--white);
    color: var(--white);
    position: relative;
    text-decoration: none;
}
.wowsh-color .product-info-gfn__more a {
    border-bottom: none;
}
.product-info-gfn__more a:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 11.5 5-5-5-5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: cover;
    content: "";
    height: 13px;
    left: -18px;
    position: absolute;
    top: 3px;
    width: 8px;
}
.wowsh-color .product-info-gfn__more a:before {
    top: 2px;
}
.product-info-gfn__button {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    max-width: 240px;
    padding: 10px 15px;
    width: 100%;
}
@media (max-width: 767px) {
    .product-info-gfn__button {
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        max-width: none;
        order: -1;
    }
}
@media (max-width: 480px) {
    .product-info-gfn__button {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: unset;
    }
}
.product-info-gfn__button .btn {
    border-radius: 7px;
    font-size: 12px;
    height: 36px;
}
@media (max-width: 767px) {
    .product-info-gfn__button .btn {
        width: auto;
    }
}
.product-info-content__body {
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-in-out;
    -o-transition: max-height 0.2s ease-in-out;
    transition: max-height 0.2s ease-in-out;
}
.product-info-content__body img {
    height: auto;
    max-width: 100%;
}
.crowfall-color .product-info-content__body {
    font-family: var(--font-gotham);
}
.crowfall-color .product-info-content__body img {
    border-radius: var(--br-20);
}
.crowfall-color .product-info-content__body a {
    color: var(--crowfall-color);
}
.rf-color .product-info-content__body {
    font-family: var(--font-kelson-sans);
}
.rf-color .product-info-content__body img {
    border-radius: var(--br-20);
}
.rf-color .product-info-content__body a {
    color: var(--white);
}
.essence-color .product-info-content__body,
.l2-legacy-color .product-info-content__body,
.l2-main-color .product-info-content__body,
.l2-main-premium-color .product-info-content__body {
    font-family: var(--font-gotham);
}
.essence-color .product-info-content__body img,
.l2-legacy-color .product-info-content__body img,
.l2-main-color .product-info-content__body img,
.l2-main-premium-color .product-info-content__body img {
    border-radius: var(--br-20);
}
.essence-color .product-info-content__body a,
.l2-legacy-color .product-info-content__body a,
.l2-main-color .product-info-content__body a,
.l2-main-premium-color .product-info-content__body a {
    color: var(--white);
}
.new-view .product-info-content__body,
.wowsh-color .product-info-content__body,
.wt-color .product-info-content__body {
    border-radius: var(--br-20);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .new-view .product-info-content__body,
    .wowsh-color .product-info-content__body,
    .wt-color .product-info-content__body {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }
}
.aion-classic-color .product-info-content__body,
.fortnite-color .product-info-content__body,
.freefire-color .product-info-content__body,
.wowsh-color .product-info-content__body,
.wt-color .product-info-content__body {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
.stalcraft-color .product-info-content__body {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), color-stop(175%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0) 175%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0) 175%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0) 175%);
}
.warface-color .product-info-content__body {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, rgba(59, 73, 104, 0)), to(#151922));
    background: -webkit-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922);
    background: -o-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922 100%);
    background: linear-gradient(0deg, rgba(59, 73, 104, 0) -35.42%, #151922);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .warface-color .product-info-content__body {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
.bt2-color .product-info-content__body {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, rgba(32, 41, 60, 0)), to(#22242a));
    background: -webkit-linear-gradient(bottom, rgba(32, 41, 60, 0) -35.42%, #22242a);
    background: -o-linear-gradient(bottom, rgba(32, 41, 60, 0) -35.42%, #22242a 100%);
    background: linear-gradient(0deg, rgba(32, 41, 60, 0) -35.42%, #22242a);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .bt2-color .product-info-content__body {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
.xboxpage-color .product-info-content__body {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), color-stop(175%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0) 175%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0) 175%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0) 175%);
}
.nintendo-color .product-info-content__body {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--white);
}
.bns-color .product-info-content__body,
.genshin-color .product-info-content__body {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
.roblox-color .product-info-content__body {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(119, 72, 255, 0.2)), color-stop(141.37%, rgba(223, 219, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(119, 72, 255, 0.2), rgba(223, 219, 255, 0) 141.37%);
    background: -o-linear-gradient(top, rgba(119, 72, 255, 0.2) 0, rgba(223, 219, 255, 0) 141.37%);
    background: linear-gradient(180deg, rgba(119, 72, 255, 0.2), rgba(223, 219, 255, 0) 141.37%);
}
.roblox-color-skins .product-info-content__body {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(154, 206, 255, 0.2)), to(rgba(99, 180, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(154, 206, 255, 0.2), rgba(99, 180, 255, 0));
    background: -o-linear-gradient(top, rgba(154, 206, 255, 0.2) 0, rgba(99, 180, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(154, 206, 255, 0.2), rgba(99, 180, 255, 0));
}
.bb-color .product-info-content__body,
.lol-color .product-info-content__body {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), color-stop(141.37%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) 141.37%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 141.37%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) 141.37%);
}
.new-view .product-info-content__body--height {
    padding: 30px;
}
@media (max-width: 768px) {
    .new-view .product-info-content__body--height {
        padding: 25px;
    }
}
.nintendo-color .product-info-content__body--height {
    padding-top: 60px;
}
@media (max-width: 768px) {
    .nintendo-color .product-info-content__body--height {
        padding-top: 40px;
    }
}
.wowsh-color .product-info-content__body--height,
.wt-color .product-info-content__body--height {
    padding: 35px 30px;
}
@media (max-width: 768px) {
    .wowsh-color .product-info-content__body--height,
    .wt-color .product-info-content__body--height {
        padding: 30px 25px;
    }
}
.product-info-content__readmore {
    padding-top: 40px;
    position: relative;
}
.new-view .product-info-content__readmore,
.wowsh-color .product-info-content__readmore,
.wt-color .product-info-content__readmore {
    padding-top: 15px;
}
.product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--bg-wg)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--bg-wg) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--bg-wg) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--bg-wg) 100%);
    bottom: 100%;
    content: "";
    height: 70px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.aion-classic-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(#4a2d90));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0), #4a2d90);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, #4a2d90 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0), #4a2d90);
}
.stalcraft-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(#000));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0), #000);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, #000 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0), #000);
}
.bt2-color .product-info-content__readmore:before,
.warface-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#000));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #000);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #000 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #000);
    border-radius: 0 0 20px 20px;
}
.xboxpage-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#171717));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #171717);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #171717 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #171717);
    border-radius: 0 0 20px 20px;
}
.nintendo-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--white)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--white) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--white) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--white) 100%);
    border-radius: 0 0 20px 20px;
}
.bns-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(#000));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0), #000);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, #000 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0), #000);
}
.genshin-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(#172242));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0), #172242);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, #172242 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0), #172242);
}
.bb-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(#0b1e4c));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0), #0b1e4c);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, #0b1e4c 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0), #0b1e4c);
}
.freefire-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(#3b3056));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0), #3b3056);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, #3b3056 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0), #3b3056);
    border-radius: 0 0 var(--br-20) var(--br-20);
}
.roblox-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(#f4f3ff));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0), #f4f3ff);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, #f4f3ff 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0), #f4f3ff);
}
.lol-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(#1a1d22));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0), #1a1d22);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, #1a1d22 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0), #1a1d22);
}
.fortnite-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(#0b1e4c));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0), #0b1e4c);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, #0b1e4c 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0), #0b1e4c);
}
.wow-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--bg-ww)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--bg-ww) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--bg-ww) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--bg-ww) 100%);
}
.wt-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--wt-bg)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--wt-bg) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--wt-bg) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--wt-bg) 100%);
    border-radius: 0 0 20px 20px;
}
.wowsh-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--wow-bg)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--wow-bg) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--wow-bg) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--wow-bg) 100%);
    border-radius: 0 0 20px 20px;
}
.crowfall-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--crowfall-bg)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--crowfall-bg) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--crowfall-bg) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--crowfall-bg) 100%);
}
.aion-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--white)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--white) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--white) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--white) 100%);
    display: none;
}
.rf-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--rf-bg)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--rf-bg) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--rf-bg) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--rf-bg) 100%);
}
.essence-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--essence-bg)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--essence-bg) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--essence-bg) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--essence-bg) 100%);
}
.l2-main-color .product-info-content__readmore:before,
.l2-main-premium-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--l2-main-bg)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--l2-main-bg) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--l2-main-bg) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--l2-main-bg) 100%);
}
.l2-legacy-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(var(--l2-legacy-bg-product)));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--l2-legacy-bg-product) 100%);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, var(--l2-legacy-bg-product) 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0) 0, var(--l2-legacy-bg-product) 100%);
}
.pb-color .product-info-content__readmore:before,
.pubg-color .product-info-content__readmore:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black)));
    background: -webkit-linear-gradient(top, transparent 0, var(--black) 100%);
    background: -o-linear-gradient(top, transparent 0, var(--black) 100%);
    background: linear-gradient(180deg, transparent 0, var(--black) 100%);
}
.product-info-content__readmore a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--bg2-wg);
    border-radius: var(--br-10);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 45px;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
@media (max-width: 767px) {
    .product-info-content__readmore a {
        font-size: 14px;
    }
}
.product-info-content__readmore a:hover {
    background: #5b3534;
    opacity: 1;
}
.l2-legacy-color .product-info-content__readmore a {
    background-color: var(--l2-legacy-color-1);
    color: var(--black);
}
.wt-color .product-info-content__readmore a {
    font-size: 16px;
}
@media (max-width: 414px) {
    .wt-color .product-info-content__readmore a {
        font-size: 14px;
    }
}
.wowsh-color .product-info-content__readmore a {
    font-size: 18px;
}
@media (max-width: 768px) {
    .wowsh-color .product-info-content__readmore a {
        font-size: 16px;
    }
}
@media (max-width: 414px) {
    .wowsh-color .product-info-content__readmore a {
        font-size: 14px;
    }
}
.product-info-content__readmore.opened:before {
    opacity: 0;
}
.product-info__details {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1200px) {
    .product-info__details {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .product-info__details {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .product-info__details {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.wowsh-color .product-info__details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 490px;
    flex: 0 0 490px;
    max-width: 490px;
}
@media (max-width: 991px) {
    .wowsh-color .product-info__details {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .wowsh-color .product-info__details {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.bb-color .product-info__details-clone,
.caliber-color .product-info__details-clone,
.new-view .product-info__details-clone,
.wt-color .product-info__details-clone {
    display: none;
}
@media (max-width: 768px) {
    .bb-color .product-info__details-clone,
    .caliber-color .product-info__details-clone,
    .new-view .product-info__details-clone,
    .wt-color .product-info__details-clone {
        display: block;
        padding: 0 15px;
        width: 100%;
    }
    .bb-color .product-info__details-clone .product-info-details__back,
    .caliber-color .product-info__details-clone .product-info-details__back,
    .new-view .product-info__details-clone .product-info-details__back,
    .wt-color .product-info__details-clone .product-info-details__back {
        display: block;
        max-width: 100%;
    }
    .new-view .product-top__details .product-info__details-clone {
        margin-bottom: 30px;
        padding: 0;
    }
}
.product-info-details__back {
    background: var(--bg2-wg);
    border-radius: var(--br-10);
    padding: 30px;
}
.wow-color .product-info-details__back {
    background: var(--ww-bg);
}
.bb-color .product-info-details__back,
.caliber-color .product-info-details__back,
.new-view .product-info-details__back,
.wowsh-color .product-info-details__back,
.wt-color .product-info-details__back {
    border-radius: var(--br-20);
    padding: 46px 34px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .bb-color .product-info-details__back,
    .caliber-color .product-info-details__back,
    .new-view .product-info-details__back,
    .wowsh-color .product-info-details__back,
    .wt-color .product-info-details__back {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@media (max-width: 768px) {
    .bb-color .product-info-details__back,
    .caliber-color .product-info-details__back,
    .new-view .product-info-details__back,
    .wowsh-color .product-info-details__back,
    .wt-color .product-info-details__back {
        padding: 30px 25px;
    }
}
.bb-color .product-info-details__back,
.caliber-color .product-info-details__back,
.new-view .product-info-details__back,
.wt-color .product-info-details__back {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
@media (max-width: 1140px) {
    .bb-color .product-info-details__back,
    .caliber-color .product-info-details__back,
    .new-view .product-info-details__back,
    .wt-color .product-info-details__back {
        display: block;
    }
}
@media (max-width: 1024px) {
    .bb-color .product-info-details__back,
    .caliber-color .product-info-details__back,
    .new-view .product-info-details__back,
    .wt-color .product-info-details__back {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        max-width: -webkit-calc(100% - 490px);
        max-width: calc(100% - 490px);
        order: -1;
    }
}
@media (max-width: 900px) {
    .bb-color .product-info-details__back,
    .caliber-color .product-info-details__back,
    .new-view .product-info-details__back,
    .wt-color .product-info-details__back {
        max-width: -webkit-calc(100% - 430px);
        max-width: calc(100% - 430px);
    }
}
@media (max-width: 768px) {
    .bb-color .product-info-details__back,
    .caliber-color .product-info-details__back,
    .new-view .product-info-details__back,
    .wt-color .product-info-details__back {
        display: none;
    }
}
@media (max-width: 1024px) and (min-width: 769px) {
    .new-view .product-info-details__back {
        grid-row-end: 5;
        grid-row-start: 1;
        margin: 0 40px 0 0;
        max-width: 100%;
    }
}
@media (max-width: 1024px) and (min-width: 769px) and (max-width: 900px) {
    .new-view .product-info-details__back {
        margin: 0 15px 0 0;
    }
}
.warface-color .product-info-details__back {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, rgba(59, 73, 104, 0)), to(#151922));
    background: -webkit-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922);
    background: -o-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922 100%);
    background: linear-gradient(0deg, rgba(59, 73, 104, 0) -35.42%, #151922);
}
.bt2-color .product-info-details__back {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, rgba(32, 41, 60, 0)), to(#22242a));
    background: -webkit-linear-gradient(bottom, rgba(32, 41, 60, 0) -35.42%, #22242a);
    background: -o-linear-gradient(bottom, rgba(32, 41, 60, 0) -35.42%, #22242a 100%);
    background: linear-gradient(0deg, rgba(32, 41, 60, 0) -35.42%, #22242a);
}
.xboxpage-color .product-info-details__back {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), color-stop(175%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0) 175%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0) 175%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0) 175%);
}
.nintendo-color .product-info-details__back {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--white);
}
.stalcraft-color .product-info-details__back {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), color-stop(175%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0) 175%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0) 175%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0) 175%);
}
.freefire-color .product-info-details__back {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
.roblox-color .product-info-details__back {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(119, 72, 255, 0.2)), to(rgba(223, 219, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(119, 72, 255, 0.2), rgba(223, 219, 255, 0));
    background: -o-linear-gradient(top, rgba(119, 72, 255, 0.2) 0, rgba(223, 219, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(119, 72, 255, 0.2), rgba(223, 219, 255, 0));
}
.roblox-color-skins .product-info-details__back {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(154, 206, 255, 0.2)), to(rgba(99, 180, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(154, 206, 255, 0.2), rgba(99, 180, 255, 0));
    background: -o-linear-gradient(top, rgba(154, 206, 255, 0.2) 0, rgba(99, 180, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(154, 206, 255, 0.2), rgba(99, 180, 255, 0));
}
.wowsh-color .product-info-details__back {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .wowsh-color .product-info-details__back {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@media (max-width: 1140px) {
    .wowsh-color .product-info-details__back {
        max-width: 100%;
    }
}
.crowfall-color .product-info-details__back {
    background: var(--crowfall-color-2);
    font-family: var(--font-gotham);
}
.aion-color .product-info-details__back {
    background: #070a10;
    font-family: var(--font-gotham);
}
@media (max-width: 767px) {
    .product-info-details__back {
        padding: 20px;
    }
}
.product-info-details__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
}
.wowsh-color .product-info-details__item {
    margin-bottom: 40px;
}
.product-info-details__item:last-child {
    margin-bottom: 0;
}
.product-info-details__icon {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    justify-content: center;
    width: 40px;
}
.product-info-details__icon .icon-wg {
    height: 40px;
    width: 40px;
}
.crowfall-color .product-info-details__icon .icon,
.essence-color .product-info-details__icon .icon,
.genshin-color .product-info-details__icon .icon,
.l2-legacy-color .product-info-details__icon .icon,
.l2-main-color .product-info-details__icon .icon,
.l2-main-premium-color .product-info-details__icon .icon,
.rf-color .product-info-details__icon .icon,
.wg-color .product-info-details__icon .icon,
.wow-color .product-info-details__icon .icon {
    --color-1: var(--white);
    --rg-color: var(--white);
}
.crowfall-color .product-info-details__icon .icon-4game-official,
.essence-color .product-info-details__icon .icon-4game-official,
.genshin-color .product-info-details__icon .icon-4game-official,
.l2-legacy-color .product-info-details__icon .icon-4game-official,
.l2-main-color .product-info-details__icon .icon-4game-official,
.l2-main-premium-color .product-info-details__icon .icon-4game-official,
.rf-color .product-info-details__icon .icon-4game-official,
.wg-color .product-info-details__icon .icon-4game-official,
.wow-color .product-info-details__icon .icon-4game-official {
    --rg-color: #fff;
    --white: #2c2f32;
}
.crowfall-color .product-info-details__icon .icon-info-ru,
.essence-color .product-info-details__icon .icon-info-ru,
.genshin-color .product-info-details__icon .icon-info-ru,
.l2-legacy-color .product-info-details__icon .icon-info-ru,
.l2-main-color .product-info-details__icon .icon-info-ru,
.l2-main-premium-color .product-info-details__icon .icon-info-ru,
.rf-color .product-info-details__icon .icon-info-ru,
.wg-color .product-info-details__icon .icon-info-ru,
.wow-color .product-info-details__icon .icon-info-ru {
    --color-1: #1c1b15;
}
.aion-classic-color .product-info-details__icon .icon {
    --color-1: var(--white);
    --rg-color: var(--white);
}
.aion-classic-color .product-info-details__icon .icon-4game-items,
.aion-classic-color .product-info-details__icon .icon-4game-official {
    --rg-color: #fff;
    --white: #4a2d90;
}
.aion-classic-color .product-info-details__icon .icon-info-ru {
    --color-1: #4a2d90;
}
.stalcraft-color .product-info-details__icon .icon {
    --color-1: var(--stalcraft-color);
    --rg-color: var(--stalcraft-color);
}
.stalcraft-color .product-info-details__icon .icon-4game-items,
.stalcraft-color .product-info-details__icon .icon-4game-official {
    --rg-color: var(--stalcraft-color);
    --white: #222;
}
.warface-color .product-info-details__icon .icon {
    --white: var(--warface-color-2);
    --color-1: var(--warface-color-2);
    --rg-color: var(--warface-color-2);
}
.warface-color .product-info-details__icon .icon-4game-official {
    --white: var(--black);
    --rg-color: var(--warface-color-2);
}
.bt2-color .product-info-details__icon .icon {
    --white: var(--black);
    --color-1: var(--bt2-light);
    --rg-color: var(--bt2-light);
}
.bt2-color .product-info-details__icon .icon-4game-official {
    --white: var(--black);
    --rg-color: var(--bt2-light);
}
.xboxpage-color .product-info-details__icon .icon {
    --white: var(--xbox-color-1);
    --color-1: var(--xbox-color-1);
    --rg-color: var(--xbox-color-1);
}
.xboxpage-color .product-info-details__icon .icon-4game-official {
    --white: var(--wt-bg);
    --rg-color: var(--xbox-color-1);
}
.nintendo-color .product-info-details__icon .icon {
    --color-1: var(--nintendo-link);
    --rg-color: var(--nintendo-link);
}
.nintendo-color .product-info-details__icon .icon-4game-official {
    --rg-color: var(--nintendo-link);
}
.bns-color .product-info-details__icon .icon {
    --color-1: var(--bns-price);
    --rg-color: var(--bns-price);
}
.bns-color .product-info-details__icon .icon-4game-official {
    --rg-color: var(--bns-price);
    --white: var(--black);
}
.bb-color .product-info-details__icon .icon,
.caliber-color .product-info-details__icon .icon,
.wt-color .product-info-details__icon .icon {
    --fill-none: 1;
    fill: url(#shape-gradient) #fff;
    --color-1: 1;
    --rg-color: 1;
    --white: 1;
}
.bb-color .product-info-details__icon .icon-4game-official,
.caliber-color .product-info-details__icon .icon-4game-official,
.wt-color .product-info-details__icon .icon-4game-official {
    --white: #2c2f32;
}
.bb-color .product-info-details__icon .icon-info-ru,
.caliber-color .product-info-details__icon .icon-info-ru,
.wt-color .product-info-details__icon .icon-info-ru {
    --color-1: #2c2f32;
}
.bb-color .product-info-details__icon .icon-war-thunder,
.caliber-color .product-info-details__icon .icon-war-thunder,
.wt-color .product-info-details__icon .icon-war-thunder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54px;
    flex: 0 0 54px;
    margin-top: 5px;
}
.bb-color .product-info-details__icon .icon-4game-official {
    --white: #211a69;
}
.bb-color .product-info-details__icon .icon-info-ru {
    --color-1: #211a69;
}
.lol-color .product-info-details__icon .icon {
    --color-1: var(--lol-color-2);
    --rg-color: var(--lol-color-2);
    --white: #1a1d22;
}
.lol-color .product-info-details__icon .icon-info-ru,
.lol-color .product-info-details__icon .icon-lol {
    --color-1: #1a1d22;
    --white: var(--lol-color-2);
}
.fortnite-color .product-info-details__icon .icon {
    --color-1: var(--fortnite-color-2);
    --rg-color: var(--fortnite-color-2);
    --white: #0c1f4d;
}
.fortnite-color .product-info-details__icon .icon-info-ru {
    --color-1: #0c1f4d;
    --white: var(--fortnite-color-2);
}
.freefire-color .product-info-details__icon .icon {
    --color-1: var(--ff-bg);
    --rg-color: var(--ff-bg);
    --white: var(--ff-bg);
}
.freefire-color .product-info-details__icon .icon-4game-official {
    --white: #211a69;
}
.freefire-color .product-info-details__icon .icon-info-ru {
    --color-1: #211a69;
}
.roblox-color .product-info-details__icon .icon {
    --color-1: #a38bff;
    --rg-color: #a38bff;
    --white: #a38bff;
}
.roblox-color .product-info-details__icon .icon-4game-official {
    --white: #dfdafe;
}
.roblox-color .product-info-details__icon .icon-info-ru {
    --color-1: #dfdafe;
}
.roblox-color-skins .product-info-details__icon .icon {
    --color-1: var(--ml-price);
    --rg-color: var(--ml-price);
    --white: var(--ml-price);
}
.roblox-color-skins .product-info-details__icon .icon-4game-official {
    --white: #e4efff;
}
.roblox-color-skins .product-info-details__icon .icon-info-ru {
    --color-1: #e4efff;
}
.genshin-color .product-info-details__icon .icon {
    --color-1: var(--genshin-btn);
    --rg-color: var(--genshin-btn);
    --white: var(--genshin-btn);
}
.genshin-color .product-info-details__icon .icon-4game-official {
    --white: #211a69;
}
.genshin-color .product-info-details__icon .icon-info-ru {
    --color-1: #211a69;
}
.wowsh-color .product-info-details__icon .icon {
    --fill-none: 1;
    fill: url(#shape-gradient) #fff;
    --color-1: 1;
    --rg-color: 1;
    --white: 1;
}
.wowsh-color .product-info-details__icon .icon-4game-official {
    --white: #2c2f32;
}
.wowsh-color .product-info-details__icon .icon-info-ru {
    --color-1: #1c1b15;
}
.product-info-details__desc {
    -webkit-box-flex: 1;
    color: var(--grey);
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 30px;
}
@media (max-width: 767px) {
    .product-info-details__desc {
        padding-left: 20px;
    }
}
.stalcraft-color .product-info-details__desc {
    color: #bcbcbc;
    font-family: var(--font-roboto);
    font-weight: 500;
}
.warface-color .product-info-details__desc {
    color: #bcbcbc;
    font-family: var(--font-okko);
    font-weight: 500;
}
.bt2-color .product-info-details__desc {
    color: #bcbcbc;
    font-family: var(--font-roboto);
    font-weight: 500;
}
.xboxpage-color .product-info-details__desc {
    color: #bcbcbc;
    font-family: var(--font-segoeui);
    font-weight: 600;
}
.nintendo-color .product-info-details__desc {
    color: var(--black08);
    font-family: var(--font-futura);
    font-weight: 600;
}
.bns-color .product-info-details__desc {
    color: var(--white08);
    font-family: var(--font-gotham);
    font-weight: 600;
}
.genshin-color .product-info-details__desc {
    color: var(--white08);
    font-family: var(--font-montserrat);
}
.aion-classic-color .product-info-details__desc,
.bb-color .product-info-details__desc {
    color: var(--white);
    font-family: var(--font-montserrat);
}
.caliber-color .product-info-details__desc,
.wt-color .product-info-details__desc {
    color: var(--white);
    font-family: var(--font-caliber);
}
.wowsh-color .product-info-details__desc {
    color: #90a7a6;
}
.freefire-color .product-info-details__desc {
    color: var(--white);
    font-family: var(--font-ff);
    font-weight: 500;
}
.roblox-color .product-info-details__desc {
    color: var(--roblox-text);
    font-family: var(--font-open-sans);
    font-weight: 600;
}
.fortnite-color .product-info-details__desc {
    color: hsla(0, 0%, 100%, 0.8);
    font-family: var(--font-refrigerator);
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
}
.lol-color .product-info-details__desc {
    color: var(--white);
    font-family: var(--font-open-sans);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}
.product-info-details__name {
    color: var(--white);
    font-weight: 500;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.freefire-color .product-info-details__name {
    color: var(--white);
    font-family: var(--font-ff);
    font-size: 14px;
    font-weight: 700;
}
.roblox-color .product-info-details__name {
    color: var(--roblox-text);
    font-family: var(--font-russo-one);
    font-size: 14px;
    font-weight: 400;
}
.fortnite-color .product-info-details__name {
    font-weight: 800;
}
.lol-color .product-info-details__name {
    font-family: var(--font-lol);
    font-weight: 900;
}
.bns-color .product-info-details__name,
.bt2-color .product-info-details__name,
.genshin-color .product-info-details__name,
.nintendo-color .product-info-details__name,
.stalcraft-color .product-info-details__name,
.warface-color .product-info-details__name,
.xboxpage-color .product-info-details__name {
    font-weight: 700;
}
.bt2-color .product-info-details__name,
.warface-color .product-info-details__name,
.xboxpage-color .product-info-details__name {
    color: var(--white);
}
.nintendo-color .product-info-details__name {
    color: var(--black);
}
.product-info-details__text a {
    border-bottom: 1px dashed var(--white);
    color: var(--white);
    text-decoration: none;
}
.wowsh-color .product-info-details__text a {
    border-bottom: none;
}
.stalcraft-color .product-info-details__text a {
    border-bottom: none;
    color: var(--stalcraft-color);
    font-weight: 700;
}
.warface-color .product-info-details__text a {
    border-bottom: none;
    color: var(--warface-color-2);
    font-weight: 500;
}
.bt2-color .product-info-details__text a {
    border-bottom: none;
    color: var(--bt2-light);
    font-weight: 500;
}
.xboxpage-color .product-info-details__text a {
    border-bottom: none;
    color: var(--xbox-color-1);
    font-weight: 700;
}
.nintendo-color .product-info-details__text a {
    border-bottom: none;
    color: var(--nintendo-link);
}
.bns-color .product-info-details__text a {
    border-bottom: none;
    color: var(--bns-price);
    font-weight: 700;
}
.genshin-color .product-info-details__text a {
    border-bottom: none;
    color: var(--genshin-btn);
    font-weight: 700;
}
.aion-classic-color .product-info-details__text a {
    border-bottom: none;
    color: var(--aion-classic-btn);
    font-weight: 700;
}
.bb-color .product-info-details__text a {
    border-bottom: none;
    color: var(--ml-color);
}
.freefire-color .product-info-details__text a {
    border-bottom: none;
    color: var(--ff-bg);
}
.roblox-color .product-info-details__text a {
    border-bottom: none;
    color: var(--roblox-link);
}
.roblox-color-skins .product-info-details__text a {
    color: var(--ml-price);
}
.fortnite-color .product-info-details__text a {
    border-bottom: none;
    color: rgba(244, 195, 18, 0.8);
}
.lol-color .product-info-details__text a {
    border-bottom: none;
    color: var(--lol-color-2);
}
.caliber-color .product-info-details__text a,
.wt-color .product-info-details__text a {
    border-bottom: none;
    color: var(--caliber-color);
}
.wg-color .product__details .bg-1C1.curs-t4:hover {
    background-color: #5b3534;
}
.wow-color .product__details .bg-1C1.curs-t4:hover {
    background-color: var(--ww-bg);
}
.pb-color .product-details__back,
.pubg-color .product-details__back {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    border-radius: var(--br-20);
    color: var(--white);
    padding: 30px 40px 14px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .pb-color .product-details__back,
    .pubg-color .product-details__back {
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@media (max-width: 768px) {
    .pb-color .product-details__back,
    .pubg-color .product-details__back {
        padding: 30px 20px 14px;
    }
}
.pb-color .product-details__back a,
.pubg-color .product-details__back a {
    color: var(--fgp-color-1);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.ragnarok-color .product-details__back {
    background: var(--white);
    border-radius: var(--br-20);
    -webkit-box-shadow: 0 0 50px rgba(235, 138, 96, 0.15);
    box-shadow: 0 0 50px rgba(235, 138, 96, 0.15);
    color: var(--rg-color);
    padding: 40px 40px 14px;
    width: 100%;
}
@media (max-width: 1024px) {
    .ragnarok-color .product-details__back {
        padding: 40px 60px 14px;
    }
}
@media (max-width: 768px) {
    .ragnarok-color .product-details__back {
        padding: 40px 40px 14px;
    }
}
@media (max-width: 550px) {
    .ragnarok-color .product-details__back {
        padding: 40px 27px 14px;
    }
}
.ragnarok-color .product-details__back a {
    color: var(--rg-color2);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.crowfall-color .product-details__back,
.essence-color .product-details__back,
.l2-legacy-color .product-details__back,
.l2-main-color .product-details__back,
.l2-main-premium-color .product-details__back {
    background: var(--crowfall-color-2);
    border-radius: var(--br-20);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--white);
    font-family: var(--font-gotham);
    padding: 40px 40px 14px;
    width: 100%;
}
@media (max-width: 1024px) {
    .crowfall-color .product-details__back,
    .essence-color .product-details__back,
    .l2-legacy-color .product-details__back,
    .l2-main-color .product-details__back,
    .l2-main-premium-color .product-details__back {
        padding: 40px 60px 14px;
    }
}
@media (max-width: 768px) {
    .crowfall-color .product-details__back,
    .essence-color .product-details__back,
    .l2-legacy-color .product-details__back,
    .l2-main-color .product-details__back,
    .l2-main-premium-color .product-details__back {
        padding: 40px 40px 14px;
    }
}
@media (max-width: 550px) {
    .crowfall-color .product-details__back,
    .essence-color .product-details__back,
    .l2-legacy-color .product-details__back,
    .l2-main-color .product-details__back,
    .l2-main-premium-color .product-details__back {
        padding: 40px 27px 14px;
    }
}
.crowfall-color .product-details__back a,
.essence-color .product-details__back a,
.l2-legacy-color .product-details__back a,
.l2-main-color .product-details__back a,
.l2-main-premium-color .product-details__back a {
    color: var(--crowfall-color);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.essence-color .product-details__back a {
    color: var(--essence-link);
}
.l2-main-color .product-details__back a,
.l2-main-premium-color .product-details__back a {
    color: var(--l2-main-color-1);
}
.l2-legacy-color .product-details__back a {
    color: var(--l2-legacy-color-1);
}
.rf-color .product-details__back {
    background: var(--crowfall-color-2);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--white);
    font-family: var(--font-gotham);
    padding: 40px 40px 14px;
    position: relative;
    width: 100%;
}
@media (max-width: 1024px) {
    .rf-color .product-details__back {
        padding: 40px 60px 14px;
    }
}
@media (max-width: 768px) {
    .rf-color .product-details__back {
        padding: 40px 40px 14px;
    }
}
@media (max-width: 550px) {
    .rf-color .product-details__back {
        padding: 40px 27px 14px;
    }
}
.rf-color .product-details__back a {
    color: var(--rf-price);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.rf-color .product-details__back:before {
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(-5px, -5px);
    -ms-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px);
}
.aion-color .product-details__back {
    background: var(--aion-bg-2);
    border-radius: var(--br-20);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--white);
    font-family: var(--font-gotham);
    padding: 40px 40px 14px;
    width: 100%;
}
@media (max-width: 1024px) {
    .aion-color .product-details__back {
        padding: 40px 60px 14px;
    }
}
@media (max-width: 768px) {
    .aion-color .product-details__back {
        padding: 40px 40px 14px;
    }
}
@media (max-width: 550px) {
    .aion-color .product-details__back {
        padding: 40px 27px 14px;
    }
}
.aion-color .product-details__back a {
    color: var(--aion-red);
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.wg-color .product-details__back {
    background: rgba(99, 87, 68, 0.8);
    border-radius: var(--br-10);
    color: var(--white);
    padding: 3px;
    width: 100%;
}
.wg-color .product-details__back .wrap {
    width: 100%;
}
.wow-color .product-details__back {
    background: rgba(81, 145, 255, 0.8);
    border-radius: var(--br-10);
    color: var(--white);
    padding: 3px;
    width: 100%;
}
.wow-color .product-details__back .wrap,
.wowsh-color .product-details__back {
    width: 100%;
}
.wowsh-color .product-details__back .catalog-list__more {
    display: none;
    padding: 15px 0 0;
}
@media (max-width: 1024px) {
    .wowsh-color .product-details__back .catalog-list__more {
        display: block;
    }
}
.bb-color .product-details__back,
.caliber-color .product-details__back,
.new-view .product-details__back,
.wt-color .product-details__back {
    width: 100%;
}
@media (max-width: 768px) {
    .bb-color .product-details__back,
    .caliber-color .product-details__back,
    .new-view .product-details__back,
    .wt-color .product-details__back {
        margin-bottom: 30px;
    }
}
.bb-color .product-details__back.buttons-show-more-added,
.caliber-color .product-details__back.buttons-show-more-added,
.new-view .product-details__back.buttons-show-more-added,
.wt-color .product-details__back.buttons-show-more-added {
    margin-bottom: 0;
}
.bb-color .product-details__back.buttons-show-more-added .product-details__content:after,
.caliber-color .product-details__back.buttons-show-more-added .product-details__content:after,
.new-view .product-details__back.buttons-show-more-added .product-details__content:after,
.wt-color .product-details__back.buttons-show-more-added .product-details__content:after {
    content: "";
}
.bb-color .product-details__back .catalog-list__more,
.caliber-color .product-details__back .catalog-list__more,
.new-view .product-details__back .catalog-list__more,
.wt-color .product-details__back .catalog-list__more {
    display: none;
    padding: 15px 0 0;
}
@media (max-width: 768px) {
    .bb-color .product-details__back .catalog-list__more,
    .caliber-color .product-details__back .catalog-list__more,
    .new-view .product-details__back .catalog-list__more,
    .wt-color .product-details__back .catalog-list__more {
        display: block;
    }
}
.new-view .product-details__back,
.wt-color .product-details__back {
    margin-bottom: 50px;
}
@media (max-width: 768px) {
    .new-view .product-details__back,
    .wt-color .product-details__back {
        margin-bottom: 30px;
    }
}
.product-details__title {
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px;
    text-transform: uppercase;
}
.bb-color .product-details__title,
.caliber-color .product-details__title,
.new-view .product-details__title,
.roblox-color .product-details__title,
.wowsh-color .product-details__title,
.wt-color .product-details__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    padding: 0;
}
@media (max-width: 500px) {
    .bb-color .product-details__title span,
    .caliber-color .product-details__title span,
    .new-view .product-details__title span,
    .roblox-color .product-details__title span,
    .wowsh-color .product-details__title span,
    .wt-color .product-details__title span {
        display: none;
    }
}
@media (max-width: 374px) {
    .bb-color .product-details__title,
    .caliber-color .product-details__title,
    .new-view .product-details__title,
    .roblox-color .product-details__title,
    .wowsh-color .product-details__title,
    .wt-color .product-details__title {
        font-size: 20px;
        margin-bottom: 30px;
    }
}
.aion-classic-color .product-details__title {
    font-family: var(--font-lora);
    font-size: 32px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 23px;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .aion-classic-color .product-details__title {
        font-size: 26px;
        line-height: 1;
    }
}
.stalcraft-color .product-details__title {
    color: var(--stalcraft-color);
    font-family: var(--font-bebas);
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
    padding: 2px 0 0 15px;
    position: relative;
    text-transform: uppercase;
}
.stalcraft-color .product-details__title:before {
    background: var(--stalcraft-color);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}
@media (max-width: 768px) {
    .stalcraft-color .product-details__title {
        font-size: 26px;
    }
}
.warface-color .product-details__title {
    color: var(--white);
    font-family: var(--font-warface);
    font-size: 38px;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .warface-color .product-details__title {
        font-size: 26px;
    }
}
.bt2-color .product-details__title {
    color: var(--white);
    font-family: var(--font-bebas);
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
}
.bt2-color .product-details__title:before {
    background: var(--bt2-light);
    content: "";
    height: 35px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 6px;
}
@media (max-width: 768px) {
    .bt2-color .product-details__title {
        font-size: 26px;
    }
}
.nintendo-color .product-details__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #ff3d9e;
    border: 3px solid var(--black);
    border-radius: 100px;
    -webkit-box-shadow: 3px 3px 0 2px var(--black);
    box-shadow: 3px 3px 0 2px var(--black);
    color: var(--black);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--font-futura);
    font-size: 32px;
    font-weight: 700;
    height: 70px;
    justify-content: center;
    margin: 0 0 -30px -40px;
    padding: 10px 44px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
@media (max-width: 1140px) {
    .nintendo-color .product-details__title {
        border: 2.4px solid var(--black);
        border-radius: 80px;
        -webkit-box-shadow: 2.4px 2.4px 0 2px var(--black);
        box-shadow: 2.4px 2.4px 0 2px var(--black);
        margin-left: -30px;
    }
}
@media (max-width: 768px) {
    .nintendo-color .product-details__title {
        border: 1.92px solid var(--black);
        border-radius: 64px;
        -webkit-box-shadow: 1.92px 1.92px 0 3.2px var(--black);
        box-shadow: 1.92px 1.92px 0 3.2px var(--black);
        font-size: 22px;
        height: 44px;
        margin: 0 0 -10px -20px;
        padding: 5px 20px;
    }
}
.bns-color .product-details__title {
    font-family: var(--font-trajan-pro-3);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bns-color .product-details__title {
        font-size: 26px;
    }
}
.genshin-color .product-details__title {
    font-family: var(--font-genshin);
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 30px;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .genshin-color .product-details__title {
        font-size: 26px;
    }
}
.bb-color .product-details__title {
    font-family: var(--font-montserrat);
    margin-bottom: 40px;
}
.fortnite-color .product-details__title {
    font-family: var(--font-fortnite);
    font-size: 48px;
    font-weight: 400;
    line-height: 70px;
    margin-bottom: 30px;
}
.lol-color .product-details__title {
    font-family: var(--font-lol);
    font-size: 24px;
    font-weight: 900;
    line-height: 30px;
    margin-bottom: 30px;
}
.freefire-color .product-details__title {
    color: var(--white);
    font-family: var(--font-ff);
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 60px;
    position: relative;
}
.freefire-color .product-details__title:after {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/header-block-border.svg) 0 0 no-repeat;
    content: "";
    height: 8px;
    left: 0;
    margin: 15px 0 0 5px;
    position: absolute;
    top: 100%;
    width: 274px;
}
.roblox-color .product-details__title {
    color: var(--roblox-text);
    font-family: var(--font-russo-one);
    font-weight: 400;
    margin-bottom: 30px;
}
.wt-color .product-details__title {
    font-family: var(--font-roboto);
    margin-bottom: 40px;
}
.caliber-color .product-details__title {
    font-family: var(--font-caliber);
    margin-bottom: 40px;
}
.caliber-color .product-details__title .bonus {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--caliber-color);
    border-radius: var(--br-5);
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-caliber);
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    margin-left: 25px;
    padding: 0 15px;
    text-transform: uppercase;
}
@media (max-width: 500px) {
    .caliber-color .product-details__title .bonus {
        margin-left: 20px;
    }
}
@media (max-width: 374px) {
    .caliber-color .product-details__title .bonus {
        margin-left: 10px;
    }
}
.wowsh-color .product-details__title {
    margin-bottom: 33px;
}
.wowsh-color .product-details__title .bonus {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--fgp-color-1);
    border-radius: var(--br-5);
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 28px;
    margin-left: 25px;
    padding: 0 15px;
    text-transform: uppercase;
}
@media (max-width: 500px) {
    .wowsh-color .product-details__title .bonus {
        margin-left: 20px;
    }
}
.product-details__content {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    padding: 25px 30px 0;
}
.wg-color .product-details__content,
.wow-color .product-details__content {
    padding-top: 15px;
}
@media (max-width: 1024px) {
    .wg-color .product-details__content,
    .wow-color .product-details__content {
        padding: 15px 10px 0;
    }
}
.bb-color .product-details__content,
.caliber-color .product-details__content,
.new-view .product-details__content,
.wowsh-color .product-details__content,
.wt-color .product-details__content {
    border-radius: var(--br-20);
    padding: 22px 25px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    html:not(.bx-firefox) .bb-color .product-details__content,
    html:not(.bx-firefox) .caliber-color .product-details__content,
    html:not(.bx-firefox) .new-view .product-details__content,
    html:not(.bx-firefox) .wowsh-color .product-details__content,
    html:not(.bx-firefox) .wt-color .product-details__content {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@media (max-width: 768px) {
    .bb-color .product-details__content,
    .caliber-color .product-details__content,
    .new-view .product-details__content,
    .wowsh-color .product-details__content,
    .wt-color .product-details__content {
        padding: 25px 20px;
    }
}
.new-view .product-details__content {
    padding: 30px;
}
@media (max-width: 768px) {
    .new-view .product-details__content {
        padding: 25px 20px;
    }
}
.bb-color .product-details__content,
.caliber-color .product-details__content,
.new-view .product-details__content,
.wt-color .product-details__content {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), color-stop(141.37%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) 141.37%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 141.37%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) 141.37%);
}
.nintendo-color .product-details__content {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--white);
    padding-top: 60px;
}
.roblox-color .product-details__content {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(119, 72, 255, 0.2)), to(rgba(223, 219, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(119, 72, 255, 0.2), rgba(223, 219, 255, 0));
    background: -o-linear-gradient(top, rgba(119, 72, 255, 0.2) 0, rgba(223, 219, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(119, 72, 255, 0.2), rgba(223, 219, 255, 0));
}
.roblox-color-skins .product-details__content {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(154, 206, 255, 0.2)), to(rgba(99, 180, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(154, 206, 255, 0.2), rgba(99, 180, 255, 0));
    background: -o-linear-gradient(top, rgba(154, 206, 255, 0.2) 0, rgba(99, 180, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(154, 206, 255, 0.2), rgba(99, 180, 255, 0));
}
.fortnite-color .product-details__content {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
.warface-color .product-details__content {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, rgba(59, 73, 104, 0)), to(#151922));
    background: -webkit-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922);
    background: -o-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922 100%);
    background: linear-gradient(0deg, rgba(59, 73, 104, 0) -35.42%, #151922);
}
.bt2-color .product-details__content {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, rgba(32, 41, 60, 0)), to(#22242a));
    background: -webkit-linear-gradient(bottom, rgba(32, 41, 60, 0) -35.42%, #22242a);
    background: -o-linear-gradient(bottom, rgba(32, 41, 60, 0) -35.42%, #22242a 100%);
    background: linear-gradient(0deg, rgba(32, 41, 60, 0) -35.42%, #22242a);
}
.stalcraft-color .product-details__content {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), color-stop(175%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0) 175%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0) 175%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0) 175%);
}
.wowsh-color .product-details__content {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .wowsh-color .product-details__content {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@media (max-width: 1140px) {
    .wowsh-color .product-details__content {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(hsla(0, 0%, 100%, 0)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), hsla(0, 0%, 100%, 0));
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0, hsla(0, 0%, 100%, 0) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), hsla(0, 0%, 100%, 0));
    }
    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .wowsh-color .product-details__content {
            background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
            background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
            background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
            background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
        }
    }
}
.product-details__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.product-details__list.max-height-scroll {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 201px;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #000), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, #000 70%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #000), to(transparent));
    mask-image: linear-gradient(180deg, #000 70%, transparent);
}
.product-details__list.max-height-scroll.hidden-scroll {
    -webkit-mask-image: unset;
    mask-image: unset;
}
@media (max-width: 1024px) {
    .product-details__list.max-height-scroll {
        margin-right: 5px;
    }
}
@media (max-width: 767px) {
    .product-details__list.max-height-scroll {
        height: auto;
        margin-right: 0;
        -webkit-mask-image: unset;
        mask-image: unset;
    }
}
.product-details__list.max-height-scroll .wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}
.product-details__list.max-height-scroll .nicescroll-rails-vr {
    max-height: 170px;
}
.product-details__list.max-height-scroll .nicescroll-rails-hr {
    display: none !important;
}
.product-details__list.do-nicescroll {
    margin-bottom: 10px;
    margin-right: 0;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #000), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(top, #000 70%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #000), to(transparent));
    mask-image: linear-gradient(180deg, #000 70%, transparent);
    max-height: 172px;
}
@media (max-width: 1024px) {
    .product-details__list.do-nicescroll {
        max-height: 182px;
    }
}
.product-details__list.do-nicescroll .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
}
.wowsh-color .product-details__list {
    counter-reset: list;
    position: relative;
}
.bb-color .product-details__list,
.caliber-color .product-details__list,
.new-view .product-details__list,
.wt-color .product-details__list {
    margin: 0;
}
.product-details__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 26px;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 550px) {
    .product-details__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.bb-color .product-details__item,
.new-view .product-details__item,
.wt-color .product-details__item {
    -webkit-box-flex: 0;
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex: auto;
    flex: auto;
    margin-bottom: 10px;
    max-width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 15px;
    width: 100%;
}
.roblox-color .product-details__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.caliber-color .product-details__item {
    -webkit-box-flex: 0;
    -webkit-box-flex: 1;
    border-bottom: 1px solid hsla(0, 0%, 85%, 0.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex: auto;
    flex: auto;
    margin-bottom: 25px;
    max-width: 100%;
    max-width: none;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 15px;
    -webkit-transition: margin 0.2s, border-width 0.2s;
    -o-transition: margin 0.2s, border-width 0.2s;
    transition: margin 0.2s, border-width 0.2s;
    width: 100%;
}
.caliber-color .product-details__item.no-border {
    border-bottom: none;
    margin-bottom: 20px;
    padding-bottom: 0;
}
@media (max-width: 768px) {
    .caliber-color .product-details__item:nth-child(2) {
        border-bottom: none;
        margin-bottom: 0;
    }
    .caliber-color .product-details__item.hidden-items-md {
        display: none;
    }
}
.caliber-color .product-details__item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.wowsh-color .product-details__item {
    -webkit-box-flex: 0;
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex: auto;
    flex: auto;
    margin-bottom: 9px;
    margin-left: 70px;
    max-width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .wowsh-color .product-details__item.hidden-items-md {
        display: none;
    }
}
.wowsh-color .product-details__item:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #0e1e2e;
    border: 2px solid #577473;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: counter(list);
    counter-increment: list;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 30px;
    justify-content: center;
    left: 15px;
    line-height: 1;
    position: absolute;
    width: 30px;
    z-index: 1;
}
.wowsh-color .product-details__item:first-child:after {
    background: #577473;
    bottom: 30px;
    content: "";
    left: 30px;
    position: absolute;
    top: 30px;
    width: 2px;
}
.wowsh-color .product-details__item:last-child {
    margin-bottom: 0;
}
.wowsh-color .product-details__item:last-child:after {
    display: none;
}
@media (max-width: 1024px) {
    .wowsh-color .opened .product-details__item.hidden-items-md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 768px) {
    .caliber-color .opened .product-details__item:nth-child(2) {
        border-bottom: 1px solid hsla(0, 0%, 85%, 0.05);
        margin-bottom: 25px;
    }
    .caliber-color .opened .product-details__item.hidden-items-md {
        -webkit-animation: fadeInFromNone 0.5s ease-in-out;
        animation: fadeInFromNone 0.5s ease-in-out;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .caliber-color .opened.opened-hide .product-details__item.hidden-items-md {
        -webkit-animation: fadeInToNone 0.5s ease-in-out;
        animation: fadeInToNone 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        position: relative;
    }
}
.wg-color .really-big .product-details__item:last-child,
.wow-color .really-big .product-details__item:last-child {
    margin-bottom: 25px;
}
.wg-color .product-details__item,
.wow-color .product-details__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}
@media (max-width: 1024px) {
    .wg-color .product-details__item,
    .wow-color .product-details__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .wg-color .product-details__item:last-child,
    .wow-color .product-details__item:last-child {
        margin-bottom: 30px;
    }
}
.wrap .wg-color .product-details__item:last-child,
.wrap .wow-color .product-details__item:last-child {
    margin-bottom: 30px;
}
.product-details-item__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-flex: 0;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    justify-content: center;
    margin-right: 15px;
    max-width: 80px;
    width: 100%;
}
@media (max-width: 1024px) {
    .product-details-item__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        max-width: 60px;
    }
}
@media (max-width: 550px) {
    .product-details-item__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 52px;
        flex: 0 0 52px;
        margin-right: 10px;
        max-width: 52px;
    }
}
.bb-color .product-details-item__icon,
.new-view .product-details-item__icon,
.wt-color .product-details-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 34px;
    flex: 0 0 34px;
    max-width: 34px;
}
.bb-color .product-details-item__icon img,
.new-view .product-details-item__icon img,
.wt-color .product-details-item__icon img {
    height: auto;
    max-width: 100%;
}
.lol-color .product-details-item__icon,
.roblox-color .product-details-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
}
.caliber-color .product-details-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    margin-right: 20px;
    max-width: 50px;
}
.caliber-color .product-details-item__icon img {
    max-height: 50px;
    max-width: 50px;
}
.wowsh-color .product-details-item__icon {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    height: 40px;
    margin-right: 20px;
    max-width: 40px;
}
.wowsh-color .product-details-item__icon img {
    max-height: 35px;
    max-width: 35px;
}
.pb-color .product-details-item__icon .icon {
    --rg-color: #fff;
    --white: #0b0e15;
}
.crowfall-color .product-details-item__icon .icon {
    --rg-color: #fff;
    --white: var(--crowfall-color-2);
}
.aion-color .product-details-item__icon .icon {
    --rg-color: #fff;
    --white: var(--aion-bg-2);
}
.essence-color .product-details-item__icon .icon,
.l2-legacy-color .product-details-item__icon .icon,
.l2-main-color .product-details-item__icon .icon,
.l2-main-premium-color .product-details-item__icon .icon,
.rf-color .product-details-item__icon .icon {
    --rg-color: #fff;
    --white: #070a10;
}
.wg-color .product-details-item__icon,
.wow-color .product-details-item__icon {
    -ms-flex-item-align: start;
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    max-width: 40px;
}
@media (min-width: 1025px) {
    .wg-color .product-details-item__icon svg.icon-wot-china,
    .wg-color .product-details-item__icon svg.icon-wot-czech,
    .wg-color .product-details-item__icon svg.icon-wot-france,
    .wg-color .product-details-item__icon svg.icon-wot-gb,
    .wg-color .product-details-item__icon svg.icon-wot-germany,
    .wg-color .product-details-item__icon svg.icon-wot-israel,
    .wg-color .product-details-item__icon svg.icon-wot-italy,
    .wg-color .product-details-item__icon svg.icon-wot-japan,
    .wg-color .product-details-item__icon svg.icon-wot-pan-america,
    .wg-color .product-details-item__icon svg.icon-wot-pan-asia,
    .wg-color .product-details-item__icon svg.icon-wot-poland,
    .wg-color .product-details-item__icon svg.icon-wot-sweden,
    .wg-color .product-details-item__icon svg.icon-wot-usa,
    .wg-color .product-details-item__icon svg.icon-wot-ussr,
    .wow-color .product-details-item__icon svg.icon-wot-china,
    .wow-color .product-details-item__icon svg.icon-wot-czech,
    .wow-color .product-details-item__icon svg.icon-wot-france,
    .wow-color .product-details-item__icon svg.icon-wot-gb,
    .wow-color .product-details-item__icon svg.icon-wot-germany,
    .wow-color .product-details-item__icon svg.icon-wot-israel,
    .wow-color .product-details-item__icon svg.icon-wot-italy,
    .wow-color .product-details-item__icon svg.icon-wot-japan,
    .wow-color .product-details-item__icon svg.icon-wot-pan-america,
    .wow-color .product-details-item__icon svg.icon-wot-pan-asia,
    .wow-color .product-details-item__icon svg.icon-wot-poland,
    .wow-color .product-details-item__icon svg.icon-wot-sweden,
    .wow-color .product-details-item__icon svg.icon-wot-usa,
    .wow-color .product-details-item__icon svg.icon-wot-ussr {
        height: 27px;
        width: 40px;
    }
}
.wg-color .product-details-item__icon img,
.wow-color .product-details-item__icon img {
    height: auto;
    max-height: 40px;
    max-width: 40px;
    width: auto;
}
@media (max-width: 1024px) {
    .wg-color .product-details-item__icon img,
    .wow-color .product-details-item__icon img {
        max-height: 30px;
        max-width: 30px;
    }
}
.product-details-item__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.product-details-item__name {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.aion-color .product-details-item__name,
.crowfall-color .product-details-item__name,
.essence-color .product-details-item__name,
.l2-legacy-color .product-details-item__name,
.l2-main-color .product-details-item__name,
.l2-main-premium-color .product-details-item__name,
.rf-color .product-details-item__name {
    font-weight: 700;
}
.freefire-color .product-details-item__name {
    font-family: var(--font-ff);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.stalcraft-color .product-details-item__name {
    font-family: var(--font-roboto);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}
.warface-color .product-details-item__name {
    font-family: var(--font-okko);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}
.bt2-color .product-details-item__name {
    font-family: var(--font-roboto);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}
.xboxpage-color .product-details-item__name {
    font-family: var(--font-segoeui);
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
}
.nintendo-color .product-details-item__name {
    font-family: var(--font-futura);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}
.bns-color .product-details-item__name {
    font-family: var(--font-gotham);
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
}
.aion-classic-color .product-details-item__name,
.genshin-color .product-details-item__name {
    font-family: var(--font-montserrat);
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
}
.roblox-color .product-details-item__name {
    font-family: var(--font-russo-one);
    font-weight: 400;
}
.bb-color .product-details-item__name {
    font-family: var(--font-montserrat);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.fortnite-color .product-details-item__name {
    font-family: var(--font-refrigerator);
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
}
.lol-color .product-details-item__name {
    font-family: var(--font-lol);
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
}
.lol-color .product-details-item__name .icon {
    height: 20px;
    margin: -4px 10px 0 0;
    vertical-align: middle;
    width: 20px;
}
.wt-color .product-details-item__name {
    font-family: var(--font-roboto);
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
}
.caliber-color .product-details-item__name {
    font-family: var(--font-caliber);
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
}
.product-details-item__legend {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px;
}
.product-details-item__legend .icon {
    margin: 0 10px 0 0;
}
.product-details-item__legend span {
    color: var(--white);
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    opacity: 0.5;
    text-transform: uppercase;
}
.caliber-color .product-details-item__legend span {
    font-family: var(--font-caliber);
}
.product-details-item__text {
    font-size: 14px;
    line-height: 20px;
}
.aion-color .product-details-item__text,
.crowfall-color .product-details-item__text,
.essence-color .product-details-item__text,
.l2-legacy-color .product-details-item__text,
.l2-main-color .product-details-item__text,
.l2-main-premium-color .product-details-item__text,
.rf-color .product-details-item__text {
    font-size: 12px;
    font-weight: 500;
}
.stalcraft-color .product-details-item__text {
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.warface-color .product-details-item__text {
    color: #ebe8e2;
    font-family: var(--font-okko);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.bt2-color .product-details-item__text {
    color: #ebe8e2;
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.xboxpage-color .product-details-item__text {
    font-family: var(--font-segoeui);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.nintendo-color .product-details-item__text {
    font-family: var(--font-futura);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.bns-color .product-details-item__text {
    font-family: var(--font-gotham);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.aion-classic-color .product-details-item__text,
.bb-color .product-details-item__text,
.genshin-color .product-details-item__text {
    font-family: var(--font-montserrat);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.fortnite-color .product-details-item__text {
    font-family: var(--font-refrigerator);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}
.wt-color .product-details-item__text {
    color: var(--wt-text);
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.lol-color .product-details-item__text,
.roblox-color .product-details-item__text {
    font-family: var(--font-open-sans);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.freefire-color .product-details-item__text {
    font-family: var(--font-ff);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.caliber-color .product-details-item__text {
    font-family: var(--font-caliber);
    font-weight: 400;
    line-height: 22px;
}
.product-details-item__text table {
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 20px;
}
.product-details-item__text table td,
.product-details-item__text table th {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
    padding: 5px 10px;
    text-align: left;
}
.product-details-item__text table tr td:first-child,
.product-details-item__text table tr th:first-child {
    padding-left: 0;
}
.product-details-item__text table tr td:last-child,
.product-details-item__text table tr th:last-child {
    padding-right: 0;
}
.product-details-item__text table tr:last-child td {
    border-bottom: none;
}
.product-details-item__text table th {
    font-weight: 700;
}
.product-details-item__text p {
    margin: 0 0 1rem;
    padding: 0;
}
.product-details-item__text p:last-child {
    margin-bottom: 0;
}
.product-details-item__text ol {
    counter-reset: myOLCounter;
    margin: 0 0 1rem;
    padding: 0;
}
.product-details-item__text ol:last-child {
    margin-bottom: 0;
}
.product-details-item__text ol > li {
    list-style-type: none;
    padding: 0 0 0 20px;
    position: relative;
}
.product-details-item__text ol > li:before {
    content: counter(myOLCounter) ".";
    counter-increment: myOLCounter;
    left: 2px;
    position: absolute;
}
.freefire-color .product-details-item__text ol > li:before {
    color: var(--ff-bg);
}
.roblox-color .product-details-item__text ol > li:before {
    color: var(--roblox-link);
}
.roblox-color-skins .product-details-item__text ol > li:before {
    color: var(--ml-price);
}
.bb-color .product-details-item__text ol > li:before,
.wt-color .product-details-item__text ol > li:before {
    color: var(--wt-color-1);
}
.wt-color-gold .product-details-item__text ol > li:before {
    color: var(--wt-color-2);
}
.caliber-color .product-details-item__text ol > li:before {
    color: var(--caliber-color);
}
.fortnite-color .product-details-item__text ol > li:before {
    color: var(--fortnite-color-2);
}
.lol-color .product-details-item__text ol > li:before {
    color: var(--lol-color-2);
}
.stalcraft-color .product-details-item__text ol > li:before {
    color: var(--stalcraft-color);
}
.warface-color .product-details-item__text ol > li:before {
    color: var(--warface-color-2);
}
.bt2-color .product-details-item__text ol > li:before {
    color: var(--bt2-light);
}
.xboxpage-color .product-details-item__text ol > li:before {
    color: var(--xbox-color-1);
}
.product-details-item__text ul {
    margin: 0 0 1rem;
}
.product-details-item__text ul:last-child {
    margin-bottom: 0;
}
.product-details-item__text ul li {
    list-style: none;
    padding-left: 15px;
    position: relative;
}
.product-details-item__text ul li:before {
    background: var(--bg-1);
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 7px;
}
.bb-color .product-details-item__text ul li:before,
.wt-color .product-details-item__text ul li:before {
    background-color: var(--wt-color-1);
}
.wt-color-gold .product-details-item__text ul li:before {
    background-color: var(--wt-color-2);
}
.caliber-color .product-details-item__text ul li:before {
    background: var(--caliber-color);
    top: 8px;
}
.fortnite-color .product-details-item__text ul li:before {
    background: var(--fortnite-color-2);
}
.lol-color .product-details-item__text ul li:before {
    background: var(--lol-color-2);
}
.stalcraft-color .product-details-item__text ul li:before {
    background: var(--stalcraft-color);
}
.bt2-color .product-details-item__text ul li:before,
.nintendo-color .product-details-item__text ul li:before,
.warface-color .product-details-item__text ul li:before,
.xboxpage-color .product-details-item__text ul li:before {
    height: 4px;
    top: 8px;
    width: 4px;
}
.warface-color .product-details-item__text ul li:before {
    background: var(--warface-color-2);
}
.bt2-color .product-details-item__text ul li:before {
    background: var(--bt2-light);
}
.xboxpage-color .product-details-item__text ul li:before {
    background: var(--xbox-color-1);
}
.nintendo-color .product-details-item__text ul li:before {
    background: var(--nintendo-link);
}
.product__premium {
    margin-bottom: 50px;
    padding-top: 30px;
}
.product-premium__back {
    background: url(/bitrix/templates/c4g/css/../pictures/wt/product-premium-bg-min.png) 50% 50% no-repeat;
    background-size: cover;
    border-radius: var(--br-20);
    color: #2f211c;
    min-height: 160px;
    padding: 40px 80px 30px;
    position: relative;
    text-align: center;
}
@media (max-height: 768px) {
    .product-premium__back {
        padding: 30px;
    }
}
.wt-color .product-premium__back {
    font-family: var(--font-roboto);
}
.product-premium__icon {
    left: 50%;
    position: absolute;
    top: -25px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.product-premium__icon img {
    height: auto;
    width: 48px;
}
.product-premium__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 15px;
    opacity: 0.9;
    text-transform: uppercase;
}
.product-premium__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.product__order {
    background-color: rgba(199, 66, 66, 0.8);
    border-radius: 10px;
    font-weight: 400;
    max-width: 306px;
    padding: 3px 3px 50px;
    position: relative;
}
.no-bonuses .product__order {
    padding-bottom: 3px;
}
.pubg-color .no-bonuses .product__order {
    padding-bottom: 0;
}
.bb-color .product__order,
.caliber-color .product__order,
.new-view .product__order,
.pb-color .product__order,
.pubg-color .product__order,
.wowsh-color .product__order,
.wt-color .product__order {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.03)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.03));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0.03) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.03));
    border-radius: var(--br-20);
    max-width: 100%;
    padding: 0 0 50px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .bb-color .product__order,
    .caliber-color .product__order,
    .new-view .product__order,
    .pb-color .product__order,
    .pubg-color .product__order,
    .wowsh-color .product__order,
    .wt-color .product__order {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@media (max-width: 1140px) {
    .bb-color .product__order,
    .caliber-color .product__order,
    .new-view .product__order,
    .pb-color .product__order,
    .pubg-color .product__order,
    .wowsh-color .product__order,
    .wt-color .product__order {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(hsla(0, 0%, 100%, 0)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), hsla(0, 0%, 100%, 0));
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0, hsla(0, 0%, 100%, 0) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), hsla(0, 0%, 100%, 0));
    }
    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .bb-color .product__order,
        .caliber-color .product__order,
        .new-view .product__order,
        .pb-color .product__order,
        .pubg-color .product__order,
        .wowsh-color .product__order,
        .wt-color .product__order {
            background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.03)));
            background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.03));
            background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0.03) 100%);
            background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.03));
        }
    }
}
.warface-color .product__order {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-35.42%, rgba(59, 73, 104, 0)), to(#151922));
    background: -webkit-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922);
    background: -o-linear-gradient(bottom, rgba(59, 73, 104, 0) -35.42%, #151922 100%);
    background: linear-gradient(0deg, rgba(59, 73, 104, 0) -35.42%, #151922);
}
.bt2-color .product__order {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-119.37%, rgba(34, 36, 42, 0.3)), color-stop(109.77%, #22242a));
    background: -webkit-linear-gradient(bottom, rgba(34, 36, 42, 0.3) -119.37%, #22242a 109.77%);
    background: -o-linear-gradient(bottom, rgba(34, 36, 42, 0.3) -119.37%, #22242a 109.77%);
    background: linear-gradient(0deg, rgba(34, 36, 42, 0.3) -119.37%, #22242a 109.77%);
}
.xboxpage-color .product__order {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-27.65%, hsla(0, 0%, 100%, 0.2)), color-stop(102.81%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2) -27.65%, hsla(0, 0%, 100%, 0) 102.81%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) -27.65%, hsla(0, 0%, 100%, 0) 102.81%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2) -27.65%, hsla(0, 0%, 100%, 0) 102.81%);
}
.genshin-color .product__order,
.nintendo-color .product__order {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.nintendo-color .product__order {
    background: var(--white);
}
.roblox-color .product__order {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(119, 72, 255, 0.2)), to(rgba(223, 219, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(119, 72, 255, 0.2), rgba(223, 219, 255, 0));
    background: -o-linear-gradient(top, rgba(119, 72, 255, 0.2) 0, rgba(223, 219, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(119, 72, 255, 0.2), rgba(223, 219, 255, 0));
    -webkit-box-shadow: 0 0 50px rgba(134, 114, 255, 0.3);
    box-shadow: 0 0 50px rgba(134, 114, 255, 0.3);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .roblox-color .product__order {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.stalceraft-color .product__order {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-27.65%, hsla(0, 0%, 100%, 0.2)), color-stop(102.81%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2) -27.65%, hsla(0, 0%, 100%, 0) 102.81%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) -27.65%, hsla(0, 0%, 100%, 0) 102.81%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2) -27.65%, hsla(0, 0%, 100%, 0) 102.81%);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.roblox-color-skins .product__order {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(99, 180, 255, 0.2)), to(rgba(99, 180, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(99, 180, 255, 0.2), rgba(99, 180, 255, 0));
    background: -o-linear-gradient(top, rgba(99, 180, 255, 0.2) 0, rgba(99, 180, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(99, 180, 255, 0.2), rgba(99, 180, 255, 0));
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fortnite-color .product__order,
.freefire-color .product__order,
.lol-color .product__order,
.wowsh-color .product__order {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
.rf-color .product__order {
    border-radius: 0;
}
.rf-color-1 .product__order {
    background-color: var(--rf-color-1-bg);
}
.rf-color-2 .product__order {
    background-color: var(--rf-color-2-bg);
}
.rf-color-3 .product__order {
    background-color: var(--rf-color-3);
}
.rf-color-4 .product__order {
    background-color: var(--rf-color-4-bg);
}
.wow-color .product__order {
    background-color: var(--ww-color);
}
.ragnarok-color .product__order {
    background-color: var(--rg-color2);
}
.crowfall-color .product__order {
    background-color: var(--crowfall-color);
}
.aion-color .product__order {
    background-color: var(--aion-color);
}
.essence-color .product__order {
    background-color: var(--essence-order);
}
.l2-main-color .product__order,
.l2-main-premium-color .product__order {
    background-color: var(--l2-main-color-1);
}
.l2-legacy-color .product__order {
    background-color: var(--l2-legacy-color-1);
}
@media (max-width: 576px) {
    .product__order {
        max-width: 100%;
    }
}
.product__order.product-page {
    color: var(--white);
    margin: 0 0 0 auto;
}
@media (max-width: 768px) {
    .product__order.product-page {
        margin: 0 auto 0 0;
        max-width: 400px;
    }
}
.product-top__order .product__order {
    color: var(--white);
    margin: 0 auto 0 0;
}
@media (max-width: 768px) {
    .product-top__order .product__order {
        max-width: 400px;
    }
}
.no-bonuses .product-top__order .product__order {
    display: none;
}
.bb-color .product-top__order .product__order,
.caliber-color .product-top__order .product__order,
.new-view .product-top__order .product__order,
.wt-color .product-top__order .product__order {
    margin: 0 0 40px auto;
    max-width: 460px;
    /* padding: 0 0 52px; */
    padding: 0;
    width: 100%;
}
@media (max-width: 1024px) {
    .bb-color .product-top__order .product__order,
    .caliber-color .product-top__order .product__order,
    .new-view .product-top__order .product__order,
    .wt-color .product-top__order .product__order {
        margin-bottom: 0;
    }
}
@media (max-width: 900px) {
    .bb-color .product-top__order .product__order,
    .caliber-color .product-top__order .product__order,
    .new-view .product-top__order .product__order,
    .wt-color .product-top__order .product__order {
        max-width: 400px;
    }
}
@media (max-width: 768px) {
    .bb-color .product-top__order .product__order,
    .caliber-color .product-top__order .product__order,
    .new-view .product-top__order .product__order,
    .wt-color .product-top__order .product__order {
        margin: 0 0 40px;
        max-width: 460px;
    }
}
@media (max-width: 1024px) and (min-width: 769px) {
    .new-view .product-top__order .product__order {
        grid-area: order;
        margin-bottom: 40px;
        margin-top: 0;
    }
}
.wowsh-color .product-top__order .product__order {
    margin: 0 0 40px auto;
    max-width: 460px;
    padding: 0 0 52px;
}
@media (max-width: 1140px) {
    .wowsh-color .product-top__order .product__order {
        margin-bottom: 0;
    }
}
@media (max-width: 991px) {
    .wowsh-color .product-top__order .product__order {
        margin-bottom: 52px;
    }
}
.product-order__back {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 8px;
    padding: 17px 15px 13px;
}
.product-order__back.have-alert {
    padding-top: 23px;
}
.rf-color .product-order__back {
    border-radius: 0;
}
.crowfall-color .product-order__back,
.rf-color-1 .product-order__back,
.rf-color-2 .product-order__back,
.rf-color-3 .product-order__back,
.rf-color-4 .product-order__back {
    background-color: var(--crowfall-color-2);
}
.essence-color .product-order__back,
.l2-legacy-color .product-order__back,
.l2-main-color .product-order__back,
.l2-main-premium-color .product-order__back {
    background-color: #070a10;
}
.aion-color .product-order__back {
    background-color: var(--aion-bg-2);
}
.aion-classic-color .product-order__back,
.bb-color .product-order__back,
.bns-color .product-order__back,
.bt2-color .product-order__back,
.caliber-color .product-order__back,
.genshin-color .product-order__back,
.new-view .product-order__back,
.nintendo-color .product-order__back,
.pb-color .product-order__back,
.pubg-color .product-order__back,
.stalcraft-color .product-order__back,
.warface-color .product-order__back,
.wowsh-color .product-order__back,
.wt-color .product-order__back,
.xboxpage-color .product-order__back {
    background: transparent;
    padding: 30px 35px 18px;
}
@media (max-width: 768px) {
    .aion-classic-color .product-order__back,
    .bb-color .product-order__back,
    .bns-color .product-order__back,
    .bt2-color .product-order__back,
    .caliber-color .product-order__back,
    .genshin-color .product-order__back,
    .new-view .product-order__back,
    .nintendo-color .product-order__back,
    .pb-color .product-order__back,
    .pubg-color .product-order__back,
    .stalcraft-color .product-order__back,
    .warface-color .product-order__back,
    .wowsh-color .product-order__back,
    .wt-color .product-order__back,
    .xboxpage-color .product-order__back {
        padding: 20px 20px 18px;
    }
}
.product-order__alert {
    background: var(--yellow);
    border-radius: var(--br-5);
    color: var(--black);
    font-size: 10px;
    font-weight: 500;
    left: 50%;
    line-height: 12px;
    padding: 7px 12px;
    position: absolute;
    text-transform: uppercase;
    top: 1px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.product-order__price {
    margin-bottom: 20px;
}
.wowsh-color .product-order__price {
    margin-bottom: 24px;
}
@media (max-width: 374px) {
    .wowsh-color .product-order__price {
        margin-bottom: 20px;
    }
}
.order-type-v2 .product-order__price {
    margin-bottom: 14px;
}
.product-order-price__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    min-height: 28px;
}
.wowsh-color .product-order-price__top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 26px;
}
@media (max-width: 374px) {
    .wowsh-color .product-order-price__top {
        margin-bottom: 16px;
    }
}
.new-view .order-type-v2 .product-order-price__top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 14px;
}
.product-order-price__alert {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 101, 129, 0.8)), color-stop(230.36%, rgba(15, 101, 129, 0)));
    background: -webkit-linear-gradient(top, rgba(15, 101, 129, 0.8), rgba(15, 101, 129, 0) 230.36%);
    background: -o-linear-gradient(top, rgba(15, 101, 129, 0.8) 0, rgba(15, 101, 129, 0) 230.36%);
    background: linear-gradient(180deg, rgba(15, 101, 129, 0.8), rgba(15, 101, 129, 0) 230.36%);
    border-radius: var(--br-5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    font-weight: 500;
    height: 28px;
    margin: 0 18px 0 0;
    padding: 0 15px;
    text-transform: uppercase;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .product-order-price__alert {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@media (max-width: 374px) {
    .product-order-price__alert {
        font-size: 10px;
        margin: 0 10px 0 0;
        padding: 0 10px;
    }
}
.product-order-price__alert .icon {
    display: block;
    margin: 0 10px 0 0;
}
@media (max-width: 374px) {
    .product-order-price__alert .icon {
        margin-right: 5px;
    }
}
.pb-color .product-order-price__alert,
.pubg-color .product-order-price__alert {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.07)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0.07) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
}
.pb-color .product-order-price__alert .icon,
.pubg-color .product-order-price__alert .icon {
    --white: var(--yellow);
}
.freeefire-color .product-order-price__alert {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.14)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0.14) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
}
.roblox-color .product-order-price__alert {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0.7)));
    background: -webkit-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0.7));
    background: -o-linear-gradient(top, #fff 0, hsla(0, 0%, 100%, 0.7) 100%);
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.7));
}
@media (max-width: 450px) {
    .product-order-price__alert span:before {
        content: attr(data-adaptive);
    }
}
.product-order-price__alert span i {
    font-style: normal;
    white-space: nowrap;
}
@media (max-width: 450px) {
    .product-order-price__alert span i {
        display: none;
    }
}
.product-order-price__available {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.07)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0.07) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
    border-radius: var(--br-5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    font-weight: 500;
    height: 28px;
    padding: 0 15px;
    text-transform: uppercase;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .product-order-price__available {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@media (max-width: 374px) {
    .product-order-price__available {
        font-size: 10px;
        padding: 0 10px;
    }
}
.product-order-price__available .icon {
    fill: none;
    stroke: #1fa7d3;
    stroke-width: 2;
    display: block;
    margin: 0 10px 0 0;
}
@media (max-width: 374px) {
    .product-order-price__available .icon {
        margin-right: 5px;
    }
}
.product-order-price__available span {
    white-space: nowrap;
}
.pb-color .product-order-price__available .icon {
    stroke: var(--yellow);
}
.bb-color .product-order-price__available,
.caliber-color .product-order-price__available,
.new-view .product-order-price__available,
.wt-color .product-order-price__available {
    font-size: 11px;
    letter-spacing: 1.5px;
}
.bb-color .product-order-price__available .icon,
.caliber-color .product-order-price__available .icon,
.new-view .product-order-price__available .icon,
.wt-color .product-order-price__available .icon {
    stroke: var(--caliber-color-2);
}
.new-view .order-type-v2 .product-order-price__available .icon {
    stroke: var(--yellow);
}
.bns-color.new-view .order-type-v2 .product-order-price__available .icon,
.bt2-color.new-view .order-type-v2 .product-order-price__available .icon,
.stalcraft-color.new-view .order-type-v2 .product-order-price__available .icon,
.warface-color.new-view .order-type-v2 .product-order-price__available .icon {
    stroke: #1cc0f4;
}
.bt2-color .order-type-v2 .product-order-price__available,
.warface-color .order-type-v2 .product-order-price__available {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-85.71%, rgba(84, 105, 151, 0)), color-stop(194.64%, #2e374b));
    background: -webkit-linear-gradient(bottom, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
    background: -o-linear-gradient(bottom, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
    background: linear-gradient(0deg, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .bt2-color .order-type-v2 .product-order-price__available,
    .warface-color .order-type-v2 .product-order-price__available {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }
}
.xboxpage-color.new-view .order-type-v2 .product-order-price__available {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.14)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0.14) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    font-family: var(--font-segoeui);
    font-size: 12px;
    font-weight: 900;
}
.xboxpage-color.new-view .order-type-v2 .product-order-price__available .icon {
    stroke: var(--xbox-color-1);
}
.nintendo-color.new-view .order-type-v2 .product-order-price__available {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #4cebfe;
    color: var(--black);
    text-shadow: none;
}
.nintendo-color.new-view .order-type-v2 .product-order-price__available .icon {
    stroke: var(--black);
}
.genshin-color.new-view .order-type-v2 .product-order-price__available .icon {
    stroke: #1cc0f4;
}
.aion-classic-color.new-view .order-type-v2 .product-order-price__available .icon {
    stroke: var(--aion-classic-btn);
}
.lol-color.new-view .order-type-v2 .product-order-price__available .icon,
.roblox-color.new-view .order-type-v2 .product-order-price__available .icon {
    stroke: var(--ml-price);
}
.freefire-color.new-view .order-type-v2 .product-order-price__available .icon {
    stroke: var(--ff-bg);
}
.roblox-color .product-order-price__available {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0.7)));
    background: -webkit-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0.7));
    background: -o-linear-gradient(top, #fff 0, hsla(0, 0%, 100%, 0.7) 100%);
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.7));
    color: var(--roblox-text);
    font-family: var(--font-open-sans);
    font-weight: 700;
}
.roblox-color .product-order-price__available .icon {
    stroke: var(--ml-price);
}
.freefire-color .product-order-price__available {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.14)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0.14) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    font-family: var(--font-ff);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
.freefire-color .product-order-price__available .icon {
    stroke: var(--ff-bg);
}
.lol-color .product-order-price__available {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.14))), -webkit-gradient(linear, left top, left bottom, from(rgba(79, 84, 186, 0.32)), to(rgba(79, 84, 186, 0.24)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14)), -webkit-linear-gradient(top, rgba(79, 84, 186, 0.32), rgba(79, 84, 186, 0.24));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0.14) 100%), -o-linear-gradient(top, rgba(79, 84, 186, 0.32) 0, rgba(79, 84, 186, 0.24) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14)), linear-gradient(180deg, rgba(79, 84, 186, 0.32), rgba(79, 84, 186, 0.24));
}
.lol-color .product-order-price__available .icon {
    stroke: var(--ml-price);
}
.bb-color .product-order-price__available {
    font-family: var(--font-montserrat);
}
.wt-color .product-order-price__available {
    font-family: var(--font-roboto);
}
.caliber-color .product-order-price__available {
    font-family: var(--font-caliber);
}
.product-order-price__label {
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    opacity: 0.8;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
.rf-color .product-order-price__label {
    font-family: var(--font-kelson-sans);
}
.aion-color .product-order-price__label,
.crowfall-color .product-order-price__label,
.essence-color .product-order-price__label,
.l2-legacy-color .product-order-price__label,
.l2-main-color .product-order-price__label,
.l2-main-premium-color .product-order-price__label {
    font-family: var(--font-gotham);
}
.product-order-price__discount {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--bg-1);
    border-radius: var(--br-5);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    padding: 0 12px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}
.bb-color .product-order-price__discount,
.caliber-color .product-order-price__discount,
.new-view .product-order-price__discount,
.wt-color .product-order-price__discount {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.14))), -webkit-gradient(linear, left top, left bottom, from(rgba(79, 84, 186, 0.32)), to(rgba(79, 84, 186, 0.24)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14)), -webkit-linear-gradient(top, rgba(79, 84, 186, 0.32), rgba(79, 84, 186, 0.24));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0.14) 100%), -o-linear-gradient(top, rgba(79, 84, 186, 0.32) 0, rgba(79, 84, 186, 0.24) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14)), linear-gradient(180deg, rgba(79, 84, 186, 0.32), rgba(79, 84, 186, 0.24));
    font-size: 11px;
    justify-content: space-between;
    letter-spacing: 1.5px;
    margin: 0 0 0 10px;
    width: 100%;
}
.bb-color .product-order-price__discount .icon,
.caliber-color .product-order-price__discount .icon,
.new-view .product-order-price__discount .icon,
.wt-color .product-order-price__discount .icon {
    --bg-1: var(--caliber-color-2);
    margin: 0 10px 0 0;
}
.bb-color .product-order-price__discount span,
.caliber-color .product-order-price__discount span,
.new-view .product-order-price__discount span,
.wt-color .product-order-price__discount span {
    display: block;
}
.bb-color .product-order-price__discount span.discount,
.caliber-color .product-order-price__discount span.discount,
.new-view .product-order-price__discount span.discount,
.wt-color .product-order-price__discount span.discount {
    margin: 0 0 0 auto;
}
.new-view .order-type-v2 .product-order-price__discount {
    margin-left: 20px;
    width: auto;
}
.freefire-color .product-order-price__discount {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.14)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0.14) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    color: var(--white);
    font-family: var(--font-ff);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-shadow: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.freefire-color .product-order-price__discount .icon {
    --bg-1: var(--ff-bg);
}
.roblox-color .product-order-price__discount {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0.7)));
    background: -webkit-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0.7));
    background: -o-linear-gradient(top, #fff 0, hsla(0, 0%, 100%, 0.7) 100%);
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.7));
    color: var(--roblox-text);
    font-family: var(--font-open-sans);
    font-weight: 700;
    text-shadow: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.roblox-color .product-order-price__discount .icon {
    --bg-1: var(--ml-price);
}
.bns-color .product-order-price__discount,
.stalcraft-color .product-order-price__discount {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
}
.bns-color .product-order-price__discount .icon,
.stalcraft-color .product-order-price__discount .icon {
    --bg-1: #1cc0f4;
}
.bt2-color .product-order-price__discount,
.warface-color .product-order-price__discount {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-85.71%, rgba(84, 105, 151, 0)), color-stop(194.64%, #2e374b));
    background: -webkit-linear-gradient(bottom, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
    background: -o-linear-gradient(bottom, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
    background: linear-gradient(0deg, rgba(84, 105, 151, 0) -85.71%, #2e374b 194.64%);
}
.bt2-color .product-order-price__discount .icon,
.warface-color .product-order-price__discount .icon {
    --bg-1: #1cc0f4;
}
.xboxpage-color .product-order-price__discount {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.14)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.2) 0, hsla(0, 0%, 100%, 0.14) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.14));
    color: var(--white);
    font-family: var(--font-segoeui);
    font-size: 12px;
    font-weight: 900;
    text-shadow: none;
}
.xboxpage-color .product-order-price__discount .icon {
    --bg-1: var(--xbox-color-1);
}
.nintendo-color .product-order-price__discount {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #4cebfe;
    color: var(--black);
    text-shadow: none;
}
.nintendo-color .product-order-price__discount .icon {
    --bg-1: var(--black);
}
.genshin-color .product-order-price__discount {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.07)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0.07) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
}
.genshin-color .product-order-price__discount .icon {
    --bg-1: #1cc0f4;
}
.aion-classic-color .product-order-price__discount {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.07)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0.07) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.07));
}
.aion-classic-color .product-order-price__discount .icon {
    --bg-1: var(--aion-classic-btn);
}
.lol-color .product-order-price__discount .icon {
    --bg-1: var(--ml-price);
}
.bb-color .product-order-price__discount {
    font-family: var(--font-montserrat);
}
.wt-color .product-order-price__discount {
    font-family: var(--font-roboto);
}
.caliber-color .product-order-price__discount {
    font-family: var(--font-caliber);
}
.rf-color .product-order-price__discount {
    border-radius: 0;
    font-family: var(--font-kelson-sans);
}
.rf-color-1 .product-order-price__discount {
    background-color: var(--rf-color-1-bg);
}
.rf-color-2 .product-order-price__discount {
    background-color: var(--rf-color-2-bg);
}
.rf-color-3 .product-order-price__discount {
    background-color: var(--rf-color-3);
}
.rf-color-4 .product-order-price__discount {
    background-color: var(--rf-color-4-bg);
}
.wow-color .product-order-price__discount {
    background-color: var(--ww-color);
}
.wowsh-color .product-order-price__discount {
    background-color: var(--wow-color);
    margin-right: 15px;
}
.ragnarok-color .product-order-price__discount {
    background-color: var(--rg-color2);
}
.crowfall-color .product-order-price__discount {
    background-color: var(--crowfall-color);
    color: var(--black);
    font-family: var(--font-gotham);
    text-shadow: none;
}
.essence-color .product-order-price__discount {
    background-color: var(--essence-order);
    color: var(--white);
    font-family: var(--font-gotham);
    text-shadow: none;
}
.l2-main-color .product-order-price__discount,
.l2-main-premium-color .product-order-price__discount {
    background-color: var(--l2-main-color-1);
    color: var(--black);
    font-family: var(--font-gotham);
    text-shadow: none;
}
.l2-legacy-color .product-order-price__discount {
    background-color: var(--l2-legacy-color-1);
    color: var(--black);
    font-family: var(--font-gotham);
    text-shadow: none;
}
.aion-color .product-order-price__discount {
    background-color: var(--aion-color);
    color: var(--white);
    font-family: var(--font-gotham);
    text-shadow: none;
}
.product-order-price__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 34px;
    line-height: 1.1765;
}
@media (max-width: 767px) {
    .product-order-price__block {
        font-size: 28px;
    }
}
.bb-color .product-order-price__block,
.caliber-color .product-order-price__block,
.new-view .product-order-price__block,
.pb-color .product-order-price__block,
.pubg-color .product-order-price__block,
.wowsh-color .product-order-price__block,
.wt-color .product-order-price__block {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.fortnite-color .product-order-price__block {
    font-family: var(--font-refrigerator);
    font-size: 44px;
    font-weight: 800;
    line-height: 49px;
}
.freefire-color .product-order-price__block {
    font-family: var(--font-ff);
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
}
.order-type-v2 .product-order-price__block {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.product-order-price__value {
    color: var(--price-color);
}
.freefire-color .product-order-price__value {
    color: var(--ff-bg);
}
.stalcraft-color .product-order-price__value {
    color: #f5f5f5;
    font-family: var(--font-roboto);
    font-size: 38px;
    font-weight: 700;
}
.stalcraft-color .product-order-price__value span {
    font-family: var(--font-rubik);
}
.warface-color .product-order-price__value {
    color: var(--white);
    font-family: var(--font-okko);
    font-size: 38px;
    font-weight: 700;
}
.warface-color .product-order-price__value span {
    font-family: var(--font-rubik);
}
.bt2-color .product-order-price__value {
    color: #f5f5f5;
    font-family: var(--font-okko);
    font-size: 38px;
    font-weight: 700;
}
.bt2-color .product-order-price__value span {
    font-family: var(--font-rubik);
}
.xboxpage-color .product-order-price__value {
    color: var(--white);
    font-family: var(--font-segoeui);
    font-size: 38px;
    font-weight: 700;
}
.xboxpage-color .product-order-price__value span {
    font-family: var(--font-rubik);
}
.nintendo-color .product-order-price__value {
    color: var(--nintendo-link);
    font-family: var(--font-futura);
    font-size: 38px;
    font-weight: 700;
}
.nintendo-color .product-order-price__value span {
    font-family: var(--font-rubik);
}
.bns-color .product-order-price__value {
    color: #f5f5f5;
    font-family: var(--font-montserrat);
    font-size: 38px;
    font-weight: 700;
}
.bns-color .product-order-price__value span {
    font-family: var(--font-rubik);
}
.genshin-color .product-order-price__value {
    color: var(--genshin-btn);
    font-family: var(--font-montserrat);
    font-size: 38px;
    font-weight: 700;
}
.genshin-color .product-order-price__value span {
    font-family: var(--font-rubik);
}
.aion-classic-color .product-order-price__value {
    color: #f5f5f5;
    font-family: var(--font-montserrat);
    font-size: 38px;
    font-weight: 700;
}
.aion-classic-color .product-order-price__value span {
    font-family: var(--font-rubik);
}
.roblox-color .product-order-price__value {
    color: var(--roblox-price);
}
.roblox-color-skins .product-order-price__value {
    color: var(--ml-price);
}
.fortnite-color .product-order-price__value {
    color: var(--fortnite-color-2);
}
.lol-color .product-order-price__value {
    color: var(--lol-price);
}
.bb-color .product-order-price__value {
    color: var(--ml-color);
}
.wt-color .product-order-price__value {
    color: var(--wt-price);
}
.wt-color-gold .product-order-price__value {
    color: var(--wt-color-2);
}
.caliber-color .product-order-price__value {
    color: var(--caliber-color);
}
.pb-color .product-order-price__value,
.pubg-color .product-order-price__value {
    color: var(--fgp-color-1);
}
.ragnarok-color .product-order-price__value {
    color: var(--rg-color2);
}
.crowfall-color .product-order-price__value {
    color: var(--crowfall-color);
}
.aion-color .product-order-price__value {
    color: var(--aion-red);
}
.essence-color .product-order-price__value {
    color: var(--essence-price);
}
.l2-main-color .product-order-price__value,
.l2-main-premium-color .product-order-price__value {
    color: var(--l2-main-color-1);
}
.l2-legacy-color .product-order-price__value {
    color: var(--l2-legacy-color-1);
}
.rf-color .product-order-price__value {
    color: var(--rf-price);
    font-family: var(--font-kelson-sans);
}
.rf-color .product-order-price__value i,
.rf-color .product-order-price__value span {
    font-family: var(--font-rubik);
    font-style: normal;
}
.product-order-price__bonus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.product-order-price-bonus__label {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-end;
    line-height: 19px;
}
.nintendo-color .product-order-price-bonus__label {
    color: var(--black);
}
.roblox-color .product-order-price-bonus__label {
    color: var(--roblox-text);
}
.product-order-price-bonus__value {
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 2px;
    text-align: right;
}
.nintendo-color .product-order-price-bonus__value {
    color: var(--black);
}
.roblox-color .product-order-price-bonus__value {
    color: var(--roblox-text);
}
.product-order-price-bonus__value span {
    color: var(--white);
    font-size: 24px;
    line-height: 28px;
}
.nintendo-color .product-order-price-bonus__value span {
    color: var(--black);
}
.roblox-color .product-order-price-bonus__value span {
    color: var(--roblox-text);
}
.product-order-price__item {
    margin-bottom: -2px;
}
.product-order-price__old {
    color: var(--white);
    margin-left: 20px;
    opacity: 0.5;
}
.bb-color .product-order-price__old,
.caliber-color .product-order-price__old,
.new-view .product-order-price__old,
.wt-color .product-order-price__old {
    font-size: 24px;
    opacity: 0.25;
}
.nintendo-color .product-order-price__old {
    color: var(--black);
    opacity: 0.25;
}
.roblox-color .product-order-price__old {
    color: var(--roblox-text);
}
.fortnite-color .product-order-price__old {
    font-size: 44px;
}
.pb-color .product-order-price__old,
.pubg-color .product-order-price__old,
.wowsh-color .product-order-price__old {
    font-size: 24px;
    opacity: 0.25;
}
.aion-color .product-order-price__old,
.essence-color .product-order-price__old,
.l2-legacy-color .product-order-price__old,
.l2-main-color .product-order-price__old,
.l2-main-premium-color .product-order-price__old {
    color: #f2f3f3;
    opacity: 0.3;
}
.rf-color .product-order-price__old {
    color: #f2f3f3;
    font-family: var(--font-kelson-sans);
    opacity: 0.3;
}
.rf-color .product-order-price__old span {
    font-family: Rubik, sans-serif;
}
.order-type-v2 .product-order-price__old {
    color: var(--white);
    font-size: 16px;
    margin-bottom: -2px;
    margin-left: 0;
    opacity: 0.5;
    text-decoration: line-through;
}
.roblox-color .order-type-v2 .product-order-price__old {
    color: var(--roblox-text);
}
.nintendo-color .order-type-v2 .product-order-price__old {
    color: var(--black);
    opacity: 0.25;
}
.aion-color .order-type-v2 .product-order-price__old,
.essence-color .order-type-v2 .product-order-price__old,
.l2-legacy-color .order-type-v2 .product-order-price__old,
.l2-main-color .order-type-v2 .product-order-price__old,
.l2-main-premium-color .order-type-v2 .product-order-price__old,
.rf-color .order-type-v2 .product-order-price__old {
    color: #f2f3f3;
    opacity: 0.3;
}
.product-order__select {
    margin-bottom: 20px;
}
.product-order-select__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 10px;
}
.genshin-color .product-order-select__label {
    font-family: var(--font-montserrat);
}
.product-order-select__label .tooltip-block {
    margin-left: 5px;
}
.product-order-select__label .tooltip-block,
.product-order-select__label .tooltip-block__q {
    border-radius: var(--br-5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    width: 16px;
}
.product-order-select__label .tooltip-block__q {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--pubg-color);
    justify-content: center;
}
.genshin-color .product-order-select__label .tooltip-block__q {
    background: #1cc0f4;
}
.product-order-select__field .jq-selectbox {
    display: block;
}
.product-order-select__field .jq-selectbox__select {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, 0.1);
    border: none;
    border-radius: var(--br-10);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
    color: var(--white);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 18px;
    padding: 0 45px 0 15px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.product-order-select__field .jq-selectbox__select-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 40px;
}
.product-order-select__field .jq-selectbox__select-text .icon-block {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
}
.product-order-select__field .jq-selectbox__select-text .icon-block .icon {
    fill: var(--yellow);
}
.genshin-color .product-order-select__field .jq-selectbox__select-text .icon-block .icon {
    fill: #1cc0f4;
}
.product-order-select__field .jq-selectbox.opened .jq-selectbox__select {
    border-radius: var(--br-10) var(--br-10) 0 0;
}
.product-order-select__field .jq-selectbox.opened .jq-selectbox__trigger-arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.product-order-select__field .jq-selectbox__trigger {
    width: 35px;
}
.product-order-select__field .jq-selectbox__trigger,
.product-order-select__field .jq-selectbox__trigger-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-order-select__field .jq-selectbox__trigger-arrow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 20px;
    justify-content: center;
    right: 10px;
    top: 10px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 20px;
}
.product-order-select__field .jq-selectbox__trigger-arrow:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' fill-rule='evenodd' clip-rule='evenodd' d='M.293 1.854 1.707.439 6 4.732 10.293.44l1.414 1.415L6 7.56.293 1.854Z' fill='%23fff'/%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 8px;
    width: 12px;
}
.product-order-select__field .jq-selectbox__dropdown {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-linear-gradient(272deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    background: -o-linear-gradient(272deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    background: linear-gradient(178deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    border: none;
    border-radius: 0 0 var(--br-10) var(--br-10);
    font-family: inherit;
    margin: 0;
    overflow: hidden;
}
.product-order-select__field .jq-selectbox__dropdown ul {
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.product-order-select__field .jq-selectbox__dropdown ul li {
    padding: 0;
}
.product-order-select__field .jq-selectbox__dropdown ul li.sel {
    display: none;
}
.product-order-select__field .jq-selectbox__dropdown ul li:last-child {
    border-radius: 0 0 var(--br-10) var(--br-10);
    overflow: hidden;
}
.product-order-select__field .jq-selectbox__dropdown ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 40px;
    padding: 0 15px;
    text-decoration: none;
    text-shadow: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.product-order-select__field .jq-selectbox__dropdown ul li a .icon-block {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    justify-content: center;
    margin: 0 10px 0 0;
}
.product-order-select__field .jq-selectbox__dropdown ul li a .icon-block .icon {
    fill: var(--yellow);
}
.genshin-color .product-order-select__field .jq-selectbox__dropdown ul li a .icon-block .icon {
    fill: #1cc0f4;
}
.product-order-select__field .jq-selectbox__dropdown ul li a .name {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.product-order-select__field .jq-selectbox__dropdown ul li:hover {
    background: none;
}
.product-order-select__field .jq-selectbox__dropdown ul li:hover a {
    background: hsla(0, 0%, 100%, 0.1);
    opacity: 1;
}
.product-order__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    position: relative;
}
.bb-color .product-order__buttons,
.caliber-color .product-order__buttons,
.new-view .product-order__buttons,
.wowsh-color .product-order__buttons,
.wt-color .product-order__buttons {
    margin-bottom: 18px;
}
@media (max-width: 374px) {
    .bb-color .product-order__buttons,
    .caliber-color .product-order__buttons,
    .new-view .product-order__buttons,
    .wowsh-color .product-order__buttons,
    .wt-color .product-order__buttons {
        margin-bottom: 12px;
    }
}
.product-order__buttons.mb-0 {
    margin-bottom: 0;
}
.product-order__buttons.no-buttons {
    height: 46px;
}
.product-order__buttons .btn {
    margin: 0 15px 0 0;
    padding: 13px 20px 12px;
}
.cont-back .back .product-order__buttons .btn-default {
    background: var(--black);
    color: var(--white);
}
.cont-back .back .product-order__buttons .btn-default .icon {
    fill: var(--white);
}
.cont-back .back .product-order__buttons .btn-default:hover {
    background-color: var(--bg-1);
    color: var(--white);
}
.product-order__buttons .btn:last-child {
    margin: 0;
    max-width: 60px;
}
.product-order__buttons .btn:last-child .icon {
    margin: 0;
}
.product-order__buttons .btn:last-child span {
    display: none;
}
.product-order__buttons--new a.btn {
    opacity: 1;
}
.product-order__buttons--new .btn-primary {
    height: 46px;
    margin: 0 11px 0 0;
    padding: 10px 10px 9px;
}
.product-order__buttons--new .btn-primary .icon {
    margin-right: 15px;
}
.product-order__buttons--new .btn-primary .icon-cart-mini {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 21px;
    width: 24px;
}
.product-order__buttons--new .btn-primary span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
    text-align: left;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    white-space: nowrap;
}
.product-order__buttons--new .btn-primary span span {
    display: block;
    font-size: 11px;
    font-weight: 400;
    padding-top: 3px;
    text-transform: lowercase;
    width: 100%;
}
.product-order__buttons--new .btn:last-child {
    max-width: 100%;
    padding: 13px 10px 12px;
}
.product-order__buttons--new .btn:last-child.disabled {
    padding: 11px 9px;
}
.product-order__buttons--new .btn:last-child .icon {
    margin-right: 15px;
}
.product-order__buttons--new .btn:last-child span {
    display: block;
}
.product-order__more {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.order-type-v2 .product-order__more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.rf-color .product-order__more {
    font-family: var(--font-kelson-sans);
}
.nintendo-color .product-order__more {
    color: var(--black);
}
.roblox-color .product-order__more {
    color: var(--roblox-text);
}
.no-bonuses .product-order__more {
    display: none;
}
.product-order-more__label {
    font-size: 14px;
    line-height: 1.357;
    padding-left: 20px;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
}
.bt2-color .product-order-more__label,
.warface-color .product-order-more__label {
    font-family: var(--font-okko);
    font-weight: 500;
    line-height: 14px;
}
.xboxpage-color .product-order-more__label {
    font-family: var(--font-segoeui);
    font-weight: 600;
    line-height: 15px;
}
.nintendo-color .product-order-more__label {
    font-family: var(--font-futura);
    font-weight: 600;
    line-height: 15px;
}
.product-order-more__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23fff'/%3E%3C/svg%3E") 50% 0 no-repeat;
    content: "";
    height: 11px;
    left: 0;
    position: absolute;
    top: 3px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: 10px;
}
.blue-color .product-order-more__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%230af'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
.nintendo-color .product-order-more__label:before,
.psp-color .product-order-more__label:before,
.roblox-color .product-order-more__label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 5.5-4 4m0 0-4-4m4 4V0' stroke='%23000'/%3E%3C/svg%3E") 50% 0 no-repeat;
}
.product-order-more__value {
    font-size: 14px;
    line-height: 1.357;
}
.product-order-more__value span {
    color: hsla(0, 0%, 100%, 0.5);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.blue-color .product-order-more__value span,
.nintendo-color .product-order-more__value span,
.psp-color .product-order-more__value span,
.roblox-color .product-order-more__value span,
.xbox-color .product-order-more__value span {
    color: rgba(0, 0, 0, 0.4);
}
.product-order-more__value s {
    color: hsla(0, 0%, 100%, 0.5);
    margin-left: 8px;
    text-decoration: line-through;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.blue-color .product-order-more__value s,
.nintendo-color .product-order-more__value s,
.psp-color .product-order-more__value s,
.roblox-color .product-order-more__value s,
.xbox-color .product-order-more__value s {
    color: rgba(0, 0, 0, 0.4);
}
.product-order-more__value i {
    font-family: Rubik, sans-serif;
    font-style: normal;
}
.product-order__bonus {
    -ms-flex-pack: distribute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    justify-content: space-around;
    left: 3px;
    position: absolute;
    right: 3px;
}
.no-bonuses .product-order__bonus {
    display: none;
}
.bb-color .product-order__bonus,
.caliber-color .product-order__bonus,
.new-view .product-order__bonus,
.pb-color .product-order__bonus,
.pubg-color .product-order__bonus,
.wowsh-color .product-order__bonus,
.wt-color .product-order__bonus {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: -webkit-linear-gradient(272.16deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    background: -o-linear-gradient(272.16deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    background: linear-gradient(0.494turn, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    border-radius: 0 0 var(--br-20) var(--br-20);
    bottom: 0;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    height: 52px;
    left: 0;
    right: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .bb-color .product-order__bonus,
    .caliber-color .product-order__bonus,
    .new-view .product-order__bonus,
    .pb-color .product-order__bonus,
    .pubg-color .product-order__bonus,
    .wowsh-color .product-order__bonus,
    .wt-color .product-order__bonus {
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
    }
}
.warface-color .product-order__bonus {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-13.46%, rgba(59, 73, 104, 0.2)), color-stop(225%, #151922));
    background: -webkit-linear-gradient(bottom, rgba(59, 73, 104, 0.2) -13.46%, #151922 225%);
    background: -o-linear-gradient(bottom, rgba(59, 73, 104, 0.2) -13.46%, #151922 225%);
    background: linear-gradient(0deg, rgba(59, 73, 104, 0.2) -13.46%, #151922 225%);
}
.bt2-color .product-order__bonus {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-41.35%, #22242a), color-stop(110.58%, rgba(32, 41, 60, 0.31)));
    background: -webkit-linear-gradient(top, #22242a -41.35%, rgba(32, 41, 60, 0.31) 110.58%);
    background: -o-linear-gradient(top, #22242a -41.35%, rgba(32, 41, 60, 0.31) 110.58%);
    background: linear-gradient(180deg, #22242a -41.35%, rgba(32, 41, 60, 0.31) 110.58%);
}
.nintendo-color .product-order__bonus,
.xboxpage-color .product-order__bonus {
    background: -webkit-linear-gradient(272deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    background: -o-linear-gradient(272deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    background: linear-gradient(178deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    -webkit-box-shadow: 0 0 50px rgba(0, 100, 200, 0.1);
    box-shadow: 0 0 50px rgba(0, 100, 200, 0.1);
}
.nintendo-color .product-order__bonus {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .bt2-color .product-order__bonus,
    .freefire-color .product-order__bonus,
    .stalcraft-color .product-order__bonus,
    .warface-color .product-order__bonus {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
.roblox-color .product-order__bonus {
    background: -webkit-linear-gradient(274.85deg, rgba(217, 203, 255, 0.2) 3.91%, rgba(223, 219, 255, 0) 96.1%);
    background: -o-linear-gradient(274.85deg, rgba(217, 203, 255, 0.2) 3.91%, rgba(223, 219, 255, 0) 96.1%);
    background: linear-gradient(175.15deg, rgba(217, 203, 255, 0.2) 3.91%, rgba(223, 219, 255, 0) 96.1%);
    -webkit-box-shadow: 0 0 50px rgba(134, 114, 255, 0.3);
    box-shadow: 0 0 50px rgba(134, 114, 255, 0.3);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .roblox-color .product-order__bonus {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
.roblox-color-skins .product-order__bonus {
    background: -webkit-linear-gradient(274.85deg, hsla(0, 0%, 96%, 0.2) 3.91%, rgba(135, 197, 255, 0.08) 96.1%);
    background: -o-linear-gradient(274.85deg, hsla(0, 0%, 96%, 0.2) 3.91%, rgba(135, 197, 255, 0.08) 96.1%);
    background: linear-gradient(175.15deg, hsla(0, 0%, 96%, 0.2) 3.91%, rgba(135, 197, 255, 0.08) 96.1%);
    -webkit-box-shadow: 0 0 50px rgba(99, 180, 255, 0.3);
    box-shadow: 0 0 50px rgba(99, 180, 255, 0.3);
}
.fortnite-color .product-order__bonus,
.lol-color .product-order__bonus {
    background: -webkit-linear-gradient(272.16deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    background: -o-linear-gradient(272.16deg, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    background: linear-gradient(0.494turn, hsla(0, 0%, 100%, 0.1) 1.82%, hsla(0, 0%, 100%, 0) 218.64%);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .pb-color .product-order__bonus,
    .pubg-color .product-order__bonus {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }
}
.product-order__bonus span {
    display: block;
    margin: 0 5px;
}
.product-order__bonus .icon {
    display: block;
}
.product-order__bonus .icon-bonus-multy {
    height: 24px;
    margin: 0 0 3px;
    width: 64px;
}
.product-order__bonus .icon-bonus-spasibo {
    height: 22px;
    margin: 0;
    width: 80px;
}
.product-order__bonus .icon-bonus-gorod {
    height: 18px;
    margin: 0;
    width: 91px;
}
.nintendo-color .product-order__bonus .icon {
    --white: var(--black);
    --color-1: var(--black);
}
.crowfall-color .product-order__bonus .icon {
    --white: var(--rg-color);
    --color-1: var(--rg-color);
}
.l2-legacy-color .product-order__bonus .icon,
.l2-main-color .product-order__bonus .icon,
.l2-main-premium-color .product-order__bonus .icon {
    --white: var(--black);
    --color-1: var(--black);
}
.roblox-color .product-order__bonus .icon {
    --white: var(--roblox-text);
    --color-1: var(--roblox-text);
}
.aion-color .product-top__text + .product__server {
    margin-bottom: -25px;
}
.product__server {
    margin-bottom: 20px;
}
.product-server__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    margin-bottom: 10px;
}
.product-server__label > span {
    text-transform: uppercase;
}
.product-server__label .tooltip-block {
    margin-left: 8px;
}
.product-server__label .tooltip-block__q {
    background: var(--white);
    color: var(--black);
    font-size: 14px;
}
.product-server__select {
    position: relative;
}
.product-server__select .jq-selectbox {
    display: block;
    max-width: 306px;
    width: 100%;
}
@media (max-width: 768px) {
    .product-server__select .jq-selectbox {
        max-width: 400px;
    }
}
@media (max-width: 414px) {
    .product-server__select .jq-selectbox {
        max-width: 100%;
    }
}
.product-server__select .jq-selectbox.jqselect-pseudo .jq-selectbox__dropdown li {
    padding: 0 !important;
}
.product-server__select .jq-selectbox__select {
    background: var(--aion-bg-2);
    border: 3px solid var(--aion-color);
    border-radius: var(--br-10);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--white);
    font-family: var(--font-gotham);
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    line-height: 44px;
    padding: 0 10px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.product-server__select .jq-selectbox__select-text:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion/icon-server.svg) 50% 50% no-repeat;
    content: "";
    display: inline-block;
    height: 26px;
    margin: -3px 13px 0 0;
    vertical-align: middle;
    width: 24px;
}
.product-server__select .jq-selectbox__trigger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 50px;
}
.product-server__select .jq-selectbox__trigger-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 8 8 8-8' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    border: none;
    height: 11px;
    position: relative;
    right: auto;
    top: auto;
    width: 18px;
}
.product-server__select .jq-selectbox.focused .jq-selectbox__select {
    border: 3px solid var(--aion-color);
}
.product-server__select .jq-selectbox__dropdown {
    background: var(--aion-bg-2);
    border: 3px solid var(--aion-color);
    border-radius: 0 0 var(--br-10) var(--br-10);
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--white);
    font-family: var(--font-gotham);
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    margin: -3px 0 0;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
.product-server__select .jq-selectbox__dropdown li {
    border-radius: 0 !important;
    color: var(--white);
    padding-left: 47px !important;
    position: relative;
}
.product-server__select .jq-selectbox__dropdown li a {
    color: var(--white);
    display: block;
    padding: 10px 10px 10px 47px;
    text-decoration: none;
}
.product-server__select .jq-selectbox__dropdown li:before {
    background: var(--white);
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    left: 21px;
    margin: -3px 0 0;
    position: absolute;
    top: 50%;
    width: 5px;
}
.product-server__select .jq-selectbox__dropdown li:hover {
    background: var(--aion-color);
}
.product-server__select .jq-selectbox__dropdown li.selected {
    background: rgba(120, 128, 213, 0.5);
}
.product-server__select .jq-selectbox__dropdown li.selected:hover {
    background: var(--aion-color);
}
.product-server__select .jq-selectbox.opened .jq-selectbox__select {
    border-radius: var(--br-10) var(--br-10) 0 0;
}
.product-server__select .jq-selectbox.opened.dropup .jq-selectbox__select {
    border-radius: 0 0 var(--br-10) var(--br-10);
}
.product-server__select .jq-selectbox.opened.dropup .jq-selectbox__dropdown {
    border: 3px solid var(--aion-color);
    border-bottom: none;
    border-radius: var(--br-10) var(--br-10) 0 0;
    margin: 0 0 -3px;
}
.product-server-select__label {
    left: 267px;
    margin: -12px 0 0;
    position: absolute;
    z-index: 11;
}
.product-server-select__label span.new {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--aion-red);
    border-radius: var(--br-5);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-gotham);
    font-size: 10px;
    height: 20px;
    justify-content: center;
    line-height: 1;
    padding: 0 6px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
@media (max-width: 414px) {
    .product-server-select__label {
        left: auto;
        right: -5px;
    }
}
.swiper-sync {
    position: relative;
    width: 100%;
}
.swiper-sync__top {
    margin-bottom: 23px;
    position: relative;
}
.swiper-sync__top .swiper-slide {
    height: auto;
}
.swiper-sync__top .swiper-slide .galery-item {
    background: hsla(0, 0%, 100%, 0.05);
    border-radius: var(--br-20);
    height: 0;
    overflow: hidden;
    padding: 0 0 56%;
    position: relative;
}
.swiper-sync__top .swiper-slide .galery-item img {
    bottom: 0;
    left: 0;
    max-height: none;
    position: absolute;
    right: 0;
    top: 0;
}
.swiper-sync__top .swiper-slide img.swiper-lazy {
    opacity: 0;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.swiper-sync__top .swiper-slide img.swiper-lazy-loaded {
    opacity: 1;
}
.swiper-sync__bottom {
    position: relative;
}
.swiper-sync__bottom:after,
.swiper-sync__bottom:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 2;
}
.swiper-sync__bottom.has-pagi .swiper-button-next,
.swiper-sync__bottom.has-pagi .swiper-button-prev,
.swiper-sync__bottom.has-pagi:after,
.swiper-sync__bottom.has-pagi:before {
    bottom: 21px;
}
.swiper-sync__bottom:before {
    background: -webkit-linear-gradient(0.46deg, #13191b 0.42%, rgba(19, 25, 27, 0) 99.62%);
    background: -o-linear-gradient(0.46deg, #13191b 0.42%, rgba(19, 25, 27, 0) 99.62%);
    background: linear-gradient(89.54deg, #13191b 0.42%, rgba(19, 25, 27, 0) 99.62%);
    border-radius: 8px 0 0 8px;
    left: 0;
}
.swiper-sync__bottom:after {
    background: -webkit-linear-gradient(0.46deg, rgba(19, 25, 27, 0) 0.42%, #13191b 99.62%);
    background: -o-linear-gradient(0.46deg, rgba(19, 25, 27, 0) 0.42%, #13191b 99.62%);
    background: linear-gradient(89.54deg, rgba(19, 25, 27, 0) 0.42%, #13191b 99.62%);
    border-radius: 0 8px 8px 0;
    right: 0;
}
.swiper-sync__bottom .swiper {
    border-radius: var(--br-10);
    overflow: hidden;
}
@media (max-width: 767px) {
    .wt-color .swiper-sync__bottom .swiper-button-next,
    .wt-color .swiper-sync__bottom .swiper-button-prev {
        display: none;
    }
}
.wt-color .swiper-sync__bottom .swiper-button-next span,
.wt-color .swiper-sync__bottom .swiper-button-prev span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    justify-content: center;
    position: relative;
    width: 35px;
}
.wt-color .swiper-sync__bottom .swiper-button-next span:before,
.wt-color .swiper-sync__bottom .swiper-button-prev span:before {
    background: #ffb600;
    border-radius: var(--br-5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-8deg);
    -ms-transform: skew(-8deg);
    transform: skew(-8deg);
    -webkit-transition: var(--transition05-transform), var(--transition05-background);
    -o-transition: var(--transition05-transform), var(--transition05-background);
    transition: var(--transition05-transform), var(--transition05-background);
    z-index: -2;
}
.wt-color .swiper-sync__bottom .swiper-button-next span:after,
.wt-color .swiper-sync__bottom .swiper-button-prev span:after {
    display: none;
}
.wt-color .swiper-sync__bottom .swiper-button-next span .icon,
.wt-color .swiper-sync__bottom .swiper-button-prev span .icon {
    stroke-linecap: round;
    stroke: var(--black);
    fill: none;
    stroke-width: 9;
    height: 25px;
    width: 13px;
}
.wt-color .swiper-sync__bottom .swiper-button-next span:hover:before,
.wt-color .swiper-sync__bottom .swiper-button-prev span:hover:before {
    background-color: var(--wt-color-2);
    -webkit-transform: skew(-8deg) scale(1.06);
    -ms-transform: skew(-8deg) scale(1.06);
    transform: skew(-8deg) scale(1.06);
}
.wt-color .swiper-sync__bottom .swiper-button-prev span:hover .icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounce2;
    animation-name: bounce2;
}
.wt-color .swiper-sync__bottom .swiper-button-next span:hover .icon {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounce2;
    animation-name: bounce2;
}
.swiper-sync__bottom .swiper-button-next,
.swiper-sync__bottom .swiper-button-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: center;
    margin: 0;
    position: absolute;
    top: 0;
    width: 20%;
    z-index: 3;
}
@media (max-width: 1200px) {
    .swiper-sync__bottom .swiper-button-next,
    .swiper-sync__bottom .swiper-button-prev {
        width: 10%;
    }
}
.wt-color .swiper-sync__bottom .swiper-button-next,
.wt-color .swiper-sync__bottom .swiper-button-prev {
    pointer-events: none;
}
.wt-color .swiper-sync__bottom .swiper-button-next span,
.wt-color .swiper-sync__bottom .swiper-button-prev span {
    pointer-events: auto;
}
.swiper-sync__bottom .swiper-button-next:after,
.swiper-sync__bottom .swiper-button-prev:after {
    display: none;
}
.swiper-sync__bottom .swiper-button-prev {
    left: 0;
}
.swiper-sync__bottom .swiper-button-prev span {
    margin-left: 22px;
    margin-right: auto;
}
.swiper-sync__bottom .swiper-button-prev span .icon {
    margin-right: 3px;
}
@media (max-width: 1200px) {
    .swiper-sync__bottom .swiper-button-prev {
        background-position: 100% 0;
    }
}
.swiper-sync__bottom .swiper-button-next {
    right: 0;
}
.swiper-sync__bottom .swiper-button-next span {
    margin-left: auto;
    margin-right: 22px;
}
.swiper-sync__bottom .swiper-button-next span .icon {
    margin-left: 3px;
}
.swiper-sync__bottom .swiper-button-disabled {
    opacity: 1;
}
.swiper-sync__bottom .swiper-button-disabled span:before {
    background: hsla(0, 0%, 100%, 0.3) !important;
}
.swiper-sync__bottom .swiper-button-disabled span .icon {
    stroke: var(--white) !important;
}
.swiper-sync__bottom .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 15px 0 0;
    position: relative;
}
.swiper-sync__bottom .swiper-pagination-bullet {
    --swiper-pagination-bullet-width: 20px;
    --swiper-pagination-bullet-height: 6px;
    --swiper-pagination-bullet-horizontal-gap: 7px;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-inactive-color: hsla(27, 8%, 72%, 0.3);
    border-radius: 3px;
}
.swiper-sync__bottom .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-height: 6px;
    --swiper-pagination-color: var(--fgp-color-1);
    margin-bottom: -1px;
}
.wt-color .product-top__image .swiper-sync__bottom .swiper img {
    border-radius: var(--br-10);
}
.swiper-sync__bottom .swiper-slide {
    height: auto;
    position: relative;
}
.swiper-sync__bottom .swiper-slide:before {
    border: 2px solid #ffb600;
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.swiper-sync__bottom .swiper-slide img.swiper-lazy {
    opacity: 0;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.swiper-sync__bottom .swiper-slide img.swiper-lazy-loaded,
.swiper-sync__bottom .swiper-slide-thumb-active:before {
    opacity: 1;
}
.wg__block {
    background-color: var(--bg-wg);
    color: var(--white);
    overflow: hidden;
    padding-bottom: 90px;
    padding-top: 150px;
    position: relative;
    z-index: 1;
}
@media (max-width: 767px) {
    .wg__block {
        padding-top: 120px;
    }
}
.wg__block:before {
    background: url(/bitrix/templates/c4g/css/../images/bg-wg.jpg) 50% 100% no-repeat;
    content: "";
    height: 190px;
    left: 50%;
    margin: 0 0 0 -960px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 1920px;
    z-index: -1;
}
@media (max-width: 767px) {
    .wg__block:before {
        height: 140px;
        margin: 0 0 0 -1100px;
    }
}
.wg__block.wow-color {
    background-color: var(--bg-ww);
}
.wg__block.wow-color:before {
    background: url(/bitrix/templates/c4g/css/../images/bg-wow.jpg) 50% 100% no-repeat;
}
.wg__block .ea__slider {
    margin-bottom: 45px;
    padding-bottom: 15px;
    width: 100%;
    z-index: 2;
}
.wg__block .catalog-list__more {
    margin-bottom: 0;
}
.wg__block .b-row + .catalog-list__more {
    padding-left: 0;
    padding-right: 0;
}
.wg__head {
    margin-bottom: 45px;
    position: relative;
    width: 100%;
    z-index: 11;
}
@media (max-width: 1024px) {
    .wg__head {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .wg__head {
        margin-bottom: 20px;
    }
}
.wg__head > .b-row {
    margin: 0;
}
@media (max-width: 1024px) {
    .wg__head > .b-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.wg__logo {
    -webkit-box-flex: 0;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 18.33333%;
    flex: 0 0 18.33333%;
    max-width: 18.33333%;
    padding: 50px 15px 20px;
    width: 100%;
}
.wg__logo img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 1024px) {
    .wg__logo {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .wg__logo {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 61.66667%;
        flex: 0 0 61.66667%;
        max-width: 61.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.wg__navi {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 81.66667%;
    flex: 0 0 81.66667%;
    max-width: 81.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    z-index: 2;
}
@media (max-width: 1024px) {
    .wg__navi {
        -webkit-box-flex: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        justify-content: flex-end;
        max-width: 50%;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .wg__navi {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        width: 100%;
    }
}
.wg__navi nav {
    padding-top: 25px;
}
@media (max-width: 1024px) {
    .wg__navi nav {
        padding-top: 20px;
    }
}
.wg__navi ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 500;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}
@media (max-width: 1024px) {
    .wg__navi ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.wg__navi ul li {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
    position: relative;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
.wg__navi ul li:first-child {
    margin: 0;
}
@media (max-width: 1024px) {
    .wg__navi ul li {
        margin: 0 0 10px;
        width: 100%;
    }
    .wg__navi ul li:first-child {
        margin: 0 0 10px;
    }
}
.wg__navi ul li a {
    color: hsla(0, 0%, 100%, 0.85);
    display: block;
    padding: 14px;
    position: relative;
    text-decoration: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    z-index: 1;
}
@media (max-width: 1024px) {
    .wg__navi ul li a {
        padding: 5px 0 5px 37px;
    }
}
.wowsh-color .wg__navi ul li a {
    color: var(--white);
}
.wg__navi ul li a:before {
    background-color: var(--bg2-wg);
    border-radius: 5px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    width: 100%;
    z-index: -1;
}
.wow-color .wg__navi ul li a:before {
    background-color: var(--ww-bg);
}
.wowsh-color .wg__navi ul li a:before {
    background-color: var(--wow-bg);
}
@media (max-width: 1024px) {
    .wg__navi ul li a:before {
        display: none;
    }
}
.wg__navi ul li a > span.icon-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    margin-bottom: 8px;
    position: relative;
    width: 100%;
}
@media (max-width: 1024px) {
    .wg__navi ul li a > span.icon-block {
        display: none;
    }
}
.wg__navi ul li a > span.icon-block .new {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--fgp-color-1);
    border-radius: 3px;
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 18px;
    padding: 0 8px;
    position: absolute;
    right: -8px;
    text-shadow: none;
    text-transform: uppercase;
    top: -8px;
}
.wg__navi ul li a > span.name-block {
    display: inline;
    position: relative;
}
.wg__navi ul li a > span.name-block:before {
    background: var(--bg-1);
    bottom: -5px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 0;
}
.wow-color .wg__navi ul li a > span.name-block:before {
    background-color: var(--ww-color);
}
.wowsh-color .wg__navi ul li a > span.name-block:before {
    background-color: var(--wow-navi);
}
.wg__navi ul li a:hover span.name-block:before {
    width: 100%;
}
.wg__navi ul li.active > a {
    color: var(--bg-1);
}
.wow-color .wg__navi ul li.active > a {
    color: var(--ww-color);
}
.wowsh-color .wg__navi ul li.active > a {
    color: var(--wow-navi);
}
.wowsh-color .wg__navi ul li.active > a .icon-block .icon {
    --fill-none: 1;
    fill: url(#shape-gradient) #fff;
    --white: 1;
}
.wg__navi ul li.active > a span.name-block:before {
    width: 100%;
}
@media (max-width: 1024px) {
    .wg__navi ul li.active > a span.name-block:before {
        width: 100%;
    }
}
.wg__navi ul li:hover {
    z-index: 5;
}
.wg__navi ul li:hover > a {
    color: var(--bg-1);
    opacity: 1;
}
.wg__navi ul li:hover > a .icon {
    --gold: var(--bg-1);
    --color-ccc: var(--bg-1);
    --color-43: rgba(199, 66, 66, 0.4);
    --color-57: rgba(199, 66, 66, 0.2);
}
.wow-color .wg__navi ul li:hover > a {
    color: var(--ww-color);
}
.wow-color .wg__navi ul li:hover > a .icon {
    --gold: var(--ww-color);
    --color-ccc: var(--ww-color);
}
.wowsh-color .wg__navi ul li:hover > a {
    color: var(--wow-navi);
}
.wowsh-color .wg__navi ul li:hover > a .icon-block .icon {
    --fill-none: 1;
    fill: url(#shape-gradient) #fff;
    --white: 1;
}
.wg__navi ul li:hover > a:before {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.wg__navi ul li.parent > a {
    padding-right: 30px;
}
@media (max-width: 1024px) {
    .wg__navi ul li.parent > a {
        padding: 5px 0 5px 37px;
    }
}
.wg__navi ul li.parent > a:before {
    border-radius: 5px 5px 0 0;
}
@media (max-width: 1024px) {
    .wg__navi ul li.parent > a:before {
        border-radius: 0;
    }
}
.wg__navi ul li.parent > a .name-block:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgBbY7BDcQgDARtjgJSAi1cCensOvODB0+3QBGnvEgcNgmKFWUlkJkdyRBdUdWJHvEs4Mo5/5blr6WUNArMYOjwZhGZYvwoMydmqiHEGcW2NTGjZGa1tfXLgF1OXZYhgzlp7qk8Vnn5FG/pWO0/P2TMXnoNZJwn3wH/RU/ihJkaCQAAAABJRU5ErkJggg==");
    content: "";
    height: 7px;
    margin: 7px 0 0 5px;
    position: absolute;
    right: -15px;
    width: 10px;
}
@media (max-width: 1024px) {
    .wg__navi ul li.parent > a .name-block:after {
        left: -35px;
        margin: 7px 0 0;
        right: auto;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}
.wg__navi ul li.parent > ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    background-color: var(--bg2-wg);
    border-radius: 0 0 5px 5px;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-start;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.1s, -webkit-transform 0.1s;
    transition: opacity 0.1s, -webkit-transform 0.1s;
    -o-transition: opacity 0.1s, transform 0.1s;
    transition: opacity 0.1s, transform 0.1s;
    transition: opacity 0.1s, transform 0.1s, -webkit-transform 0.1s;
    visibility: hidden;
}
.wg__navi ul li.parent > ul:before {
    background: var(--bg2-wg);
    border-radius: 5px 5px 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-88px);
    -ms-transform: translateY(-88px);
    transform: translateY(-88px);
}
.wow-color .wg__navi ul li.parent > ul {
    background-color: var(--ww-bg);
}
.wow-color .wg__navi ul li.parent > ul:before {
    background: var(--ww-bg);
}
.wowsh-color .wg__navi ul li.parent > ul {
    background-color: var(--wow-bg);
}
.wowsh-color .wg__navi ul li.parent > ul:before {
    background: var(--wow-bg);
}
@media (max-width: 1024px) {
    .wg__navi ul li.parent > ul {
        background: transparent;
        border-radius: 0;
        display: none;
        font-size: 12px;
        opacity: 1;
        padding-left: 37px;
        padding-top: 20px;
        pointer-events: auto;
        position: relative;
        right: auto;
        text-transform: uppercase;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        visibility: visible;
    }
    .wg__navi ul li.parent > ul:before {
        display: none;
    }
}
.wg__navi ul li.parent > ul > li {
    display: block;
    margin: 6px 0;
    text-transform: none;
    width: 100%;
}
@media (max-width: 1024px) {
    .wg__navi ul li.parent > ul > li {
        margin: 0 0 20px;
        text-transform: uppercase;
    }
}
.wg__navi ul li.parent > ul > li > a {
    display: block;
    padding: 0 0 0 25px;
    position: relative;
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .wg__navi ul li.parent > ul > li > a {
        padding-left: 0;
    }
}
.wg__navi ul li.parent > ul > li > a:before {
    background-color: hsla(0, 0%, 100%, 0.85);
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 5px;
    opacity: 1;
    position: absolute;
    top: 5px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: 5px;
}
.wg__navi ul li.parent > ul > li > a span {
    position: relative;
}
.wg__navi ul li.parent > ul > li > a span:before {
    bottom: -3px;
}
.wg__navi ul li.parent > ul > li > a span:after {
    background-color: var(--bg-1);
    content: "";
    height: 2px;
    left: 0;
    margin: 1px 0 0;
    position: absolute;
    top: 100%;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 0;
}
.wow-color .wg__navi ul li.parent > ul > li > a span:after {
    background-color: var(--ww-color);
}
.wowsh-color .wg__navi ul li.parent > ul > li > a span:after {
    background-color: var(--wow-color);
}
.wg__navi ul li.parent > ul > li > a:hover {
    color: var(--white);
}
.wg__navi ul li.parent > ul > li > a:hover span:before {
    display: none;
}
.wg__navi ul li.parent > ul > li > a:hover span:after {
    width: 100%;
}
@media (max-width: 991px) {
    .wg__navi ul li.parent.active > ul {
        display: block;
    }
}
.wg__navi ul li.parent:last-child > ul {
    border-radius: 5px 0 5px 5px;
}
.wg__navi ul li.parent:hover > ul {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
    visibility: visible;
}
.wg-navi__title {
    display: none;
}
@media (max-width: 1024px) {
    .wg-navi__title {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        font-size: 18px;
        font-weight: 500;
        justify-content: flex-end;
        text-transform: uppercase;
    }
    .wg-navi__title,
    .wg-navi__title a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .wg-navi__title a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--white);
        position: relative;
        text-decoration: none;
    }
    .wg-navi__title a * {
        pointer-events: none;
    }
    .wg-navi__title a .icon {
        display: block;
        margin: -2px 0 0 10px;
    }
}
@media (max-width: 767px) {
    .wg-navi__title a:before {
        content: attr(data-mobile);
    }
    .wg-navi__title a span {
        display: none;
    }
}
@media (max-width: 1024px) {
    .wg-navi__body {
        background: var(--bg2-wg);
        display: block;
        height: 100vh;
        left: 100%;
        overflow: auto;
        padding: 20px;
        position: fixed;
        top: 0;
        -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
        transform: translate(100%);
        -webkit-transition: var(--transition05);
        -o-transition: var(--transition05);
        transition: var(--transition05);
        width: 320px;
        z-index: 9;
    }
    .wow-color .wg-navi__body {
        background: var(--ww-bg);
    }
    .wowsh-color .wg-navi__body {
        background: var(--wow-bg);
    }
}
@media (max-width: 415px) {
    .wg-navi__body {
        width: 100vw;
    }
}
.wg-navi__header {
    display: none;
}
@media (max-width: 1024px) {
    .wg-navi__header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        color: var(--white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 18px;
        font-weight: 500;
        justify-content: space-between;
        padding-bottom: 20px;
        position: relative;
        text-transform: uppercase;
    }
    .wg-navi__header:after {
        background: var(--black);
        bottom: 0;
        content: "";
        height: 2px;
        left: -6px;
        opacity: 0.2;
        position: absolute;
        right: -6px;
    }
}
.wg-navi__logo {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: center;
    padding: 20px 0 40px;
    width: 100%;
}
.wg-navi__logo img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 1024px) {
    .wg-navi__menu {
        padding-bottom: 15px;
    }
}
.wg-navi__close a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
}
.wg-navi__close a .icon {
    --bg-2: var(--white);
    display: block;
    margin: -2px 0 0 10px;
}
.wg-navi__bottom {
    display: none;
}
@media (max-width: 1024px) {
    .wg-navi__bottom {
        display: block;
        padding-top: 30px;
        position: relative;
    }
    .wg-navi__bottom:after {
        background: var(--black);
        content: "";
        height: 2px;
        left: -6px;
        opacity: 0.2;
        position: absolute;
        right: -6px;
        top: 0;
    }
}
.wg__wide {
    height: 883px;
    margin-bottom: 100px;
    padding-top: 77px;
    position: relative;
    width: 100%;
    z-index: 1;
}
@media (max-width: 767px) {
    .wg__wide {
        height: 890px;
        margin-bottom: 60px;
        padding-top: 30px;
    }
}
@media (max-width: 413px) {
    .wg__wide {
        height: 810px;
    }
}
@media (max-width: 374px) {
    .wg__wide {
        height: 740px;
    }
}
.wg__wide:before {
    background: url(/bitrix/templates/c4g/css/../pictures/wg/wide-bg.jpg) 50% 0 no-repeat;
    content: "";
    height: 1014px;
    left: 50%;
    margin: 0 0 0 -1329px;
    pointer-events: none;
    position: absolute;
    top: -64px;
    width: 2658px;
    z-index: -1;
}
@media (max-width: 767px) {
    .wg__wide:before {
        background: url(/bitrix/templates/c4g/css/../pictures/wg/wide-bg-sm-min.jpg) 50% 0 no-repeat;
        background-size: cover;
        height: 1000px;
        margin: 0 0 0 -400px;
        width: 800px;
    }
}
@media (max-width: 413px) {
    .wg__wide:before {
        height: 934px;
    }
}
@media (max-width: 374px) {
    .wg__wide:before {
        background-size: contain;
        height: 860px;
    }
}
.wg__cards {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 40px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    width: 100%;
}
.wow__content .wg__cards {
    padding-left: 0;
    padding-right: 0;
}
.wg-cards__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 1024px) {
    .wg-cards__list {
        margin-left: -16px;
        margin-right: -16px;
    }
    .wg-cards__list,
    .wowsh-color .wg-cards__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wowsh-color .wg-cards__list {
        margin-left: -21px;
        margin-right: -21px;
    }
}
@media (max-width: 768px) {
    .wg-cards__list {
        margin-left: -18px;
        margin-right: -18px;
    }
    .wg-cards__list,
    .wowsh-color .wg-cards__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wowsh-color .wg-cards__list {
        margin-left: -15px;
        margin-right: -15px;
    }
}
.wg-card__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 30px;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .wg-card__item {
        margin-bottom: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .wg-card__item,
    .wowsh-color .wg-card__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 100%;
    }
    .wowsh-color .wg-card__item {
        margin-bottom: 42px;
        padding-left: 21px;
        padding-right: 21px;
    }
}
@media (max-width: 768px) {
    .wg-card__item {
        margin-bottom: 35px;
        padding-left: 18px;
        padding-right: 18px;
    }
    .wg-card__item,
    .wowsh-color .wg-card__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 100%;
    }
    .wowsh-color .wg-card__item {
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 600px) {
    .wg-card__item {
        padding-left: 18px;
        padding-right: 18px;
    }
    .wg-card__item,
    .wowsh-color .wg-card__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .wowsh-color .wg-card__item {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.wg-card-item__back {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-bottom: 45.64%;
    position: relative;
    width: 100%;
}
@media (max-width: 1024px) {
    .wg-card-item__back {
        overflow: hidden;
        padding-bottom: 65.34%;
    }
}
.wg-card__item--gold .wg-card-item__back {
    background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__gold--back.png);
}
@media (max-width: 1024px) {
    .wg-card__item--gold .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__gold--back_md.png);
    }
}
@media (max-width: 600px) {
    .wg-card__item--gold .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__gold--back_sm.png);
    }
}
.wowsh-color .wg-card__item--gold .wg-card-item__back {
    background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__gold--back.png);
}
@media (max-width: 1024px) {
    .wowsh-color .wg-card__item--gold .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__gold--back_md.png);
    }
}
@media (max-width: 600px) {
    .wowsh-color .wg-card__item--gold .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__gold--back_sm.png);
    }
}
.wg-card__item--premium .wg-card-item__back {
    background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__premium--back.png);
}
@media (max-width: 1024px) {
    .wg-card__item--premium .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__premium--back_md.png);
    }
}
@media (max-width: 600px) {
    .wg-card__item--premium .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__premium--back_sm.png);
    }
}
.wowsh-color .wg-card__item--premium .wg-card-item__back {
    background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__premium--back.png);
}
@media (max-width: 1024px) {
    .wowsh-color .wg-card__item--premium .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__premium--back_md.png);
    }
}
@media (max-width: 600px) {
    .wowsh-color .wg-card__item--premium .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__premium--back_sm.png);
    }
}
.wg-card__item--special .wg-card-item__back {
    background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__special--back.png);
}
@media (max-width: 1024px) {
    .wg-card__item--special .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__special--back_md.png);
    }
}
@media (max-width: 600px) {
    .wg-card__item--special .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__special--back_sm.png);
    }
}
.wowsh-color .wg-card__item--special .wg-card-item__back {
    background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__special--back.png);
}
@media (max-width: 1024px) {
    .wowsh-color .wg-card__item--special .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__special--back_md.png);
    }
}
@media (max-width: 600px) {
    .wowsh-color .wg-card__item--special .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__special--back_sm.png);
    }
}
.wg-card__item--tech .wg-card-item__back {
    background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__tech--back.png);
}
@media (max-width: 1024px) {
    .wg-card__item--tech .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__tech--back_md.png);
    }
}
@media (max-width: 600px) {
    .wg-card__item--tech .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/main-goods__tech--back_sm.png);
    }
}
.wowsh-color .wg-card__item--tech .wg-card-item__back {
    background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__tech--back.png);
}
@media (max-width: 1024px) {
    .wowsh-color .wg-card__item--tech .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__tech--back_md.png);
    }
}
@media (max-width: 600px) {
    .wowsh-color .wg-card__item--tech .wg-card-item__back {
        background-image: url(/bitrix/templates/c4g/css/../pictures/wg/wow/main-goods__tech--back_sm.png);
    }
}
.wg-card-item__back:hover .wg-card-item__image img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.wg-card-item__info {
    -ms-flex-align: center;
    bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.wg-card-item__image,
.wg-card-item__info {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wg-card-item__image {
    -webkit-box-flex: 0;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    justify-content: center;
    max-height: 100%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 1024px) {
    .wg-card-item__image {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-height: 82%;
        max-width: 100%;
    }
    .wg-card-item__image,
    .wowsh-color .wg-card-item__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .wowsh-color .wg-card-item__image {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.wg-card-item__image img {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
@media (max-width: 1024px) and (min-width: 860px) {
    .wowsh-color .wg-card__item--gold .wg-card-item__image img,
    .wowsh-color .wg-card__item--premium .wg-card-item__image img,
    .wowsh-color .wg-card__item--special .wg-card-item__image img {
        width: 220px;
    }
}
@media (max-width: 860px) and (min-width: 600px) {
    .wowsh-color .wg-card__item--gold .wg-card-item__image img,
    .wowsh-color .wg-card__item--premium .wg-card-item__image img,
    .wowsh-color .wg-card__item--special .wg-card-item__image img {
        width: 180px;
    }
}
@media (max-width: 500px) {
    .wowsh-color .wg-card__item--gold .wg-card-item__image img,
    .wowsh-color .wg-card__item--premium .wg-card-item__image img,
    .wowsh-color .wg-card__item--special .wg-card-item__image img {
        width: 220px;
    }
}
@media (max-width: 440px) {
    .wowsh-color .wg-card__item--gold .wg-card-item__image img,
    .wowsh-color .wg-card__item--premium .wg-card-item__image img,
    .wowsh-color .wg-card__item--special .wg-card-item__image img {
        width: 150px;
    }
}
@media (max-width: 1024px) and (min-width: 860px) {
    .wowsh-color .wg-card__item--tech .wg-card-item__image img {
        width: 250px;
    }
}
@media (max-width: 860px) and (min-width: 600px) {
    .wowsh-color .wg-card__item--tech .wg-card-item__image img {
        width: 200px;
    }
}
@media (max-width: 600px) {
    .wowsh-color .wg-card__item--tech .wg-card-item__image img {
        margin-right: -60px;
    }
}
@media (max-width: 500px) {
    .wowsh-color .wg-card__item--tech .wg-card-item__image img {
        margin-right: -30px;
        width: 250px;
    }
}
@media (max-width: 440px) {
    .wowsh-color .wg-card__item--tech .wg-card-item__image img {
        margin-right: -30px;
        width: 180px;
    }
}
.wg-card-item__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 30px;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 1024px) {
    .wg-card-item__desc {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: flex-end;
        bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        left: 30px;
        max-width: 100%;
        padding: 0;
        position: absolute;
        right: 30px;
        width: auto;
    }
}
@media (max-width: 768px) {
    .wg-card-item__desc {
        bottom: 25px;
        left: 25px;
        right: 25px;
    }
}
.wowsh-color .wg-card-item__desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    padding-right: 60px;
    text-align: right;
}
@media (max-width: 1024px) {
    .wowsh-color .wg-card-item__desc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        bottom: auto;
        -ms-flex-direction: column;
        flex-direction: column;
        left: auto;
        max-width: 50%;
        padding-right: 40px;
        position: relative;
        right: auto;
        text-align: right;
    }
}
.wg-card-item__name {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 14px;
    text-transform: uppercase;
}
@media (max-width: 1280px) {
    .wg-card-item__name {
        font-size: 32px;
    }
}
@media (max-width: 1140px) {
    .wg-card-item__name {
        font-size: 28px;
    }
}
@media (max-width: 1024px) {
    .wg-card-item__name {
        font-size: 26px;
        margin-bottom: 0;
        margin-right: 15px;
    }
}
@media (max-width: 768px) {
    .wg-card-item__name {
        font-size: 20px;
        margin-bottom: 0;
    }
}
.wowsh-color .wg-card-item__name {
    display: block;
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .wowsh-color .wg-card-item__name {
        font-size: 40px;
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    .wowsh-color .wg-card-item__name {
        font-size: 30px;
    }
}
.wg-card-item__name a {
    color: var(--white);
    text-decoration: none;
}
.wg-card-item__name a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 1024px) {
    .wg-card-item__name a:after {
        bottom: -28px;
        left: -40px;
        right: -40px;
        top: -250px;
    }
}
.wg-card-item__price {
    background: var(--bg2-wg);
    border-radius: var(--br-5);
    display: inline-block;
    font-size: 22px;
    padding: 9px 26px;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .wg-card-item__price {
        font-size: 16px;
    }
}
.wowsh-color .wg-card-item__price {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    background-color: transparent;
    display: block;
    font-size: 42px;
    margin-bottom: 15px;
    order: -1;
    padding: 0;
}
@media (max-width: 768px) {
    .wowsh-color .wg-card-item__price {
        font-size: 32px;
    }
}
.wg-card-item__price span {
    color: var(--price-color);
    margin-left: 2px;
}
.wg__content {
    overflow: hidden;
    padding-top: 22px;
    position: relative;
    z-index: 1;
}
.wg__content .catalog-game-read-new:before {
    background: #292823;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 34, 38, 0)), to(#292823));
    background: -webkit-linear-gradient(top, rgba(31, 34, 38, 0), #292823);
    background: -o-linear-gradient(top, rgba(31, 34, 38, 0) 0, #292823 100%);
    background: linear-gradient(180deg, rgba(31, 34, 38, 0), #292823);
    pointer-events: none;
}
.wg__filter {
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}
@media (max-width: 1024px) {
    .wg__filter {
        margin-bottom: 40px;
    }
}
.wg-filter__block {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.wg-filter__block form {
    display: block;
    position: relative;
    z-index: 1;
}
.wg-filter__block ul {
    margin: 0;
    padding: 0;
}
@media (max-width: 991px) {
    .wg-filter__block ul {
        padding: 10px 0;
    }
}
.wg-filter__block ul li {
    font-size: 16px;
    font-weight: 500;
    list-style-type: none;
    padding: 15px 30px 15px 15px;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .wg-filter__block ul li {
        padding: 5px;
        width: 100%;
    }
    .wg-filter__block ul li.wg-filter__mobile-bottom {
        padding: 22px 15px 10px;
    }
}
.wg-filter__block ul li.parent,
.wg-filter__block ul li.parent > a {
    position: relative;
}
.wg-filter__block ul li.parent > a:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgBbY7BDcQgDARtjgJSAi1cCensOvODB0+3QBGnvEgcNgmKFWUlkJkdyRBdUdWJHvEs4Mo5/5blr6WUNArMYOjwZhGZYvwoMydmqiHEGcW2NTGjZGa1tfXLgF1OXZYhgzlp7qk8Vnn5FG/pWO0/P2TMXnoNZJwn3wH/RU/ihJkaCQAAAABJRU5ErkJggg==");
    content: "";
    height: 7px;
    margin: 2px 0 0;
    position: absolute;
    right: -25px;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 10px;
}
@media (max-width: 991px) {
    .wg-filter__block ul li.parent > a:after {
        right: 10px;
    }
}
.wg-filter__block ul li.parent > a:hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 991px) {
    .wg-filter__block ul li.parent > a:hover:after {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.wg-filter__block ul li.parent:hover > a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 991px) {
    .wg-filter__block ul li.parent:hover > a:after {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.wg-filter__block ul li.parent.active > a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.wg-filter__block ul li.parent.active .wg-filter-item__ul {
    display: block;
}
.wg-filter__block ul li.parent .wg-filter-item__ul {
    background: var(--bg6-wg);
    border-bottom: 20px solid var(--bg6-wg);
    border-radius: 0 0 var(--br-10) var(--br-10);
    border-top: 20px solid var(--bg6-wg);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    left: 0;
    opacity: 0;
    padding: 0 20px 0 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.1s, -webkit-transform 0.1s;
    transition: opacity 0.1s, -webkit-transform 0.1s;
    -o-transition: opacity 0.1s, transform 0.1s;
    transition: opacity 0.1s, transform 0.1s;
    transition: opacity 0.1s, transform 0.1s, -webkit-transform 0.1s;
    visibility: hidden;
}
@media (max-width: 991px) {
    .wg-filter__block ul li.parent .wg-filter-item__ul {
        max-height: 214px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}
.wg-filter__block ul li.parent .wg-filter-item__ul .nicescroll-rails-vr {
    background-color: hsla(0, 0%, 77%, 0.2);
    border-radius: 2px;
    bottom: 0;
    height: auto !important;
    right: 10px !important;
}
.wg-filter__block ul li.parent .wg-filter-item__ul .nicescroll-rails-vr .nicescroll-cursors {
    border-radius: 2px;
}
@media (max-width: 991px) {
    .wg-filter__block ul li.parent .wg-filter-item__ul .nicescroll-rails-vr {
        bottom: 10px;
        right: 15px !important;
        top: 10px !important;
    }
}
.wg-filter__block ul li.parent .wg-filter-item__ul > ul.wrap {
    padding: 0 20px;
}
@media (max-width: 991px) {
    .wg-filter__block ul li.parent .wg-filter-item__ul {
        background: #34322c;
        border-bottom: 15px solid #34322c;
        border-radius: 0 0 7px 7px;
        border-top: 15px solid #34322c;
        display: none;
        left: auto;
        max-height: 200px;
        opacity: 1;
        padding: 0 0 0 10px;
        pointer-events: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        visibility: visible;
    }
    .wg-filter__block ul li.parent .wg-filter-item__ul > ul.wrap {
        padding: 0;
    }
    .wg-filter__block ul li.parent .wg-filter-item__ul.scroll-active > ul.wrap {
        padding: 0 25px 0 0;
    }
}
.wg-filter__block ul li.parent .wg-filter-item__ul li {
    margin: 0 0 15px;
    padding: 0;
}
@media (max-width: 991px) {
    .wg-filter__block ul li.parent .wg-filter-item__ul li {
        margin: 8px 0;
    }
    .wg-filter__block ul li.parent .wg-filter-item__ul li:first-child {
        margin-top: 0;
    }
}
.wg-filter__block ul li.parent .wg-filter-item__ul li:last-child {
    margin: 0;
}
@media (max-width: 991px) {
    .wg-filter__block ul li.parent .wg-filter-item__ul li:last-child {
        margin: 8px 0 0;
    }
}
.wg-filter__block ul li.parent:hover .wg-filter-item__ul {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
    visibility: visible;
}
@media (max-width: 991px) {
    .wg-filter__block ul li.parent:hover .wg-filter-item__ul {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .wg-filter__form {
        display: none;
    }
    .wg__filter.active .wg-filter__form {
        display: block;
    }
}
.wg-filter__mobile {
    display: none;
}
@media (max-width: 991px) {
    .wg-filter__mobile {
        display: block;
        position: relative;
    }
    .wg__filter.active .wg-filter__mobile {
        display: none;
    }
    .wg-filter__mobile a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: var(--bg2-wg);
        border-radius: var(--br-10);
        color: var(--white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px;
        position: relative;
        text-decoration: none;
    }
    .wg-filter__mobile a:after {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgBbY7BDcQgDARtjgJSAi1cCensOvODB0+3QBGnvEgcNgmKFWUlkJkdyRBdUdWJHvEs4Mo5/5blr6WUNArMYOjwZhGZYvwoMydmqiHEGcW2NTGjZGa1tfXLgF1OXZYhgzlp7qk8Vnn5FG/pWO0/P2TMXnoNZJwn3wH/RU/ihJkaCQAAAABJRU5ErkJggg==");
        content: "";
        height: 7px;
        margin: -4px 0 0;
        position: absolute;
        right: 20px;
        top: 50%;
        width: 10px;
    }
}
.wg-filter__mobile-bottom {
    display: none;
}
@media (max-width: 991px) {
    .wg-filter__mobile-bottom {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
        position: relative;
    }
    .wg-filter__mobile-bottom:before {
        background: #34322c;
        border-radius: 2px;
        content: "";
        height: 2px;
        left: 15px;
        position: absolute;
        right: 15px;
        top: 0;
    }
}
.wg-filter-mobile__icon {
    margin: 0 15px 0 0;
}
.wg-filter-mobile__icon .icon {
    display: block;
}
.wg-filter-mobile__name {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.wg-filter-mobile__clear {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 40px;
    top: 0;
}
.wg-filter-mobile__clear a {
    background: transparent;
    border-radius: 0;
    padding: 15px 5px 15px 10px;
}
.wg-filter-mobile__clear a:after {
    display: none;
}
.wg-filter-mobile-clear__icon {
    margin: 0 15px 0 0;
}
.wg-filter-mobile-clear__icon .icon {
    --bg-2: var(--bg-1);
    display: block;
    height: 12px;
    width: 12px;
}
.wg-filter-mobile-clear__coll {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--bg-1);
    border-radius: var(--br-5);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 25px;
    justify-content: center;
    min-width: 25px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.wg-filter-mobile-bottom__clear a,
.wg-filter-mobile-bottom__close a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
}
.wg-filter-mobile-bottom-clear__icon {
    margin: 0 15px 0 0;
}
.wg-filter-mobile-bottom-clear__icon .icon {
    display: block;
    height: 11px;
    width: 11px;
}
.wg-filter-mobile-bottom-clear__icon .icon-close {
    --bg-2: var(--bg-1);
}
.wg-filter-mobile-bottom-close__icon {
    margin: 0 12px 0 0;
}
.wg-filter-mobile-bottom-close__icon .icon {
    display: block;
    height: 11px;
    width: 11px;
}
.wg-filter-mobile-bottom-close__icon .icon-close {
    --bg-2: var(--bg-1);
}
.wg-filter__results {
    background: #34322c;
    border-radius: 0 0 var(--br-10) var(--br-10);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px;
    padding: 15px 0 15px 15px;
}
@media (max-width: 991px) {
    .wg-filter__results {
        background: transparent;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 -15px;
        padding: 15px 0;
    }
}
.wg-filter-results__reset {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
}
@media (max-width: 991px) {
    .wg-filter-results__reset {
        display: none;
    }
}
.wg-filter-results__reset a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.wg-filter-results__reset a:hover .wg-filter-results-reset__icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1 !important;
}
.wg-filter-results-reset__icon {
    margin: 0 15px 0 0;
}
.wg-filter-results-reset__icon .icon {
    display: block;
}
.wg-filter-results-reset__icon .icon-close {
    --bg-2: var(--bg-1);
    height: 11px;
    width: 11px;
}
.wg-filter-results-reset__name {
    opacity: 0.8;
    text-transform: uppercase;
}
.wg-filter-results__list {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 20px;
}
@media (max-width: 991px) {
    .wg-filter-results__list {
        -ms-overflow-style: none;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: auto;
        padding: 0;
        scrollbar-width: none;
    }
    .wg-filter-results__list::-webkit-scrollbar {
        display: none;
    }
}
.wg-filter-results__blank {
    -webkit-box-flex: 0;
    background: var(--bg-1);
    -ms-flex: 0 0 2px;
    flex: 0 0 2px;
    height: 22px;
    margin: 6px 20px 20px 5px;
    width: 2px;
}
@media (max-width: 991px) {
    .wg-filter-results__blank {
        margin: 6px 10px;
    }
}
.wg-filter-results__item {
    font-size: 16px;
    font-weight: 500;
    margin: 0 15px 13px 0;
    text-transform: uppercase;
}
.wg-filter-results__item:last-child {
    margin-right: 0;
}
@media (max-width: 991px) {
    .wg-filter-results__item {
        margin: 0 7px 0 8px;
    }
    .wg-filter-results__item:first-child {
        margin-left: 15px;
    }
    .wg-filter-results__item:last-child {
        margin-right: 15px;
    }
}
.wg-filter-results__item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--bg2-wg);
    border-radius: 7px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 12px;
    text-decoration: none;
}
.wg-filter-results__item a:hover .wg-filter-results-item__delete {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1 !important;
}
.wg-filter-results-item__icon {
    margin: 0 10px 0 0;
}
.wg-filter-results-item__icon .icon {
    display: block;
}
.wg-filter-results-item__name {
    white-space: nowrap;
}
.wg-filter-results-item__delete {
    margin: 0 0 0 15px;
}
.wg-filter-results-item__delete .icon {
    display: block;
}
.wg-filter-results-item__delete .icon-close {
    --bg-2: var(--bg-1);
    height: 11px;
    width: 11px;
}
.wg-filter__menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--bg2-wg);
    border-radius: var(--br-10);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .wg-filter__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.wg-filter__item {
    margin: 0 20px 0 10px;
}
@media (max-width: 991px) {
    .wg-filter__item {
        margin: 0;
    }
}
.wg-filter__item:last-child {
    margin: 0;
}
.wg-filter__item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
}
@media (max-width: 991px) {
    .wg-filter__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 40px 10px 15px;
    }
}
.wg-filter-item__icon {
    margin: 0 12px 0 0;
}
@media (max-width: 991px) {
    .wg-filter-item__icon {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        width: 22px;
    }
}
.wg-filter-item__icon .icon {
    display: block;
}
@media (max-width: 991px) {
    .wg-filter-item__name {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
}
.wg-filter-item__coll {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--bg-1);
    border-radius: var(--br-5);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 25px;
    justify-content: center;
    margin: -3px 0 -3px 15px;
    min-width: 25px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.wg-filter-item-ul__li input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.wg-filter-item-ul__li input[type="checkbox"] + label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    padding-left: 55px;
    position: relative;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
@media (max-width: 991px) {
    .wg-filter-item-ul__li input[type="checkbox"] + label {
        padding: 5px 55px 5px 5px;
    }
}
.wg-filter-item-ul__li input[type="checkbox"] + label:before {
    background: hsla(0, 0%, 100%, 0.15);
    border-radius: 80px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 35px;
}
@media (max-width: 991px) {
    .wg-filter-item-ul__li input[type="checkbox"] + label:before {
        left: auto;
        right: 10px;
        top: 5px;
    }
}
.wg-filter-item-ul__li input[type="checkbox"] + label:after {
    background: #1c1b15;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 14px;
}
@media (max-width: 991px) {
    .wg-filter-item-ul__li input[type="checkbox"] + label:after {
        left: auto;
        right: 13px;
        top: 8px;
    }
}
.wg-filter-item-ul__li input[type="checkbox"] + label:hover {
    color: hsla(0, 0%, 100%, 0.8);
}
.wg-filter-item-ul__li input[type="checkbox"]:checked + label:before {
    background: rgba(199, 66, 66, 0.2);
}
.wg-filter-item-ul__li input[type="checkbox"]:checked + label:after {
    background: #c74242;
    left: 18px;
}
@media (max-width: 991px) {
    .wg-filter-item-ul__li input[type="checkbox"]:checked + label:after {
        left: auto;
        right: 27px;
    }
}
.wg-filter-item-li__icon {
    font-weight: 400;
    margin: 0 8px 0 0;
}
.wg-filter-item-li__icon .icon {
    display: block;
}
.wg-filter-item-li__name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
}
.wot__picture {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 252px;
    left: 50%;
    max-width: -webkit-calc(100% - 40px);
    max-width: calc(100% - 40px);
    position: absolute;
    top: 55px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    width: 266px;
}
.wowsh-color.wowsh-premium .icons-top .wot__picture {
    top: 115px;
}
@media (max-width: 768px) {
    .wowsh-color.wowsh-premium .icons-top .wot__picture {
        top: 95px;
    }
}
@media (max-width: 767px) {
    .wowsh-color.wowsh-premium .icons-top .wot__picture {
        top: 95px;
    }
}
@media (max-width: 413px) {
    .wowsh-color.wowsh-premium .icons-top .wot__picture {
        top: 95px;
    }
}
@media (max-width: 374px) {
    .wowsh-color.wowsh-premium .icons-top .wot__picture {
        top: 95px;
    }
}
.ea-slider__item-complect .wot__picture {
    max-width: -webkit-calc(100% - 38px);
    max-width: calc(100% - 38px);
}
@media (max-width: 768px) {
    .wot__picture {
        height: 296px;
        pointer-events: none;
        top: 65px;
        width: 312px;
    }
    .wowsh-color .wot__picture,
    .wowsh-color.wowsh-premium .wot__picture {
        top: 55px;
    }
}
@media (max-width: 767px) {
    .wot__picture {
        height: 326px;
        max-width: -webkit-calc(100% - 40px);
        max-width: calc(100% - 40px);
        top: 77px;
        width: 344px;
    }
    .wowsh-color .wot__picture {
        top: 65px;
    }
    .wowsh-color.wowsh-premium .wot__picture {
        top: 45px;
    }
    .wowsh-color .warship .wot__picture {
        height: 270px;
        max-width: 100%;
        top: 10px;
        width: 360px;
    }
}
@media (max-width: 767px) and (max-width: 413px) {
    .wowsh-color .warship .wot__picture {
        height: 240px;
    }
}
@media (max-width: 767px) and (max-width: 374px) {
    .wowsh-color .warship .wot__picture {
        height: 220px;
        top: 30px;
    }
}
@media (max-width: 413px) {
    .wot__picture {
        height: 288px;
        top: 65px;
        width: 304px;
    }
    .wowsh-color .wot__picture {
        top: 55px;
    }
    .wowsh-color.wowsh-premium .wot__picture {
        top: 35px;
    }
}
@media (max-width: 374px) {
    .wot__picture {
        height: 252px;
        max-width: -webkit-calc(100% - 24px);
        max-width: calc(100% - 24px);
        top: 45px;
        width: 266px;
    }
    .wowsh-color .wot__picture {
        top: 45px;
    }
    .wowsh-color.wowsh-premium .wot__picture {
        top: 35px;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--wide .wot__picture {
        height: 242px;
        left: auto;
        right: 20px;
        top: 20px;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
    .wowsh-color .ea-slider__item--wide .wot__picture {
        height: 350px;
        left: 0;
        right: 0;
        top: -50px;
        width: auto;
    }
    .ea-slider__item--big .wot__picture {
        left: 50%;
        margin: 0 0 0 -181px;
    }
    .ea-slider__item--big .wot__picture,
    .ea-slider__item--super .wot__picture {
        height: 320px;
        right: auto;
        top: 70px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 441px;
    }
    .ea-slider__item--super .wot__picture {
        left: 30px;
    }
}
.wot__picture.swiper-lazy {
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.wot__picture.swiper-lazy-loaded {
    opacity: 1;
}
.wot__picture img {
    display: block;
    margin: 0 0 0 auto;
    max-height: 100%;
    max-width: 100%;
}
.wowsh-color .ea-slider__item--wide .wot__picture img {
    margin: 0 auto 0 0;
}
@media (max-width: 768px) {
    .wot__picture img {
        height: 100%;
    }
    .wowsh-color .ea-slider__item--wide .wot__picture img {
        height: auto;
    }
}
.ea-slider__item--big .wot__picture img,
.ea-slider__item--super .wot__picture img {
    height: auto;
}
@media (max-width: 767px) {
    .ea-slider__item--big .wot__picture img,
    .ea-slider__item--super .wot__picture img {
        height: 100%;
    }
}
.wot__picture img.swiper-lazy {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.wot__picture img.swiper-lazy-loaded {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.wot__multiplier {
    color: #d8d8d8;
    font-size: 50px;
    font-weight: 700;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot__multiplier,
    .ea-slider__item--super .wot__multiplier {
        font-size: 70px;
    }
}
.wot__multiplier span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25.31%, #dbac08), color-stop(78.44%, #ff6b00));
    background: -webkit-linear-gradient(top, #dbac08 25.31%, #ff6b00 78.44%);
    background: -o-linear-gradient(top, #dbac08 25.31%, #ff6b00 78.44%);
    background: linear-gradient(180deg, #dbac08 25.31%, #ff6b00 78.44%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.wot-picture__top {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0;
}
.ea-slider__item--wide .wot-picture__top {
    left: 0;
    right: auto;
}
.wot-picture__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
@media (min-width: 769px) {
    .wowsh-premium .ea-slider__item--mid .wot-picture__left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        bottom: -20px;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 40px;
        justify-content: center;
        right: 0;
        top: auto;
        width: auto;
    }
}
@media (max-width: 768px) {
    .wowsh-premium .ea-slider__item--mid .wot-picture__left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        bottom: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 40px;
        justify-content: flex-start;
        right: 0;
        top: auto;
        width: auto;
    }
}
.wowsh-color .ea-slider__item--wide .wot-picture__left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    bottom: -20px;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;
    left: auto;
    right: 0;
    top: auto;
    width: 40%;
}
@media (max-width: 768px) {
    .wowsh-color .ea-slider__item--wide .wot-picture__left {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-picture__left {
        left: -90px;
        width: 60px;
    }
    .ea-slider__item--super .wot-picture__left {
        width: 60px;
    }
}
@media (max-width: 767px) {
    .wot-picture__reverse-icons .wot-picture__left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start;
        left: 0;
        right: 0;
        top: auto;
        width: auto;
    }
}
.wot-picture__bottom {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    left: 40px;
    position: absolute;
    right: 0;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-picture__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        left: 0;
        width: 60px;
    }
    .ea-slider__item--super .wot-picture__bottom {
        left: 60px;
    }
}
.wot-picture__bottom .icon {
    display: inline-block;
}
@media (max-width: 767px) {
    .wot-picture__reverse-icons .wot-picture__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        bottom: 70px;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-end;
        left: 0;
        right: auto;
        top: 0;
        width: 40px;
    }
}
.wot__icon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.wot-picture__left .wot__icon {
    margin: 0 0 12px;
}
.wot-picture__left .wot__icon:last-child {
    margin: 0;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-picture__left .wot__icon,
    .ea-slider__item--super .wot-picture__left .wot__icon {
        margin: 0 0 10px;
    }
    .ea-slider__item--big .wot-picture__left .wot__icon:last-child,
    .ea-slider__item--super .wot-picture__left .wot__icon:last-child {
        margin: 0;
    }
}
@media (max-width: 768px) {
    .wot-picture__left .wot__icon {
        margin: 0 0 12px;
    }
    .wot-picture__left .wot__icon:last-child {
        margin: 0;
    }
    .wowsh-premium .ea-slider__item--mid .wot-picture__left .wot__icon {
        margin: 0 0 0 35px;
        width: 40px;
    }
    .wowsh-premium .ea-slider__item--mid .wot-picture__left .wot__icon:first-child {
        margin: 0;
    }
}
@media (max-width: 767px) {
    .wot-picture__left .wot__icon {
        margin: 0 0 37px;
    }
    .wot-picture__left .wot__icon:last-child {
        margin: 0;
    }
    .wowsh-premium .ea-slider__item--mid .wot-picture__left .wot__icon {
        margin: 0 0 0 61px;
    }
    .wowsh-premium .ea-slider__item--mid .wot-picture__left .wot__icon:first-child {
        margin: 0;
    }
}
@media (max-width: 413px) {
    .wot-picture__left .wot__icon {
        margin: 0 0 24px;
    }
    .wot-picture__left .wot__icon:last-child {
        margin: 0;
    }
    .wowsh-premium .ea-slider__item--mid .wot-picture__left .wot__icon {
        margin: 0 0 0 48px;
    }
    .wowsh-premium .ea-slider__item--mid .wot-picture__left .wot__icon:first-child {
        margin: 0;
    }
}
@media (max-width: 374px) {
    .wot-picture__left .wot__icon {
        margin: 0 0 10px;
    }
    .wowsh-premium .ea-slider__item--mid .wot-picture__left .wot__icon {
        margin: 0 0 0 30px;
    }
    .wowsh-premium .ea-slider__item--mid .wot-picture__left .wot__icon:first-child {
        margin: 0;
    }
}
@media (min-width: 768px) {
    .wowsh-premium .ea-slider__item--mid .wot-picture__left .wot__icon {
        margin: 0 10px;
        width: 40px;
    }
}
@media (max-width: 767px) {
    .wot-picture__reverse-icons .wot-picture__left .wot__icon {
        margin: 0 0 0 61px;
        width: 40px;
    }
}
@media (max-width: 413px) {
    .wot-picture__reverse-icons .wot-picture__left .wot__icon {
        margin: 0 0 0 48px;
    }
}
@media (max-width: 374px) {
    .wot-picture__reverse-icons .wot-picture__left .wot__icon {
        margin: 0 0 0 30px;
    }
}
.wot-picture__reverse-icons .wot-picture__left .wot__icon:first-child {
    margin-left: 0;
}
.wot-picture__bottom .wot__icon {
    margin: 0 0 0 35px;
    width: 40px;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-picture__bottom .wot__icon {
        margin: 0 0 10px;
        width: 60px;
    }
    .ea-slider__item--big .wot-picture__bottom .wot__icon:last-child {
        margin: 0;
    }
    .ea-slider__item--super .wot-picture__bottom .wot__icon {
        margin: 0 0 0 67px;
        width: 60px;
    }
}
@media (max-width: 767px) {
    .wot-picture__bottom .wot__icon {
        margin: 0 0 0 61px;
    }
}
@media (max-width: 413px) {
    .wot-picture__bottom .wot__icon {
        margin: 0 0 0 48px;
    }
}
@media (max-width: 374px) {
    .wot-picture__bottom .wot__icon {
        margin: 0 0 0 30px;
    }
}
@media (max-width: 767px) {
    .wot-picture__reverse-icons .wot-picture__bottom .wot__icon {
        margin: 0 0 37px;
    }
}
@media (max-width: 413px) {
    .wot-picture__reverse-icons .wot-picture__bottom .wot__icon {
        margin: 0 0 24px;
    }
}
@media (max-width: 374px) {
    .wot-picture__reverse-icons .wot-picture__bottom .wot__icon {
        margin: 0 0 10px;
    }
}
.wot-picture__reverse-icons .wot-picture__bottom .wot__icon:last-child {
    margin: 0;
}
.wot-icon__picture {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}
@media (min-width: 768px) {
    .wowsh-premium .ea-slider__item--mid .wot-icon__picture {
        margin-bottom: 5px;
    }
    .ea-slider__item--big .wot-icon__picture,
    .ea-slider__item--super .wot-icon__picture {
        height: 60px;
        width: 60px;
    }
}
.wot-icon__picture img {
    height: auto;
    margin: auto;
    width: auto;
}
.wot-icon__picture img.icon {
    max-height: 40px;
    max-width: 40px;
}
.wot-icon__picture img.icon.size-mid {
    max-height: 35px;
    max-width: 35px;
}
.wot-icon__picture img.icon.size-min {
    max-height: 30px;
    max-width: 30px;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-icon__picture img.icon,
    .ea-slider__item--super .wot-icon__picture img.icon {
        margin: auto;
        max-height: 60px;
        max-width: 60px;
    }
}
.wot-icon__desc {
    color: var(--white);
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    margin: 0 -10px;
    min-height: 14px;
    padding-top: 2px;
    text-align: center;
    text-transform: uppercase;
}
.wot-picture__bottom .wot-icon__desc {
    max-height: 14px;
}
.wot__set {
    pointer-events: none;
}
.wot-set__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-set__head,
    .ea-slider__item--super .wot-set__head {
        margin-bottom: 20px;
    }
}
.wot-set-head__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px;
    margin: 0 15px 0 0;
}
.wot-set-head__name {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-set-head__name,
    .ea-slider__item--super .wot-set-head__name {
        font-size: 24px;
    }
}
.wot-set__list ul {
    font-size: 12px;
    line-height: 1.334;
    margin: 0;
    padding: 0;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-set__list ul,
    .ea-slider__item--super .wot-set__list ul {
        font-size: 16px;
    }
}
.wot-set__list ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0 0 5px;
    opacity: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translate(-20px, -10px);
    -ms-transform: translate(-20px, -10px);
    transform: translate(-20px, -10px);
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-set__list ul li,
    .ea-slider__item--super .wot-set__list ul li {
        margin: 0 0 7px;
    }
}
.wot-set__list ul li:last-child {
    margin: 0;
}
.wot-set__list ul li .icon-block {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    font-size: 0;
    height: 30px;
    justify-content: center;
    margin: 0 8px 0 0;
    width: 30px;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-set__list ul li .icon-block,
    .ea-slider__item--super .wot-set__list ul li .icon-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        height: 50px;
        margin: 0 10px 0 0;
        width: 50px;
    }
}
.wot-set__list ul li .icon-block i.icon {
    display: block;
}
.wot-set__list ul li .icon-block svg.icon {
    -webkit-box-flex: 1;
    display: block;
    -ms-flex: auto;
    flex: auto;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-china,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-czech,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-france,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-gb,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-germany,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-israel,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-italy,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-japan,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-pan-america,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-pan-asia,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-poland,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-sweden,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-usa,
    .ea-slider__item--big .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-ussr,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-china,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-czech,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-france,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-gb,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-germany,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-israel,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-italy,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-japan,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-pan-america,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-pan-asia,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-poland,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-sweden,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-usa,
    .ea-slider__item--super .wot-set__list ul li .icon-block svg.icon:not(.size-min).icon-wot-ussr {
        height: 34px;
        width: 50px;
    }
}
.wot-set__list ul li .icon-block img.icon {
    -webkit-box-flex: 1;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    height: auto;
    max-height: 30px;
    max-width: 30px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
}
.wot-set__list ul li .icon-block img.icon.size-mid {
    max-height: 25px;
    max-width: 25px;
}
.wot-set__list ul li .icon-block img.icon.size-min {
    max-height: 20px;
    max-width: 20px;
}
@media (min-width: 768px) {
    .ea-slider__item--big .wot-set__list ul li .icon-block img.icon,
    .ea-slider__item--super .wot-set__list ul li .icon-block img.icon {
        max-height: 50px;
        max-width: 50px;
    }
}
.wot-set__list ul li .desc-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.wot-set__list ul li .desc-block .icon {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: -1px 5px 0 0;
    vertical-align: middle;
}
.wot__select {
    height: 614px;
    margin: 15px 0 0 -153px;
    padding: 2px 0;
    position: relative;
    width: 130px;
    z-index: 2;
}
@media (max-width: 1280px) {
    .wot__select {
        margin: 0;
        position: absolute;
        right: 20px;
        top: 17px;
    }
}
@media (max-width: 767px) {
    .wot__select {
        height: auto;
        left: 15px;
        margin: 0;
        overflow: hidden;
        right: 15px;
        top: 15px;
        width: auto;
    }
}
@media (max-width: 500px) {
    .wot__select {
        left: 0;
        right: 0;
    }
}
.wot__select:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#1c1b15), color-stop(50%, #c74242), to(#1c1b15));
    background: -webkit-linear-gradient(top, #1c1b15, #c74242 50%, #1c1b15);
    background: -o-linear-gradient(top, #1c1b15 0, #c74242 50%, #1c1b15 100%);
    background: linear-gradient(180deg, #1c1b15, #c74242 50%, #1c1b15);
    bottom: 2px;
    content: "";
    left: 0;
    opacity: 0.2;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 2px;
    z-index: -1;
}
@media (max-width: 767px) {
    .wot__select:before {
        background: -webkit-gradient(linear, left top, right top, from(#231a13), to(transparent));
        background: -webkit-linear-gradient(left, #231a13, transparent);
        background: -o-linear-gradient(left, #231a13 0, transparent 100%);
        background: linear-gradient(90deg, #231a13, transparent);
        left: 0;
    }
    .wot__select:after,
    .wot__select:before {
        bottom: 0;
        opacity: 1;
        top: 0;
        width: 15px;
        z-index: 1;
    }
    .wot__select:after {
        background: -webkit-gradient(linear, right top, left top, from(#201c17), to(transparent));
        background: -webkit-linear-gradient(right, #201c17, transparent);
        background: -o-linear-gradient(right, #201c17 0, transparent 100%);
        background: linear-gradient(-90deg, #201c17, transparent);
        content: "";
        position: absolute;
        right: 0;
    }
}
.wot-select__current {
    display: none;
}
@media (max-width: 767px) {
    .wot-select__current {
        cursor: pointer;
        display: none;
        font-size: 16px;
        font-weight: 500;
        padding-right: 20px;
        position: relative;
        text-align: right;
        text-transform: uppercase;
    }
    .wot-select__current span {
        border-bottom: 2px solid var(--bg-1);
        pointer-events: none;
    }
    .wot-select__current:after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        content: "";
        display: block;
        height: 6px;
        position: absolute;
        right: 3px;
        top: 2px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: var(--transition05);
        -o-transition: var(--transition05);
        transition: var(--transition05);
        width: 6px;
    }
}
@media (min-width: 768px) {
    .wot-select__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 66px 10px 48px;
    }
    .wot-select__list:after,
    .wot-select__list:before {
        background: url(/bitrix/templates/c4g/css/../images/wot-select-border.png) 50% 0 no-repeat;
        content: "";
        height: 554px;
        position: absolute;
        top: 25px;
        width: 2px;
    }
    .wot-select__list:before {
        left: -5px;
    }
    .wot-select__list:after {
        right: -5px;
    }
}
@media (max-width: 1280px) {
    .wot-select__list:after {
        display: none;
    }
}
@media (max-width: 767px) {
    .wot-select__list {
        -ms-overflow-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 110px;
        overflow: auto;
        padding: 0;
        scrollbar-width: none;
        -ms-touch-action: cross-slide-x;
        touch-action: cross-slide-x;
    }
    .wot-select__list::-webkit-scrollbar {
        display: none;
    }
}
.wot-select__item {
    margin: 0 0 40px;
}
@media (max-width: 767px) {
    .wot-select__item {
        margin: 0 0 0 30px;
    }
    .wot-select__item:first-child {
        margin: 0 0 0 15px;
    }
    .wot-select__item:last-child {
        margin-right: 15px;
    }
}
@media (max-width: 413px) {
    .wot-select__item {
        margin: 0 0 0 20px;
    }
}
@media (max-width: 374px) {
    .wot-select__item {
        margin: 0 0 0 10px;
    }
}
.wot-select__item a {
    color: hsla(0, 0%, 100%, 0.3);
    display: block;
    text-decoration: none;
}
.wot-select__item a:hover {
    color: var(--white);
    opacity: 1;
}
.wot-select__item a:hover .wot-select-item__icon {
    border-color: var(--bg-1);
}
.wot-select__item a:hover .wot-select-item__icon .icon {
    opacity: 1;
}
.wot-select__item a:hover .wot-select-item__desc span:after {
    width: 100%;
}
.wot-select__item.active a {
    color: var(--white);
}
.wot-select-item__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid transparent;
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    margin: 0 auto 10px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 90px;
}
@media (max-width: 767px) {
    .wot-select-item__icon {
        height: 72px;
        width: 108px;
    }
}
.active .wot-select-item__icon {
    background: rgba(23, 21, 17, 0.8);
    border-color: var(--bg-1);
}
.wot-select-item__icon .icon {
    opacity: 0.3;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.active .wot-select-item__icon .icon {
    opacity: 1;
}
.wot-select-item__icon .icon-product-timer {
    height: 39px;
    width: 34px;
}
.wot-select-item__icon .icon-product-type-1 {
    height: 38px;
    width: 34px;
}
.wot-select-item__icon .icon-product-type-2 {
    height: 38px;
    width: 40px;
}
.wot-select-item__icon .icon-product-type-3 {
    height: 38px;
    width: 45px;
}
.wot-select-item__desc {
    display: block;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.wot-select-item__desc span {
    position: relative;
}
.wot-select-item__desc span:after {
    background: var(--bg-1);
    content: "";
    height: 2px;
    left: 0;
    margin: 2px 0 0;
    position: absolute;
    top: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 0;
}
.active .wot-select-item__desc span:after {
    width: 100%;
}
.wot__append {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 64px 45px 45px 35px;
    position: relative;
    z-index: 2;
}
@media (max-width: 1280px) {
    .wot__append {
        display: none;
    }
}
.wot__screenshots {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-direction: column;
    flex-direction: column;
}
.wot-screenshots__header {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 28px;
    text-transform: uppercase;
}
.wot-screenshots__header span {
    border-bottom: 3px solid var(--bg-1);
}
.wot-screenshots__list {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-bottom: 55px;
}
.wot-screenshots__list a {
    display: block;
    height: 100%;
    opacity: 1;
    position: relative;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 100%;
}
.wot-screenshots__list a:hover .wot-screenshots__item {
    -webkit-transform: translateZ(0) scale(0.55);
    transform: translateZ(0) scale(0.55);
}
.wot-screenshots__list a:hover .wot-screenshots__item .wot-screenshots__item-total {
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
}
.wot-screenshots__list a:hover .wot-screenshots__item:nth-child(2) {
    -webkit-transform: translate3d(58%, 0, 0) scale(0.55);
    transform: translate3d(58%, 0, 0) scale(0.55);
}
.wot-screenshots__list a:hover .wot-screenshots__item:nth-child(3) {
    -webkit-transform: translate3d(0, -60%, 0) scale(0.55);
    transform: translate3d(0, -60%, 0) scale(0.55);
}
.wot-screenshots__list a:hover .wot-screenshots__item:nth-child(4) {
    -webkit-transform: translate3d(58%, -60%, 0) scale(0.55);
    transform: translate3d(58%, -60%, 0) scale(0.55);
}
.wot-screenshots__list .icon {
    fill: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    z-index: 4;
}
.wot-screenshots__list .icon,
.wot-screenshots__list .swiper-lazy-preloader {
    left: 50%;
    position: absolute;
    top: 50%;
}
.wot-screenshots__item {
    background-color: var(--bg2-wg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px;
    bottom: 0;
    -webkit-box-shadow: 2.81203px 2.81203px 14.0602px rgba(0, 0, 0, 0.2);
    box-shadow: 2.81203px 2.81203px 14.0602px rgba(0, 0, 0, 0.2);
    display: block;
    height: 0;
    left: 0;
    opacity: 0.6;
    padding: 0 0 49%;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 89%;
    will-change: transform, width, padding;
    z-index: 4;
}
.wot-screenshots__item:nth-child(2) {
    z-index: 3;
}
.wot-screenshots__item:nth-child(3) {
    z-index: 2;
}
.wot-screenshots__item:nth-child(4) {
    z-index: 1;
}
.wot-screenshots__item.swiper-lazy-loaded {
    -webkit-backface-visibility: hidden;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.wot-screenshots__item.swiper-lazy-loaded:nth-child(2) {
    -webkit-transform: translate3d(4%, -6.6666%, 0);
    transform: translate3d(4%, -6.6666%, 0);
}
.wot-screenshots__item.swiper-lazy-loaded:nth-child(3) {
    -webkit-transform: translate3d(8%, -13.3333%, 0);
    transform: translate3d(8%, -13.3333%, 0);
}
.wot-screenshots__item.swiper-lazy-loaded:nth-child(4) {
    -webkit-transform: translate3d(12%, -20%, 0);
    transform: translate3d(12%, -20%, 0);
}
.wot-screenshots__item-total {
    background-color: var(--bg-1);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8.43609px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 8.43609px rgba(0, 0, 0, 0.5);
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
    opacity: 0.8;
    padding: 6px 12px;
    position: absolute;
    right: 30px;
    text-shadow: 2.81203px 2.81203px 0 rgba(0, 0, 0, 0.15);
    top: 30px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    z-index: 5;
}
@media (max-width: 1140px) {
    .wot-screenshots__item-total {
        font-size: 12px;
        padding: 5px 10px;
    }
}
.wot-screenshots__more {
    display: none;
}
.wot__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 900px) {
    .wot__buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        max-width: 350px;
        width: 100%;
    }
}
.wot__buttons .btn {
    margin: 0 25px 0 0;
    opacity: 1;
}
.wot__buttons .btn:first-child {
    max-width: -webkit-calc(100% - 337px);
    max-width: calc(100% - 337px);
}
@media (max-width: 1140px) {
    .wot__buttons .btn {
        margin: 0 10px 0 0;
    }
}
@media (max-width: 900px) {
    .wot__buttons .btn {
        margin: 0;
        padding: 8px 10px;
    }
}
.wot__buttons .btn:last-child {
    margin: 0 0 0 25px;
}
.wot__buttons .btn:last-child.btn-more-one {
    margin: 0;
}
@media (max-width: 1140px) {
    .wot__buttons .btn:last-child:not(.btn-more-one) {
        margin: 0 0 0 10px;
    }
}
@media (max-width: 900px) {
    .wot__buttons .btn:last-child:not(.btn-more-one) {
        margin: 0;
        max-width: 70px;
    }
    .wot__buttons .btn:last-child:not(.btn-more-one) .icon {
        margin-right: 0;
    }
    .wot__buttons .btn:last-child:not(.btn-more-one) span {
        display: none;
    }
}
.wot__buttons .coll-block-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 20px;
    position: relative;
    width: 100%;
    z-index: 4;
}
@media (max-width: 1140px) {
    .wot__buttons .coll-block-wrapper {
        margin-left: 10px;
    }
}
@media (max-width: 900px) {
    .wot__buttons .coll-block-wrapper {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        margin: 0 0 15px;
        order: -1;
    }
}
.wot__buttons .coll-block-wrapper .btn {
    margin-left: 0;
}
.wot__buttons .coll-block-wrapper .btn:first-child {
    max-width: none;
}
@media (max-width: 900px) {
    .wot__buttons .coll-block-wrapper .btn {
        padding: 8px 10px;
    }
}
.wot__buttons .coll-block-wrapper .btn span {
    white-space: nowrap;
}
@media (max-width: 1140px) {
    .wot__buttons .coll-block-wrapper .btn:last-child:not(.btn-more-one) {
        margin-left: 0;
    }
}
.wot__buttons .coll-block-wrapper .btn-primary {
    margin: 0 20px 0 0;
    padding: 10px 18px 9px;
}
@media (max-width: 900px) {
    .wot__buttons .coll-block-wrapper .btn-primary {
        padding: 5px 10px 4px;
    }
}
.wot__buttons .coll-block-wrapper .btn-primary .icon {
    fill: var(--white);
    margin-right: 15px;
}
.wot__buttons .coll-block-wrapper .btn-primary .icon-cart-mini {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 21px;
    width: 24px;
}
.wot__buttons .coll-block-wrapper .btn-primary span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    white-space: nowrap;
}
.wot__buttons .coll-block-wrapper .btn-primary span span {
    display: block;
    font-size: 11px;
    font-weight: 400;
    padding-top: 3px;
    text-transform: lowercase;
    width: 100%;
}
.wot__buttons .coll-block-wrapper .btn:last-child {
    max-width: 100%;
    padding: 13px 10px 12px;
}
@media (max-width: 900px) {
    .wot__buttons .coll-block-wrapper .btn:last-child {
        padding: 8px 10px;
    }
}
.wot__buttons .coll-block-wrapper .btn:last-child .icon {
    margin-right: 15px;
}
.wot__buttons .coll-block-wrapper .btn:last-child span {
    display: block;
}
.wot-icons-test {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -5px;
}
.wot-icons-test__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    font-size: 12px;
    margin-bottom: 20px;
    max-width: 100px;
    padding: 5px;
    text-align: center;
    width: 100%;
}
.wot-icons-test__item p {
    margin: 0 0 10px;
}
.wot-icons-test__item .icon {
    display: block;
    margin: 0 auto 10px;
}
.wot-icons-test__item div {
    position: relative;
}
.wot-icons-test__item div span {
    background: hsla(0, 0%, 100%, 0.8);
    color: #000;
    font-size: 12px;
    left: 85%;
    padding: 4px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.wow__block {
    background: var(--wow-bg);
    color: var(--white);
    overflow: hidden;
}
.wow__block .ea__slider {
    margin-bottom: 45px;
    max-width: 2016px;
    padding-bottom: 15px;
    width: 100%;
}
.wow__block .ea__slider.slider-orders .b-row > .block__head.h3 {
    margin-bottom: 0;
}
.wow__block .ea__slider.slider-premium {
    max-width: 1792px;
}
.wow__head {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11.25%, #135367), to(#011223));
    background: -webkit-linear-gradient(top, #135367 11.25%, #011223);
    background: -o-linear-gradient(top, #135367 11.25%, #011223 100%);
    background: linear-gradient(180deg, #135367 11.25%, #011223);
    min-height: 560px;
    position: relative;
    z-index: 11;
}
@media (max-width: 1024px) {
    .wow__head {
        min-height: 500px;
    }
}
@media (max-width: 500px) {
    .wow__head {
        min-height: 380px;
    }
}
.wow__head.catalog-page {
    min-height: 200px;
    padding-bottom: 50px;
    padding-top: 120px;
}
.wow__head.catalog-page .wg__navi {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 81.66667%;
    flex: 0 0 81.66667%;
    max-width: 81.66667%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
}
@media (max-width: 1024px) {
    .wow__head.catalog-page .wg__navi {
        -webkit-box-flex: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        justify-content: flex-end;
        max-width: 50%;
        padding: 10px 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .wow__head.catalog-page .wg__navi {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        width: 100%;
    }
}
.wow__head .b-container {
    position: relative;
    z-index: 1;
}
.wow__head .wg__navi {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    width: 100%;
}
@media (max-width: 1024px) {
    .wow__head .wg__navi {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 127px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .wow__head .wg__navi {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 500px) {
    .wow__head .wg__navi {
        padding-top: 107px;
    }
}
.wow__head .wg__navi nav {
    padding-top: 0;
}
.wow__head .wg__navi ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.wow__head .go-down {
    bottom: 40px;
    display: none;
    left: 50%;
    margin: 0 0 0 -12px;
    position: absolute;
}
@media (max-width: 1140px) {
    .wow__head .go-down {
        bottom: 40px;
    }
}
.wow-head__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/wg/wow/header-noise.png) 50% 50% no-repeat;
    content: "";
    height: 650px;
    left: 50%;
    margin-left: -912.5px;
    pointer-events: none;
    position: absolute;
    top: 100px;
    width: 1825px;
    z-index: 1;
}
@media (max-width: 768px) {
    .product__block .wow-head__bg {
        display: none;
    }
}
.wow__logo {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 188px;
    width: 100%;
}
@media (max-width: 1024px) {
    .wow__logo {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 120px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .wow__logo {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 500px) {
    .wow__logo {
        padding-top: 100px;
    }
}
.catalog-page .wow__logo {
    -webkit-box-flex: 0;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 18.33333%;
    flex: 0 0 18.33333%;
    max-width: 18.33333%;
    padding: 27px 15px 20px;
    width: 100%;
}
@media (max-width: 1024px) {
    .catalog-page .wow__logo {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .catalog-page .wow__logo {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 61.66667%;
        flex: 0 0 61.66667%;
        max-width: 61.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.wow__logo img {
    height: auto;
    max-width: 100%;
    width: 400px;
}
@media (max-width: 1024px) {
    .wow__logo img {
        width: 400px;
    }
}
.wow__image {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    height: 420px;
    max-width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1024px) {
    .wow__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        left: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        right: 0;
        top: 80px;
        width: 100%;
        z-index: -1;
    }
}
.wow__image img {
    display: block;
    height: auto;
    margin: -80px auto 0;
    max-width: 100%;
}
@media (max-width: 500px) {
    .wow__image img {
        margin: 0 auto 0 -30px;
        max-width: 450px;
    }
}
.wow__slider {
    position: relative;
    width: 100%;
}
.wow__slider .ea-slider__block.center {
    left: 50%;
    margin: 0 auto;
    max-width: none;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 1670px;
}
.wow__slider .ea-slider__block.center .swiper {
    margin: 0 auto;
    overflow: visible;
    width: 1002px;
}
.wow__slider .ea-slider__block.center .catalog__orders {
    margin: 0;
}
.wow__slider .ea-slider__block.center .catalog__order {
    -webkit-box-flex: 0;
    --swiper-preloader-color: var(--wow-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.wow__slider .ea-slider__block.center .catalog__order.swiper-slide-active .catalog-order__back:before {
    background: var(--wow-color);
    -webkit-box-shadow: 0 4px 20px rgba(15, 101, 129, 0.4);
    box-shadow: 0 4px 20px rgba(15, 101, 129, 0.4);
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.wow__slider .ea-slider__block.center .catalog__order.swiper-slide-active .catalog-order__image img {
    max-height: 95%;
    max-width: 95%;
}
.wow__slider .ea-slider__block.center .catalog__order.swiper-slide-active .catalog-order__name {
    padding: 0 10px 10px;
}
.wow__slider .ea-slider__block.center .catalog__order.swiper-slide-active:hover .catalog-order__back:before {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.wow__slider .ea-slider__block.center .catalog__order:hover .catalog-order__back:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.wow__slider .ea-slider__block.center .catalog-order__back {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--wow-color)), to(transparent));
    background: -webkit-linear-gradient(top, var(--wow-color), transparent);
    background: -o-linear-gradient(top, var(--wow-color), transparent);
    background: linear-gradient(180deg, var(--wow-color), transparent);
    border-radius: var(--br-10);
}
.wow__slider .ea-slider__block.center .catalog-order__back:before {
    background: var(--wow-bg);
    border-radius: var(--br-10);
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 2px;
    right: 2px;
    top: 2px;
}
.swiper-slide-active .wow__slider .ea-slider__block.center .catalog-order__back:before {
    background: var(--wow-color);
}
.wow__slider .ea-slider__block.center .catalog-order__image img {
    max-height: 90%;
    max-width: 90%;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.wow__slider .ea-slider__block.center .catalog-order__game {
    left: 20px;
    position: absolute;
    top: 20px;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.wow__slider .ea-slider__block.center .catalog-order__image {
    padding: 0 0 73%;
}
.wow__slider .ea-slider__block.center .catalog-order__name {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.wow__slider-premium {
    position: relative;
    width: 100%;
}
.wow__slider-premium .ea-slider__block {
    padding: 0;
}
.wow__slider-premium .ea-slider__list {
    margin: 0 auto;
    position: relative;
}
@media (max-width: 1100px) {
    .wow__slider-premium .ea-slider__list {
        position: static;
    }
}
@media (min-width: 897px) {
    .wow__slider-premium .ea-slider__list {
        max-width: 896px;
        width: 100%;
    }
}
@media (max-width: 896px) and (min-width: 768px) {
    .wow__slider-premium .ea-slider__list {
        width: 448px;
    }
}
.wow__slider-premium .swiper__container {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.wow__slider-premium .swiper-button-next:before,
.wow__slider-premium .swiper-button-prev:before,
.wow__slider-premium .swiper-pagination-bullet-active {
    background: var(--wow-color);
}
.wow__slider-premium .swiper-button-next:after,
.wow__slider-premium .swiper-button-prev:after {
    border-color: var(--fgp-color-1-hover);
}
.wow__slider-premium .swiper-wrapper {
    height: auto;
}
.wow__slider-premium .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: auto;
    padding: 40px 0 20px;
    position: relative;
    width: auto;
}
.wow__slider-premium .swiper-pagination-lock {
    display: none;
}
.wow__slider-premium .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 10px;
    -webkit-box-flex: 0;
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 10px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    height: 20px;
    opacity: 1;
    width: 20px;
}
@media (max-width: 1024px) {
    .wow__slider-premium .swiper-pagination-bullet {
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
        height: 15px;
        width: 15px;
    }
}
@media (max-width: 374px) {
    .wow__slider-premium .swiper-pagination-bullet {
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
        height: 12px;
        width: 12px;
    }
}
.wow__slider-premium .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    background-color: var(--wow-color);
}
.wow__slider-premium .swiper-button-next,
.wow__slider-premium .swiper-button-prev {
    height: 86px;
    -webkit-transform: translateY(-42px);
    -ms-transform: translateY(-42px);
    transform: translateY(-42px);
    width: 96px;
}
@media (max-width: 1100px) {
    .wow__slider-premium .swiper-button-next,
    .wow__slider-premium .swiper-button-prev {
        height: 58px;
        -webkit-transform: translateY(-29px);
        -ms-transform: translateY(-29px);
        transform: translateY(-29px);
        width: 34px;
    }
}
.wow__slider-premium .swiper-button-next:before,
.wow__slider-premium .swiper-button-prev:before {
    border-radius: var(--br-10);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-8deg);
    -ms-transform: skew(-8deg);
    transform: skew(-8deg);
    -webkit-transition: var(--transition05-transform), var(--transition05-background);
    -o-transition: var(--transition05-transform), var(--transition05-background);
    transition: var(--transition05-transform), var(--transition05-background);
    z-index: -2;
}
@media (max-width: 1100px) {
    .wow__slider-premium .swiper-button-next:before,
    .wow__slider-premium .swiper-button-prev:before {
        display: none;
    }
}
.wow__slider-premium .swiper-button-next:after,
.wow__slider-premium .swiper-button-prev:after {
    display: none;
}
.wow__slider-premium .swiper-button-next .icon,
.wow__slider-premium .swiper-button-prev .icon {
    stroke-linecap: round;
    stroke: var(--white);
    fill: none;
    stroke-width: 9;
}
@media (max-width: 1100px) {
    .wow__slider-premium .swiper-button-next .icon,
    .wow__slider-premium .swiper-button-prev .icon {
        stroke-linecap: square;
        opacity: 0.5;
    }
}
.wow__slider-premium .swiper-button-next:hover:before,
.wow__slider-premium .swiper-button-prev:hover:before {
    background-color: var(--fgp-color-1);
    -webkit-transform: skew(-8deg) scale(1.06);
    -ms-transform: skew(-8deg) scale(1.06);
    transform: skew(-8deg) scale(1.06);
}
.wow__slider-premium .swiper-button-prev {
    left: -140px;
}
@media (max-width: 1280px) {
    .wow__slider-premium .swiper-button-prev {
        left: -120px;
    }
}
@media (max-width: 1100px) {
    .wow__slider-premium .swiper-button-prev {
        left: 10px;
    }
}
.wow__slider-premium .swiper-button-prev:hover .icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounce2;
    animation-name: bounce2;
}
.wow__slider-premium .swiper-button-next {
    right: -140px;
}
@media (max-width: 1280px) {
    .wow__slider-premium .swiper-button-next {
        right: -120px;
    }
}
@media (max-width: 1100px) {
    .wow__slider-premium .swiper-button-next {
        right: 10px;
    }
}
.wow__slider-premium .swiper-button-next:hover .icon {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounce2;
    animation-name: bounce2;
}
.wow__content {
    position: relative;
}
@media (min-width: 1140.1px) {
    .wow__content .product__images,
    .wow__content .product__info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: -webkit-calc(100% - 490px);
        max-width: calc(100% - 490px);
        padding-right: 29px;
    }
}
@media (min-width: 1140.1px) and (max-width: 1140px) {
    .wow__content .product__images,
    .wow__content .product__info {
        padding-right: 15px;
    }
}
@media (min-width: 1140.1px) {
    .low-height .wow__content .product__images,
    .low-height .wow__content .product__info {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.wow__content .product__info.wide {
    margin: 0;
    max-width: 100%;
    padding-right: 15px;
}
@media (min-width: 1140.1px) {
    .wow__content .product-info__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.low-height .wow__content .product-info__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: -webkit-calc(100% - 490px);
    max-width: calc(100% - 490px);
    padding-right: 29px;
}
@media (max-width: 1140px) {
    .low-height .wow__content .product-info__content {
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .low-height .wow__content .product-info__content {
        max-width: 100%;
    }
}
.wow__content .product-info__details {
    display: none;
}
.low-height .wow__content .product-info__details {
    -webkit-box-flex: 0;
    display: block;
    -ms-flex: 0 0 490px;
    flex: 0 0 490px;
    max-width: 490px;
}
@media (max-width: 768px) {
    .low-height .wow__content .product-info__details {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1140px) {
    .wow__content .product-info__details {
        display: block;
    }
}
.wow__content .ea__slider {
    margin-bottom: 45px;
    padding-bottom: 15px;
    padding-top: 0;
    width: 100%;
    z-index: 2;
}
.ea-slider__item--wide.test .ea-slider-item__picture {
    overflow: hidden;
}
.info__container {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    justify-content: center;
    line-height: 1.47;
    min-height: 840px;
    overflow: hidden;
    padding-top: 60px;
}
@media (max-width: 768px) {
    .info__container {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        min-height: 300px;
        padding-bottom: 80px;
        padding-top: 140px;
    }
}
.info__block {
    color: var(--white);
    margin-bottom: 50px;
    position: relative;
    text-align: center;
    z-index: 2;
}
@media (max-width: 768px) {
    .info__block {
        margin-bottom: 20px;
    }
}
@media (max-width: 550px) {
    .info__block {
        margin-bottom: 0;
    }
}
.info__block:before {
    background: url(/bitrix/templates/c4g/css/../images/bg-min.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
    height: 934px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-59%, -51%);
    -ms-transform: translate(-59%, -51%);
    transform: translate(-59%, -51%);
    width: 1626px;
    z-index: -1;
}
@media (max-width: 768px) {
    .info__block:before {
        -webkit-transform: translate(-59%, -51%) scale(0.7);
        -ms-transform: translate(-59%, -51%) scale(0.7);
        transform: translate(-59%, -51%) scale(0.7);
    }
}
@media (max-width: 550px) {
    .info__block:before {
        -webkit-transform: translate(-56%, -52%) scale(0.55);
        -ms-transform: translate(-56%, -52%) scale(0.55);
        transform: translate(-56%, -52%) scale(0.55);
    }
}
@media (max-width: 440px) {
    .info__block:before {
        -webkit-transform: translate(-54%, -53%) scale(0.45);
        -ms-transform: translate(-54%, -53%) scale(0.45);
        transform: translate(-54%, -53%) scale(0.45);
    }
}
.info__block:after {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background: var(--info-line-1);
    border-radius: 50%;
    content: "";
    height: 95vh;
    left: 50%;
    opacity: 0.02;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 95vh;
    z-index: -2;
}
.info__countdown {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-gotham);
    font-size: 32px;
    font-weight: 700;
    justify-content: center;
    margin-bottom: 50px;
    opacity: 0.8;
    padding-left: 126px;
    position: relative;
    text-transform: uppercase;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
@media (max-width: 768px) {
    .info__countdown {
        font-size: 22px;
        margin-bottom: 30px;
    }
}
@media (max-width: 550px) {
    .info__countdown {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
@media (max-width: 440px) {
    .info__countdown {
        font-size: 18px;
        margin-bottom: 15px;
        padding-left: 0;
    }
}
.info__countdown:before {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move_forvard;
    animation-name: move_forvard;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: var(--info-line-2);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 200px;
}
.info__countdown:after {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move_forvard_2;
    animation-name: move_forvard_2;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: var(--info-line-1);
    bottom: -10px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    width: 350px;
}
.info-countdown__label {
    margin: 0 5px;
}
.info-countdown__value {
    color: var(--bg-1);
    margin: 0 5px;
}
.info__title {
    font-family: var(--font-gotham);
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 24px;
    opacity: 0.8;
    padding-left: 12px;
    position: relative;
    text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
@media (max-width: 768px) {
    .info__title {
        font-size: 32px;
        margin-bottom: 14px;
    }
}
@media (max-width: 550px) {
    .info__title {
        font-size: 24px;
    }
}
@media (max-width: 440px) {
    .info__title {
        font-size: 22px;
        padding-left: 0;
    }
}
.info__title:before {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: var(--info-line-2);
    left: -260px;
    top: -10px;
    width: 360px;
}
.info__title:after,
.info__title:before {
    -webkit-animation-name: move_forvard;
    animation-name: move_forvard;
    content: "";
    height: 2px;
    position: absolute;
}
.info__title:after {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: var(--info-line-1);
    bottom: 20px;
    left: 100%;
    width: 120px;
    z-index: -1;
}
.info__text {
    font-family: var(--font-gotham);
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 35px;
    opacity: 0.8;
    text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
@media (max-width: 768px) {
    .info__text {
        font-size: 24px;
        margin-bottom: 25px;
    }
}
@media (max-width: 550px) {
    .info__text {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
@media (max-width: 440px) {
    .info__text {
        font-size: 16px;
    }
}
.info__text ul {
    margin: 0;
    padding: 0;
}
.info__text ul li {
    list-style-type: none;
    margin: 0 0 1px;
    padding: 24px;
}
@media (max-width: 768px) {
    .info__text ul li {
        padding: 20px;
    }
}
@media (max-width: 550px) {
    .info__text ul li {
        padding: 15px;
    }
}
@media (max-width: 440px) {
    .info__text ul li {
        padding: 10px;
    }
}
.info__text ul li:last-child {
    padding-right: 246px;
}
@media (max-width: 550px) {
    .info__text ul li:last-child {
        padding-right: 200px;
    }
}
@media (max-width: 440px) {
    .info__text ul li:last-child {
        padding-right: 100px;
    }
}
.info__social {
    margin: 0 0 10px;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.info-social__title {
    font-family: var(--font-gotham);
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    opacity: 0.8;
    padding-right: 114px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .info-social__title {
        font-size: 12px;
    }
}
@media (max-width: 440px) {
    .info-social__title {
        padding-right: 0;
    }
}
.info-social__title:before {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: var(--info-line-2);
    bottom: -10px;
    left: -360px;
    width: 350px;
}
.info-social__title:after,
.info-social__title:before {
    -webkit-animation-name: move_forvard;
    animation-name: move_forvard;
    content: "";
    height: 2px;
    position: absolute;
}
.info-social__title:after {
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: var(--info-line-1);
    left: 100%;
    top: 200px;
    width: 200px;
    z-index: -1;
}
.info-social__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-right: 56px;
    position: relative;
}
@media (max-width: 440px) {
    .info-social__list {
        padding-right: 0;
    }
}
.info-social__list:before {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move_forvard;
    animation-name: move_forvard;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: var(--info-line-1);
    bottom: -20px;
    content: "";
    height: 2px;
    left: 60px;
    position: absolute;
    width: 500px;
}
.info-social__item {
    margin: 0 35px;
}
@media (max-width: 768px) {
    .info-social__item {
        margin: 0 25px;
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }
}
@media (max-width: 440px) {
    .info-social__item {
        margin: 0 20px;
    }
}
.info-social__item a {
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}
.info-social__item a:hover {
    opacity: 0.65;
}
.info-social__item svg {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
.info-block__wide {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 100px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .info-block__wide {
        margin-bottom: 70px;
    }
}
@media (max-width: 768px) {
    .info-block__wide {
        margin-bottom: 58px;
    }
}
.info-block__wide a {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.info-block__wide img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 414px) {
    .info-block__wide img {
        width: 100%;
    }
}
.info-block__wg {
    display: block;
    position: relative;
    z-index: 1;
}
.info-block__wg picture {
    display: block;
    margin: 0 -20px;
    position: relative;
    z-index: 2;
}
.info-block-wg__line {
    background: var(--bg3-wg);
    height: 2px;
    left: 50%;
    margin: 0 0 0 -50%;
    position: absolute;
    width: 100%;
}
.info-block-wg__lines {
    -webkit-animation: crawl 10s linear;
    animation: crawl 10s linear;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    top: 99999px;
    top: 0;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.info-block-wg__line--1 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    top: 40%;
}
.info-block-wg__line--1,
.info-block-wg__line--2 {
    -webkit-animation-name: opacity;
    animation-name: opacity;
}
.info-block-wg__line--2 {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    top: 35%;
}
.info-block-wg__line--3 {
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: opacity;
    animation-name: opacity;
    top: 30%;
}
.tooltip-block {
    cursor: pointer;
    height: 18px;
    margin-left: 15px;
    position: relative;
    text-align: left;
    width: 18px;
}
.tooltip-block--img {
    height: auto;
    margin: 0;
    width: auto;
}
.tooltip-block__q {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #979797;
    border-radius: 50%;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px;
    justify-content: center;
    pointer-events: none;
    width: 18px;
}
.tooltip-block--img .tooltip-block__q {
    background: transparent;
    border-radius: 0;
    font-size: 16px;
    height: auto;
    width: auto;
}
.tooltip-block__popup {
    background: var(--white);
    border-radius: 5px;
    color: var(--black);
    font-size: 11px;
    font-weight: 500;
    left: 100%;
    margin: 0 0 0 15px;
    opacity: 0;
    padding: 20px 20px 10px;
    position: absolute;
    top: -16px;
    -webkit-transform: translate(10px);
    -ms-transform: translate(10px);
    transform: translate(10px);
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    visibility: hidden;
    width: 220px;
    z-index: 10;
}
.aion-server-tooltip .tooltip-block__popup {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    padding-bottom: 15px;
}
.tooltip-block__popup:before {
    background: var(--white);
    border-radius: 4px 0 0 0;
    content: "";
    height: 19px;
    left: -9px;
    position: absolute;
    top: 17px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 19px;
}
.tooltip-block__popup p {
    margin: 0 0 10px;
    padding: 0;
}
.tooltip-block__popup ul {
    margin-bottom: 5px;
    padding-left: 13px;
    position: relative;
    z-index: 1;
}
.tooltip-block__popup ul li span {
    color: var(--l2-main-color-1);
}
.tooltip-block__popup ul.aion-list {
    font-weight: 400;
}
.tooltip-block__popup ul.aion-list li {
    color: rgba(0, 0, 0, 0.5);
    list-style-type: none;
    margin-bottom: 3px;
}
.tooltip-block__popup ul.aion-list li span {
    color: var(--aion-color);
}
.tooltip-block.tooltip-left .tooltip-block__popup {
    left: auto;
    margin: 0 5px 0 0;
    right: 100%;
}
.tooltip-block.tooltip-left .tooltip-block__popup:before {
    border-radius: 0 4px 0 0;
    left: auto;
    right: -9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tooltip-block.tooltip-bottom .tooltip-block__popup {
    left: 50%;
    margin: 15px 0 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.tooltip-block.tooltip-bottom .tooltip-block__popup:before {
    border-radius: 0 4px 0 0;
    left: 50%;
    top: -9px;
    -webkit-transform: rotate(0) translate(-50%);
    -ms-transform: rotate(0) translate(-50%);
    transform: rotate(0) translate(-50%);
}
.tooltip-global {
    pointer-events: none;
    position: absolute;
}
.tooltip-global.aion-tooltip .tooltip-block__popup {
    top: 0;
}
.tooltip-global.tooltip-basket .tooltip-block__popup {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(55, 67, 82, 0.8);
    border-radius: 10px;
    bottom: 100%;
    -webkit-box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.15);
    color: var(--white);
    font-family: var(--font-gilroy);
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px;
    top: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 992px) {
    .tooltip-global.tooltip-basket .tooltip-block__popup {
        pointer-events: auto;
    }
    .tooltip-global.tooltip-basket .tooltip-block__popup:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.28.486a.727.727 0 0 0-1.03 0l-4 4a.727.727 0 0 0 0 1.028l4 4a.727.727 0 0 0 1.03-1.028L5.792 5 9.28 1.514a.727.727 0 0 0 0-1.028Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.485.486a.727.727 0 0 1 1.029 0l4 4a.727.727 0 0 1 0 1.028l-4 4A.727.727 0 0 1 .485 8.486L3.971 5 .485 1.514a.727.727 0 0 1 0-1.028Z' fill='%23fff'/%3E%3C/svg%3E");
        content: "";
        height: 10px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 10px;
    }
}
@media (max-width: 375px) {
    .tooltip-global.tooltip-basket .tooltip-block__popup {
        padding: 15px 20px 5px 15px;
        width: 180px;
    }
}
.tooltip-global.tooltip-basket .tooltip-block__popup:before {
    display: none;
}
.tooltip-global.tooltip-product .tooltip-block__popup {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(55, 67, 82, 0.8);
    border-radius: 10px;
    bottom: 100%;
    -webkit-box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.15);
    color: var(--white);
    font-family: var(--font-rubik);
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 10px;
    top: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 992px) {
    .tooltip-global.tooltip-product .tooltip-block__popup {
        pointer-events: auto;
    }
    .tooltip-global.tooltip-product .tooltip-block__popup:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.28.486a.727.727 0 0 0-1.03 0l-4 4a.727.727 0 0 0 0 1.028l4 4a.727.727 0 0 0 1.03-1.028L5.792 5 9.28 1.514a.727.727 0 0 0 0-1.028Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.485.486a.727.727 0 0 1 1.029 0l4 4a.727.727 0 0 1 0 1.028l-4 4A.727.727 0 0 1 .485 8.486L3.971 5 .485 1.514a.727.727 0 0 1 0-1.028Z' fill='%23fff'/%3E%3C/svg%3E");
        content: "";
        height: 10px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 10px;
    }
}
@media (max-width: 375px) {
    .tooltip-global.tooltip-product .tooltip-block__popup {
        padding: 15px 20px 5px 15px;
        width: 180px;
    }
}
.tooltip-global.tooltip-product .tooltip-block__popup:before {
    display: none;
}
.tooltip-global.tooltip-left .tooltip-block__popup {
    left: auto;
    margin: 0 15px 0 0;
    right: 100%;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
.tooltip-global.tooltip-left .tooltip-block__popup:before {
    border-radius: 0 4px 0 0;
    left: auto;
    right: -9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tooltip-global.tooltip-left.tooltip-basket .tooltip-block__popup {
    left: 0;
    margin: 0 0 10px;
    right: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-width: 414px) {
    .tooltip-global.tooltip-left.tooltip-basket .tooltip-block__popup {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
}
.tooltip-global.tooltip-bottom .tooltip-block__popup {
    bottom: auto;
    left: 50%;
    margin: 15px 0 0;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.tooltip-global.tooltip-bottom .tooltip-block__popup:before {
    border-radius: 0 4px 0 0;
    left: 50%;
    margin: 0 0 0 -2px;
    top: -12px;
    -webkit-transform: rotate(-45deg) translate3d(-50%, 0, 0);
    transform: rotate(-45deg) translate3d(-50%, 0, 0);
}
.tooltip-global.active .tooltip-block__popup {
    opacity: 1;
    visibility: visible;
}
.okko__block {
    background: var(--black);
    color: var(--white);
    font-family: var(--font-okko);
}
.okko__block .breadcrumbs {
    margin-bottom: 90px;
}
@media (max-width: 1140px) {
    .okko__block .breadcrumbs {
        margin-bottom: 55px;
    }
}
@media (max-width: 768px) {
    .okko__block .breadcrumbs {
        margin-bottom: 40px;
    }
}
.okko__block .breadcrumbs ul {
    font-family: var(--font-okko);
    font-weight: 600;
}
.okko__block .swiper__filter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
@media (max-width: 768px) {
    .okko__block .swiper__filter {
        margin-bottom: 25px;
    }
    .okko__block .swiper__filter .swiper-filter__current {
        display: none;
    }
}
.okko__block .swiper__filter ul {
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .okko__block .swiper__filter ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        background: none;
        border-radius: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        opacity: 1;
        padding: 0;
        position: static;
        right: auto;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
    }
}
.okko__block .swiper__filter ul li {
    margin: 0 15px;
    padding: 0;
}
@media (max-width: 1024px) {
    .okko__block .swiper__filter ul li:first-child {
        margin-left: 0;
    }
    .okko__block .swiper__filter ul li:last-child {
        margin-right: 0;
    }
}
@media (max-width: 374px) {
    .okko__block .swiper__filter ul li {
        margin: 0 10px;
    }
    .okko__block .swiper__filter ul li:first-child {
        margin-left: 0;
    }
    .okko__block .swiper__filter ul li:last-child {
        margin-right: 0;
    }
}
.okko__block .swiper__filter ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: transparent;
    border: 2px solid hsla(258, 4%, 55%, 0.32);
    border-radius: 5px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 42px;
    justify-content: center;
    margin: 2px;
    min-width: 156px;
    opacity: 1;
    padding: 1px 18px 0;
    position: relative;
    text-shadow: 1.5px 1.5px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    z-index: 1;
}
@media (max-width: 374px) {
    .okko__block .swiper__filter ul li a {
        font-size: 12px;
        height: 30px;
        min-width: 136px;
        padding: 0 10px;
    }
}
.okko__block .swiper__filter ul li a:after,
.okko__block .swiper__filter ul li a:before {
    display: none;
}
.okko__block .swiper__filter ul li a:hover {
    border: 2px solid #5d0ef5;
    height: 46px;
    margin: 0;
    min-width: 160px;
    padding: 0 18px;
}
@media (max-width: 374px) {
    .okko__block .swiper__filter ul li a:hover {
        height: 34px;
        min-width: 140px;
        padding: 0 10px;
    }
}
.okko__block .swiper__filter ul li.active a {
    background-color: #5d0ef5;
    border-color: #5d0ef5;
    color: var(--white);
}
.okko__first {
    background: none;
    height: 100vh;
    max-height: 1080px;
    overflow: hidden;
    padding-bottom: 160px;
    padding-top: 30px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .okko__first {
        height: auto;
        padding: 30px 100px 160px;
    }
}
@media (max-width: 768px) {
    .okko__first {
        max-height: none;
        padding: 30px 0 70px;
    }
}
.okko__first:after,
.okko__first:before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: -1;
}
.okko__first:before {
    background: -webkit-radial-gradient(50% 50%, 50% 50%, #5d0ef5 35.59%, transparent 100%);
    background: -o-radial-gradient(50% 50%, 50% 50%, #5d0ef5 35.59%, transparent 100%);
    background: radial-gradient(50% 50% at 50% 50%, #5d0ef5 35.59%, transparent 100%);
    background-blend-mode: screen;
    height: 1953px;
    right: 30%;
    top: -1500px;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
    width: 1745px;
}
.okko__first:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#5d0ef5), to(rgba(93, 14, 245, 0)));
    background: -webkit-linear-gradient(top, #5d0ef5, rgba(93, 14, 245, 0));
    background: -o-linear-gradient(top, #5d0ef5 0, rgba(93, 14, 245, 0) 100%);
    background: linear-gradient(180deg, #5d0ef5, rgba(93, 14, 245, 0));
    -webkit-filter: blur(64.644px);
    filter: blur(64.644px);
    height: 377px;
    left: 50%;
    opacity: 0.8;
    top: 100%;
    -webkit-transform: translate3d(10%, -45%, 0) rotate(161.56deg);
    transform: translate3d(10%, -45%, 0) rotate(161.56deg);
    width: 1093px;
}
.okko-first__bottom {
    bottom: 0;
    height: 156px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.okko-first__bottom span {
    display: block;
    overflow: hidden;
    position: relative;
}
.okko-first__bottom img {
    display: block;
}
.okko-first__row {
    display: grid;
    grid-template-columns: repeat(12, 8.33333%);
}
.okko-first__logo {
    grid-column-end: span 6;
    grid-column-start: 1;
    grid-row-end: span 1;
    padding-bottom: 25px;
    padding-right: 30px;
}
.okko-first__logo img {
    height: 65px;
}
@media (max-width: 1140px) {
    .okko-first__logo {
        grid-column-end: span 12;
        padding-right: 0;
    }
}
@media (max-width: 768px) {
    .okko-first__logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
}
.okko-first__desc {
    font-size: 18px;
    font-weight: 500;
    grid-column-end: span 6;
    grid-column-start: 1;
    grid-row-end: span 1;
    line-height: 30px;
    padding-right: 30px;
    position: relative;
}
@media (max-width: 1140px) {
    .okko-first__desc {
        grid-column-end: span 12;
        padding-right: 0;
    }
}
@media (max-width: 768px) {
    .okko-first__desc {
        font-size: 16px;
        line-height: 26px;
    }
}
.okko-first__desc .h2,
.okko-first__desc h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 42px;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .okko-first__desc .h2,
    .okko-first__desc h2 {
        font-size: 22px;
        line-height: 34px;
    }
}
.okko-first__desc .h2 span,
.okko-first__desc h2 span {
    font-weight: 700;
}
.okko-first__desc p {
    margin: 0 0 30px;
}
.okko-first__desc .button {
    margin: 0 -2px;
    padding-top: 16px;
}
.okko-first__desc a.btn-primary {
    background: var(--okko-gradient3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    height: 54px;
    margin: 4px;
    padding: 10px 10px 5px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 260px;
    z-index: 1;
}
.okko-first__desc a.btn-primary:after {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/btn-stroke.png) 0 0 no-repeat;
    content: "";
    height: 67px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 273px;
    z-index: -1;
}
.okko-first__desc a.btn-primary:before {
    background: -webkit-radial-gradient(50% 50%, 50% 50%, #fff 0, #5d0ef5 35.59%, transparent 100%);
    background: -o-radial-gradient(50% 50%, 50% 50%, #fff 0, #5d0ef5 35.59%, transparent 100%);
    background: radial-gradient(50% 50% at 50% 50%, #fff 0, #5d0ef5 35.59%, transparent 100%);
    background-blend-mode: screen;
    content: "";
    height: 12px;
    left: -12px;
    position: absolute;
    top: -11px;
    width: 100px;
}
.okko-first__desc a.btn-primary:hover {
    background-color: var(--okko-aion-year);
    opacity: 1;
}
.okko-first__text {
    max-width: 556px;
}
.okko-first__slider {
    grid-column-end: span 6;
    grid-column-start: 7;
    grid-row-end: span 3;
    padding-top: 70px;
}
@media (max-width: 1140px) {
    .okko-first__slider {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-right: 0;
        padding-top: 0;
    }
}
.okko-first__slider .swiper-carousel {
    margin: 0 -53px 0 0;
    position: relative;
    z-index: 1;
}
@media (max-width: 1600px) {
    .okko-first__slider .swiper-carousel {
        margin: 0;
    }
}
@media (max-width: 1140px) {
    .okko-first__slider .swiper-carousel {
        margin: 0 auto 35px;
        max-width: 560px;
    }
}
.okko-first__slider .swiper-carousel:before {
    background: #000;
    bottom: 50px;
    content: "";
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 80px;
    left: 30px;
    opacity: 0.6;
    position: absolute;
    right: 30px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: -1;
}
.okko-first__slider .swiper-carousel .swiper-container {
    overflow: hidden;
    padding-bottom: 75px;
}
@media (max-width: 1140px) {
    .okko-first__slider .swiper-carousel .swiper-container {
        padding-bottom: 55px;
    }
}
.okko-first__slider .swiper-carousel .swiper-pagination {
    bottom: 0;
}
.okko-first__slider .swiper-carousel .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: var(--white);
    --swiper-pagination-bullet-horizontal-gap: 9px;
    --swiper-theme-color: var(--white);
    height: 18px;
    opacity: 0.3;
    width: 18px;
}
@media (max-width: 768px) {
    .okko-first__slider .swiper-carousel .swiper-pagination-bullet {
        --swiper-pagination-bullet-horizontal-gap: 8px;
        height: 16px;
        width: 16px;
    }
}
.okko-first__slider .swiper-carousel .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    background: #fff;
    opacity: 1;
    overflow: hidden;
    position: relative;
}
.okko-first__slider .swiper-carousel .swiper-pagination-bullet-active:after {
    -webkit-animation: borderdraw2 4s linear 1s 1 forwards;
    animation: borderdraw2 4s linear 1s 1 forwards;
    background: var(--black);
    border-radius: 50%;
    content: "";
    height: 110%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
    transform: translate3d(-50%, -50%, 0) scale(0);
    -webkit-transition: 4s;
    -o-transition: 4s;
    transition: 4s;
    width: 110%;
}
.okko-first__slider .swiper-carousel .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.okko-first__slider .swiper-carousel .swiper-slide span {
    background: rgba(47, 24, 88, 0.8);
    border-radius: 4px;
    bottom: 22px;
    color: var(--white);
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
    padding: 5px 10px;
    position: absolute;
    right: 22px;
}
@media (max-width: 1280px) {
    .okko-first__slider .swiper-carousel .swiper-slide span {
        font-size: 28px;
        line-height: 32px;
    }
}
.okko-first__slider .swiper-carousel .swiper-slide img {
    display: block;
    height: auto;
    max-width: 100%;
}
.okko__line {
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 3px;
    height: 398px;
    left: -94px;
    position: absolute;
    top: 10px;
    width: 5px;
}
@media (max-width: 1600px) {
    .okko__line {
        left: -60px;
    }
}
.okko__line span {
    top: -20px;
}
.okko__line span,
.okko__line span:after,
.okko__line span:before {
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 50%;
    height: 5px;
    left: 0;
    position: absolute;
    width: 5px;
}
.okko__line span:after,
.okko__line span:before {
    content: "";
}
.okko__line span:before {
    top: -12px;
}
.okko__line span:after {
    top: -24px;
}
.okko__line img {
    left: 50%;
    margin: 19px 0 0 -12px;
    position: absolute;
    top: 100%;
    width: 24px;
}
@media (min-width: 768px) {
    .okko__line img {
        -webkit-animation: pulseArrow 2s linear infinite;
        animation: pulseArrow 2s linear infinite;
    }
}
.okko__second {
    background: none;
    height: auto;
    min-height: auto;
    padding-top: 150px;
}
@media (max-width: 1140px) {
    .okko__second {
        height: auto;
        padding: 125px 0 115px;
    }
}
@media (max-width: 1024px) {
    .okko__second {
        padding: 70px 0;
    }
}
.okko__second .h2,
.okko__second h2 {
    font-family: var(--font-okko);
    font-size: 45px;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 60px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .okko__second .h2,
    .okko__second h2 {
        font-size: 36px;
        line-height: 48px;
    }
}
@media (max-width: 374px) {
    .okko__second .h2,
    .okko__second h2 {
        font-size: 30px;
        line-height: 44px;
    }
}
.okko-second__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.okko-second__item,
.okko-second__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.okko-second__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    margin-bottom: 25px;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.okko-second__item.okko__append {
    opacity: 0;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}
.okko-second__item.okko__append.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
@media (max-width: 768px) {
    .okko-second__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.okko-second__item--3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.okko-second__item--2,
.okko-second__item--3 {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.okko-second__item--2 {
    -ms-flex: 0 0 61.66667%;
    flex: 0 0 61.66667%;
    max-width: 61.66667%;
}
@media (max-width: 1140px) {
    .okko-second__item--2 {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .okko-second__item--2 {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.okko-second__item--1 {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 38.33333%;
    flex: 0 0 38.33333%;
    max-width: 38.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .okko-second__item--1 {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .okko-second__item--1 {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.okko-second__item--bg-1 .okko-second-item__back {
    background: -webkit-gradient(linear, left top, right top, color-stop(4.78%, #470abb), color-stop(113.21%, #010101));
    background: -webkit-linear-gradient(left, #470abb 4.78%, #010101 113.21%);
    background: -o-linear-gradient(left, #470abb 4.78%, #010101 113.21%);
    background: linear-gradient(90deg, #470abb 4.78%, #010101 113.21%);
    padding: 38px 30px 0;
}
.okko-second__item--bg-1 .okko-second-item__img {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
}
@media (max-width: 1140px) {
    .okko-second__item--bg-1 .okko-second-item__img img {
        height: 280px;
    }
}
@media (max-width: 768px) {
    .okko-second__item--bg-1 .okko-second-item__img img {
        -webkit-transform: translate(-184px);
        -ms-transform: translate(-184px);
        transform: translate(-184px);
    }
}
.okko-second__item--bg-2 .okko-second-item__back {
    background: -webkit-linear-gradient(287.84deg, #bc61c2 0.32%, #d77e84 59.44%, #f1c589);
    background: -o-linear-gradient(287.84deg, #bc61c2 0.32%, #d77e84 59.44%, #f1c589 100%);
    background: linear-gradient(162.16deg, #bc61c2 0.32%, #d77e84 59.44%, #f1c589);
    padding: 145px 30px 50px;
}
@media (max-width: 1140px) {
    .okko-second__item--bg-2 .okko-second-item__back {
        padding: 145px 0 50px;
    }
}
@media (max-width: 768px) {
    .okko-second__item--bg-2 .okko-second-item__back {
        padding: 100px 30px 50px;
    }
}
.okko-second__item--bg-2 .okko-second-item__img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -18px;
}
@media (max-width: 1140px) {
    .okko-second__item--bg-2 .okko-second-item__img {
        margin: 0 -15px;
    }
}
.okko-second__item--bg-2 .okko-second-item__img span {
    border-radius: 50%;
    height: 200px;
    margin: 0 18px;
    position: relative;
    width: 200px;
}
@media (max-width: 1140px) {
    .okko-second__item--bg-2 .okko-second-item__img span {
        margin: 0 15px;
    }
}
@media (max-width: 768px) {
    .okko-second__item--bg-2 .okko-second-item__img span {
        margin-bottom: 10px;
    }
}
.okko-second__item--bg-2 .okko-second-item__img span:first-child:before {
    border: 1px solid var(--okko-aion-year);
    border-radius: 50%;
    bottom: -10px;
    content: "";
    left: -10px;
    position: absolute;
    right: -10px;
    top: -10px;
}
.okko-second__item--bg-2 .okko-second-item__img span img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 1280px) {
    .okko-second__item--bg-2 .okko-second-item__img span {
        height: 125px;
        width: 125px;
    }
}
@media (max-width: 1140px) {
    .okko-second__item--bg-2 .okko-second-item__img span {
        height: 110px;
        width: 110px;
    }
}
@media (max-width: 768px) {
    .okko-second__item--bg-2 .okko-second-item__img span {
        height: 100px;
        width: 100px;
    }
}
.okko-second__item--bg-3 .okko-second-item__back {
    background: -webkit-radial-gradient(-37.24% 53.43%, 188.95% 181.32%, #2c2b2f 0, #000 95.01%);
    background: -o-radial-gradient(-37.24% 53.43%, 188.95% 181.32%, #2c2b2f 0, #000 95.01%);
    background: radial-gradient(188.95% 181.32% at -37.24% 53.43%, #2c2b2f 0, #000 95.01%);
    padding: 123px 30px 30px;
}
.okko-second__item--bg-3 .okko-second-item__img {
    margin: 0 auto;
}
.okko-second__item--bg-3 .okko-second-item__img img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 768px) {
    .okko-second__item--bg-3 .okko-second-item__img img {
        width: 265px;
    }
}
.okko-second__item--bg-4 .okko-second-item__back {
    background: -webkit-linear-gradient(130.79deg, #470abb 0.71%, #010101 92.04%);
    background: -o-linear-gradient(130.79deg, #470abb 0.71%, #010101 92.04%);
    background: linear-gradient(319.21deg, #470abb 0.71%, #010101 92.04%);
    padding: 120px 30px 55px;
}
.okko-second__item--bg-4 .okko-second-item__img {
    margin: 0 auto;
}
.okko-second__item--bg-4 .okko-second-item__img img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 1140px) {
    .okko-second__item--bg-4 .okko-second-item__img img {
        width: 170px;
    }
}
.okko-second__item--bg-5 .okko-second-item__back {
    background: -webkit-linear-gradient(15.15deg, #000 0.47%, #470abb 94.43%);
    background: -o-linear-gradient(15.15deg, #000 0.47%, #470abb 94.43%);
    background: linear-gradient(74.85deg, #000 0.47%, #470abb 94.43%);
    padding: 130px 30px 50px;
}
.okko-second__item--bg-5 .okko-second-item__img {
    margin: 0 auto;
}
.okko-second__item--bg-5 .okko-second-item__img img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 1140px) {
    .okko-second__item--bg-5 .okko-second-item__img img {
        width: 195px;
    }
}
.okko-second__item--bg-6 .okko-second-item__back {
    background: -webkit-linear-gradient(223.04deg, #470abb 2.21%, #010101 105.28%);
    background: -o-linear-gradient(223.04deg, #470abb 2.21%, #010101 105.28%);
    background: linear-gradient(226.96deg, #470abb 2.21%, #010101 105.28%);
    padding: 137px 0 0;
}
.okko-second__item--bg-6 .okko-second-item__img {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.okko-second__item--bg-6 .okko-second-item__img img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 1140px) {
    .okko-second__item--bg-6 .okko-second-item__img img {
        height: 270px;
    }
}
.okko-second-item__back {
    border-radius: 38px;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.okko-second-item__title {
    font-family: var(--font-okko);
    font-size: 26px;
    font-weight: 500;
    left: 44px;
    line-height: 28px;
    position: absolute;
    right: 44px;
    top: 38px;
}
@media (max-width: 1140px) {
    .okko-second-item__title {
        font-size: 20px;
        left: 30px;
        line-height: 22px;
        right: 30px;
        top: 30px;
    }
}
.okko-second-item__img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.okko__third {
    height: 1150px;
    overflow: hidden;
    padding-top: 90px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .okko__third {
        background: url(/bitrix/templates/c4g/css/../pictures/okko/bg4-min.jpg) 50% 50% no-repeat var(--black);
        background-size: cover;
        height: auto;
    }
}
@media (max-width: 768px) {
    .okko__third {
        padding-top: 0;
    }
}
.okko__third-bg {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/bg4-min.jpg) 50% 50% no-repeat var(--black);
    background-size: cover;
    bottom: -5%;
    left: 50%;
    margin: 0 0 0 -60vw;
    position: absolute;
    top: -5%;
    width: 120vw;
    z-index: -1;
}
@media (max-width: 1140px) {
    .okko__third-bg {
        background-position: 30% 50%;
    }
}
@media (max-width: 768px) {
    .okko__third-bg:before {
        background: -webkit-linear-gradient(186.13deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
        background: -o-linear-gradient(186.13deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
        background: linear-gradient(263.87deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
        content: "";
        -webkit-filter: blur(64px);
        filter: blur(64px);
        height: 255px;
        opacity: 0.8;
        position: absolute;
        right: -186px;
        top: 105px;
        -webkit-transform: rotate(-11.91deg) translateZ(0);
        transform: rotate(-11.91deg) translateZ(0);
        width: 601px;
    }
}
.okko__third .hover-move {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.okko__third .block__content {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 71.66667%;
    flex: 0 0 71.66667%;
    margin-left: 14.16667%;
    max-width: 71.66667%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1280px) {
    .okko__third .block__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        margin-left: 8.33333%;
        max-width: 83.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1140px) {
    .okko__third .block__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-left: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.okko__third .block__content .decorations .hover-move {
    -webkit-transition: var(--transition03-transform);
    -o-transition: var(--transition03-transform);
    transition: var(--transition03-transform);
}
.okko__third .block__content .decorations__item1 {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/subs-pic1.png) 0 0 no-repeat;
    height: 317px;
    position: absolute;
    right: -400px;
    top: 9%;
    width: 305px;
}
.okko__third .block__content .decorations__item2 {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/subs-pic2.png) 0 0 no-repeat;
    height: 184px;
    position: absolute;
    right: -304px;
    top: 57%;
    width: 178px;
}
.okko__third .block__content .decorations__item3 {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/subs-pic3.png) 0 0 no-repeat;
    height: 183px;
    left: -286px;
    position: absolute;
    top: 9%;
    width: 180px;
}
.okko__third .block__content .decorations__item4 {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/subs-pic4.png) 0 0 no-repeat;
    height: 180px;
    left: -295px;
    position: absolute;
    top: 50%;
    width: 170px;
}
.okko__third .block__content .h2,
.okko__third .block__content h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .okko__third .block__content .h2,
    .okko__third .block__content h2 {
        font-size: 35px;
        line-height: 48px;
    }
}
@media (max-width: 374px) {
    .okko__third .block__content .h2,
    .okko__third .block__content h2 {
        font-size: 30px;
        line-height: 44px;
    }
}
.okko__third .block__content p {
    font-size: 17px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 50px;
    text-align: center;
}
@media (max-width: 1140px) {
    .okko__third .block__content p {
        margin: 0 auto 45px;
        max-width: 660px;
    }
}
@media (max-width: 768px) {
    .okko__third .block__content p {
        font-size: 16px;
        line-height: 26px;
    }
}
.okko__third .block__content p.nb {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 auto;
    max-width: 820px;
}
@media (max-width: 768px) {
    .okko__third .block__content p.nb {
        font-size: 10px;
        line-height: 20px;
    }
}
.okko__third .ea-slider__block {
    margin-bottom: 30px;
}
@media (min-width: 1140px) {
    .okko__third .ea-slider__block .swiper-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .okko__third .ea-slider__block .swiper-wrapper {
        height: 470px;
    }
    .okko__third .ea-slider__block .swiper-scrollbar {
        background: rgba(49, 24, 98, 0.3);
        border-radius: 6px;
        bottom: -15px;
        display: block !important;
        height: 11px;
        left: 15px;
        right: 15px;
        width: auto;
    }
    .okko__third .ea-slider__block .swiper-scrollbar-drag {
        background: var(--okko-aion-year);
        border-radius: 6px;
        height: 11px;
    }
}
@media (max-width: 767px) {
    .okko__third .ea-slider__block {
        height: auto;
        margin: 0 -15px 40px;
        max-width: none;
        width: auto;
    }
    .okko__third .ea-slider__block .swiper-wrapper {
        height: auto;
    }
}
.okko__third .ea-slider__list {
    margin: 0 auto;
    max-width: 896px;
}
@media (min-width: 1140px) {
    .okko__third .ea-slider__list {
        min-height: 564px;
    }
}
@media (max-width: 1140px) and (min-width: 769px) {
    .okko__third .ea-slider__list {
        min-height: 480px;
    }
}
@media (max-width: 1280px) and (min-width: 769px) {
    .okko__third .ea-slider__list {
        max-width: 100%;
        width: 820px;
    }
}
@media (max-width: 768px) and (min-width: 768px) {
    .okko__third .ea-slider__list {
        width: 354px;
    }
}
.okko__fourth {
    background: none;
    height: auto;
    min-height: auto;
    overflow: hidden;
    padding-top: 150px;
    position: relative;
}
@media (max-width: 1140px) {
    .okko__fourth {
        height: auto;
    }
}
@media (max-width: 1024px) {
    .okko__fourth {
        padding-top: 40px;
    }
}
.okko__fourth:after,
.okko__fourth:before {
    background: -webkit-linear-gradient(186.13deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
    background: -o-linear-gradient(186.13deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
    background: linear-gradient(263.87deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
    content: "";
    -webkit-filter: blur(64px);
    filter: blur(64px);
    pointer-events: none;
    position: absolute;
}
.okko__fourth:before {
    height: 193px;
    left: 50%;
    top: 35%;
    -webkit-transform: translate3d(70%, 0, 0) rotate(20deg);
    transform: translate3d(70%, 0, 0) rotate(20deg);
    width: 486px;
}
@media (max-width: 768px) {
    .okko__fourth:before {
        background: -webkit-linear-gradient(186.13deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
        background: -o-linear-gradient(186.13deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
        background: linear-gradient(263.87deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
        bottom: 150px;
        -webkit-filter: blur(64px);
        filter: blur(64px);
        height: 255px;
        left: -486px;
        opacity: 0.8;
        top: auto;
        -webkit-transform: rotate(11.91deg) translateZ(0);
        transform: rotate(11.91deg) translateZ(0);
        width: 601px;
    }
}
.okko__fourth:after {
    height: 193px;
    left: 50%;
    top: 70%;
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0);
    width: 486px;
}
@media (max-width: 768px) {
    .okko__fourth:after {
        background: -webkit-linear-gradient(186.13deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
        background: -o-linear-gradient(186.13deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
        background: linear-gradient(263.87deg, #5d0ef5 14.9%, rgba(93, 14, 245, 0) 92.69%);
        -webkit-filter: blur(64px);
        filter: blur(64px);
        height: 455px;
        opacity: 0.8;
        right: -186px;
        top: 205px;
        -webkit-transform: rotate(-11.91deg) translateZ(0);
        transform: rotate(-11.91deg) translateZ(0);
        width: 601px;
    }
}
.okko__fourth h2 {
    font-family: var(--font-okko);
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 150px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .okko__fourth h2 {
        font-size: 35px;
        -webkit-hyphens: manual !important;
        -ms-hyphens: manual !important;
        hyphens: manual !important;
        line-height: 48px;
        margin-bottom: 50px;
    }
}
@media (max-width: 374px) {
    .okko__fourth h2 {
        font-size: 30px;
        line-height: 44px;
    }
}
.okko__fourth > * {
    position: relative;
    z-index: 1;
}
.okko__steps {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 150px;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 1140px) {
    .okko__steps {
        margin-bottom: 280px;
    }
}
@media (max-width: 768px) {
    .okko__steps {
        margin-bottom: 50px;
    }
}
.okko-steps__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .okko-steps__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.okko-steps__item:first-child .okko-steps-item__desc:after {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/arrow-1.svg) 50% 50% no-repeat;
    content: "";
    height: 55px;
    position: absolute;
    right: -10px;
    top: -50px;
    width: 171px;
}
@media (max-width: 768px) {
    .okko-steps__item:first-child .okko-steps-item__desc:after {
        background: url(/bitrix/templates/c4g/css/../pictures/okko/arrow-3.svg) 50% 50% no-repeat;
        height: 107px;
        left: -145px;
        right: auto;
        top: 20px;
        width: 29px;
    }
}
.okko-steps__item:nth-child(2) .okko-steps-item__desc:after {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/arrow-2.svg) 50% 50% no-repeat;
    bottom: -70px;
    content: "";
    height: 55px;
    position: absolute;
    right: -50px;
    width: 171px;
}
@media (max-width: 768px) {
    .okko-steps__item:nth-child(2) .okko-steps-item__desc:after {
        background: url(/bitrix/templates/c4g/css/../pictures/okko/arrow-3.svg) 50% 50% no-repeat;
        height: 107px;
        left: -145px;
        right: auto;
        top: 35px;
        width: 29px;
    }
}
.okko-steps-item__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .okko-steps-item__back {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 50px;
    }
}
.okko-steps-item__number {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 78px;
    flex: 0 0 78px;
    margin: 0 30px 0 0;
    max-width: 78px;
    width: 100%;
}
@media (max-width: 768px) {
    .okko-steps-item__number {
        margin: 0 20px 0 0;
    }
}
.okko-steps-item__number span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--okko-aion-year);
    border-radius: 50%;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-okko);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    height: 78px;
    justify-content: center;
    line-height: 1;
    padding-top: 8px;
    width: 78px;
}
.okko-steps-item__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    padding-right: 30px;
    position: relative;
}
@media (max-width: 1280px) {
    .okko-steps-item__desc {
        font-size: 16px;
        line-height: 22px;
        padding-right: 10px;
    }
}
.okko-steps-item__desc a {
    color: var(--white);
    font-weight: 700;
    text-decoration: none;
}
.okko-steps-item__desc a span {
    position: relative;
}
.okko-steps-item__desc a span:after {
    background-color: var(--okko-aion-year);
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}
.okko-steps-item__desc strong {
    font-weight: 700;
}
.okko-subscribe__class {
    height: 468px;
    left: -286px;
    position: absolute;
    top: -140px;
    width: 487px;
}
@media (min-width: 1140px) {
    .okko-subscribe__class.okko__append {
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg);
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transition: 1s ease 1s;
        -o-transition: 1s ease 1s;
        transition: 1s ease 1s;
    }
    .okko-subscribe__class.okko__append.active {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
.okko-subscribe__class svg {
    height: 100%;
    width: 100%;
}
@media (max-width: 1140px) {
    .okko-subscribe__class {
        height: 380px;
        left: 50%;
        top: -205px;
        -webkit-transform: translate(-50%) rotate(54deg);
        -ms-transform: translate(-50%) rotate(54deg);
        transform: translate(-50%) rotate(54deg);
        width: 406px;
    }
}
@media (max-width: 1140px) and (min-width: 1140px) {
    .okko-subscribe__class.okko__append {
        -webkit-transform: translate(-50%) rotate(34deg);
        -ms-transform: translate(-50%) rotate(34deg);
        transform: translate(-50%) rotate(34deg);
        -webkit-transition: 1s ease 1s;
        -o-transition: 1s ease 1s;
        transition: 1s ease 1s;
    }
    .okko-subscribe__class.okko__append.active {
        -webkit-transform: translate(-50%) rotate(54deg);
        -ms-transform: translate(-50%) rotate(54deg);
        transform: translate(-50%) rotate(54deg);
    }
}
.okko__subscribe {
    margin: 0 auto 120px;
    max-width: 866px;
    position: relative;
}
@media (max-width: 768px) {
    .okko__subscribe {
        margin-bottom: 90px;
    }
}
.okko__subscribe .lc__subscribe {
    position: relative;
    z-index: 1;
}
.okko__subscribe .lc__subscribe:after,
.okko__subscribe .lc__subscribe:before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: -1;
}
@media (max-width: 1140px) {
    .okko__subscribe .lc__subscribe:after,
    .okko__subscribe .lc__subscribe:before {
        display: none;
    }
}
.okko__subscribe .lc__subscribe:before {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/fourth-pic1.png) 50% 50% no-repeat;
    height: 637px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate3d(6%, -66%, 0);
    transform: translate3d(6%, -66%, 0);
    width: 882px;
}
.okko__subscribe .lc__subscribe:after {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/fourth-pic2.png) 50% 50% no-repeat;
    bottom: 100%;
    height: 408px;
    left: 100%;
    -webkit-transform: translate3d(26%, -22%, 0);
    transform: translate3d(26%, -22%, 0);
    width: 350px;
}
.okko__subscribe .lc-subscribe__block {
    background: #121212;
    margin: 0;
}
.okko__subscribe .lc-subscribe__header {
    font-weight: 700;
}
.okko__subscribe .lc-subscribe__header:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 6 4 4 8-8' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 12px;
    margin: 3px 10px 0 0;
    width: 16px;
}
.okko__subscribe .lc-subscribe__desc {
    color: var(--white);
}
.okko__subscribe .lc-subscribe__item {
    background: -webkit-radial-gradient(105.33% 21.62%, 55.33% 207.84%, #2c2b2f 0, #000 64.89%);
    background: -o-radial-gradient(105.33% 21.62%, 55.33% 207.84%, #2c2b2f 0, #000 64.89%);
    background: radial-gradient(55.33% 207.84% at 105.33% 21.62%, #2c2b2f 0, #000 64.89%);
}
@media (max-width: 768px) {
    .okko__subscribe .lc-subscribe__item {
        padding: 20px;
    }
}
@media (max-width: 374px) {
    .okko__subscribe .lc-subscribe__item {
        padding: 10px;
    }
}
@media (max-width: 768px) {
    .okko__subscribe .lc-subscribe-item__back:before {
        background: #6606c9;
        bottom: auto;
        height: 2px;
        left: 20px;
        opacity: 0.2;
        right: 20px;
        top: 65px;
    }
}
@media (max-width: 768px) and (max-width: 374px) {
    .okko__subscribe .lc-subscribe-item__back:before {
        left: 10px;
        right: 10px;
        top: 55px;
    }
}
@media (max-width: 768px) {
    .okko__subscribe .lc-subscribe-item__logo {
        -webkit-box-flex: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        margin-bottom: 20px;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .okko__subscribe .lc-subscribe-item__logo .icon-logo-okko {
        height: 26px;
        margin-bottom: 5px;
        margin-top: 5px;
        width: 72px;
    }
}
.okko__subscribe .lc-subscribe-item__date .lc-subscribe-item__label {
    font-weight: 600;
}
@media (max-width: 768px) {
    .okko__subscribe .lc-subscribe-item__date {
        -webkit-box-flex: 1;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -ms-flex: auto;
        flex: auto;
        max-width: -webkit-calc(58.33333% - 60px);
        max-width: calc(58.33333% - 60px);
        padding-bottom: 10px;
        padding-left: 0;
    }
    .okko__subscribe .lc-subscribe-item__date .lc-subscribe-item-date__back {
        display: block;
        text-align: right;
    }
    .okko__subscribe .lc-subscribe-item__days {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-bottom: 0;
    }
}
.okko__subscribe .lc-subscribe-item-days__icon {
    --bg-1: var(--okko-color);
}
.okko__subscribe .lc-subscribe-item__price .lc-subscribe-item__label {
    font-weight: 600;
}
@media (max-width: 768px) {
    .okko__subscribe .lc-subscribe-item__price {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.okko__subscribe .lc-subscribe-item__price:after {
    border-left-color: rgba(102, 6, 201, 0.2);
}
@media (max-width: 768px) {
    .okko__subscribe .lc-subscribe-item__buy {
        -webkit-box-flex: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        justify-content: flex-end;
        max-width: 58.33333%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 4px;
        width: 100%;
    }
}
.okko__subscribe .lc-subscribe-item__buy:after,
.okko__subscribe .lc-subscribe-item__buy:before {
    border-left-color: rgba(102, 6, 201, 0.2);
}
.okko__subscribe .lc-subscribe-item__buy .btn-primary-border {
    border-color: var(--okko-color);
    font-size: 12px;
    font-weight: 600;
    padding-top: 9px;
    text-transform: uppercase;
}
.okko__subscribe .lc-subscribe-item__buy .btn-primary-border .subscribe-label {
    white-space: nowrap;
}
.okko__subscribe .lc-subscribe-item__buy .btn-primary-border:hover {
    background-color: rgba(102, 6, 201, 0.75);
}
@media (max-width: 768px) {
    .okko__subscribe .lc-subscribe-item__delete {
        display: none;
    }
}
.okko__subscribe .lc-subscribe-item__delete .btn-primary-no-border:hover {
    background-color: rgba(102, 6, 201, 0.75);
    border-color: var(--okko-color);
}
.okko__subscribe .lc-subscribe-bonus__desc {
    color: var(--white);
}
@media (max-width: 374px) {
    .okko__subscribe .lc-subscribe-bonus__desc {
        padding: 10px 15px;
    }
}
.okko__subscribe .lc-subscribe-bonus__desc:before {
    background: var(--white);
}
@media (max-width: 374px) {
    .okko__subscribe .lc-subscribe-bonus__icon:first-child {
        padding-left: 15px;
    }
}
.okko__fifth {
    background: none;
    min-height: auto;
    overflow: hidden;
    position: relative;
}
.okko__fifth:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(hsla(0, 0%, 52%, 0.5)));
    background: -webkit-linear-gradient(top, #000, hsla(0, 0%, 52%, 0.5));
    background: -o-linear-gradient(top, #000 0, hsla(0, 0%, 52%, 0.5) 100%);
    background: linear-gradient(180deg, #000, hsla(0, 0%, 52%, 0.5));
    content: "";
    -webkit-filter: blur(64px);
    filter: blur(64px);
    height: 507px;
    left: 50%;
    position: absolute;
    top: 100%;
    -webkit-transform: translate3d(-50%, -100px, 0);
    transform: translate3d(-50%, -100px, 0);
    width: 2819px;
}
.okko-fifth__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.okko-fifth__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    max-width: 91.66667%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 100px;
    position: relative;
    width: 100%;
    z-index: 1;
}
@media (max-width: 1600px) {
    .okko-fifth__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1140px) {
    .okko-fifth__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .okko-fifth__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        font-size: 16px;
        line-height: 26px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
        width: 100%;
    }
}
.okko-fifth__desc h2 {
    font-family: var(--font-okko);
    font-size: 30px;
    font-weight: 700;
    line-height: 51px;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .okko-fifth__desc h2 {
        font-size: 26px;
        line-height: 38px;
        padding-right: 20%;
    }
}
.okko-fifth__desc p {
    margin: 0 0 25px;
    max-width: 480px;
}
@media (max-width: 1140px) {
    .okko-fifth__desc p {
        max-width: 100%;
    }
}
.okko-fifth__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px;
}
.okko-fifth-text__left {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .okko-fifth-text__left {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.okko-fifth-text__right {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .okko-fifth-text__right {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.okko-fifth__icons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px 16px;
}
.okko-fifth-icons__item,
.okko-fifth__icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.okko-fifth-icons__item {
    height: 36px;
    margin-bottom: 20px;
    padding: 0 20px;
}
.okko-fifth-icons__item img {
    display: block;
}
@media (max-width: 768px) {
    .okko-fifth-icons__item.okko-fhd {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .okko-fifth-icons__item.okko-3d {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .okko-fifth-icons__item.okko-4k {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .okko-fifth-icons__item.okko-8k {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .okko-fifth-icons__item.okko-hdr {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .okko-fifth-icons__item.okko-dolby {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .okko-fifth-icons__item.okko-atmos {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
}
.okko-fifth__smart {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    z-index: 0;
}
.okko-fifth__smart:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#5d0ef5), to(rgba(93, 14, 245, 0)));
    background: -webkit-linear-gradient(top, #5d0ef5, rgba(93, 14, 245, 0));
    background: -o-linear-gradient(top, #5d0ef5 0, rgba(93, 14, 245, 0) 100%);
    background: linear-gradient(180deg, #5d0ef5, rgba(93, 14, 245, 0));
    content: "";
    -webkit-filter: blur(64px);
    filter: blur(64px);
    height: 586px;
    opacity: 0.6;
    position: absolute;
    -webkit-transform: translate3d(-150px, -55px, 0) rotate(-30deg);
    transform: translate3d(-150px, -55px, 0) rotate(-30deg);
    width: 770px;
    z-index: -1;
}
.okko-fifth__smart img {
    border-radius: 10px;
    height: auto;
    margin-right: -262px;
    max-width: 100%;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .okko-fifth__smart img {
        margin-right: -100px;
        max-width: 520px;
    }
}
.okko-fifth__bottom {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, 0.5);
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 90px;
    margin-top: -100px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    z-index: 1;
}
@media (max-width: 768px) {
    .okko-fifth__bottom {
        margin-top: 70px;
    }
}
.okko__promo {
    color: var(--white);
    font-family: var(--font-okko);
    min-height: 1080px;
    overflow: hidden;
    padding-bottom: 74px;
    padding-top: 114px;
    position: relative;
    z-index: 1;
}
@media (max-width: 767px) {
    .okko__promo {
        padding-top: 240px;
    }
    .okko__promo[data-type="pb"],
    .okko__promo[data-type="pubg"],
    .pb__content .okko__promo,
    .pubg__content .okko__promo {
        padding-top: 160px;
    }
}
@media (max-width: 374px) {
    .okko__promo[data-type="pb"],
    .pb__content .okko__promo {
        padding-top: 120px;
    }
}
.pb__content .okko__promo {
    margin-bottom: 80px;
}
.okko__promo:before {
    background: var(--white);
    content: "";
    height: 5px;
    opacity: 0.2;
    z-index: 2;
}
.okko-promo__bg,
.okko__promo:before {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.okko-promo__bg {
    background-color: #17161c;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    min-height: 1080px;
    pointer-events: none;
    z-index: -1;
}
#okko-aion .okko-promo__bg {
    background-color: #1c0658;
}
@media (max-width: 1280px) {
    .okko-promo__bg {
        bottom: 0;
        height: auto;
        min-height: auto;
    }
}
@media (max-width: 768px) {
    .okko-promo__bg {
        background-position: 60% 0;
    }
}
.okko-promo__stars {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/stars-min.png) 50% 50% no-repeat;
    background-size: cover;
    height: 1064px;
    margin-left: -944px;
    margin-top: -532px;
    width: 1888px;
}
.okko-promo__bubbles,
.okko-promo__stars {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
}
.okko-promo__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/bubbles-min.png) 50% 50% no-repeat;
    background-size: cover;
    height: 974px;
    margin-left: -905px;
    margin-top: -487px;
    width: 1810px;
}
#okko-pb .okko-promo__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/bubbles-pb-min.png) 50% 50% no-repeat;
}
#okko-pubg .okko-promo__bubbles {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/bubbles-pubg-min.png) 50% 50% no-repeat;
    height: 976px;
    margin-left: -877.5px;
    margin-top: -488px;
    width: 1755px;
}
.okko-promo__blots {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/pubg-bg-blots-min.png) 50% 50% no-repeat;
    background-size: cover;
    height: 968px;
    margin-left: -1214px;
    width: 2428px;
}
.okko-promo__blots,
.okko-promo__geo {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 0;
}
.okko-promo__geo {
    background: url(/bitrix/templates/c4g/css/../pictures/okko/pubg-bg-geo-min.png) 50% 50% no-repeat;
    background-size: cover;
    height: 1179px;
    margin-left: -1165.5px;
    width: 2331px;
}
.okko-promo__games {
    height: 1010px;
    margin-left: -927px;
    margin-top: -505px;
    width: 1854px;
}
.okko-promo__games,
.okko-promo__lines {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
}
.okko-promo__lines {
    height: 897px;
    margin-left: -865px;
    margin-top: -448.5px;
    width: 1730px;
}
#okko-pb .okko-promo__lines {
    height: 932px;
    margin-left: -928.5px;
    margin-top: -466px;
    top: 47%;
    width: 1857px;
}
.okko-promo__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-family: var(--font-okko);
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 20px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 2;
}
@media (max-width: 767px) {
    .okko-promo__header {
        font-size: 35px;
        line-height: 43px;
    }
}
.okko-promo__content {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.okko-promo__content .visible-scroll {
    padding-bottom: 30px;
}
@media (max-width: 768px) {
    .okko-promo__content .do-nicescroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 -15px 25px;
        z-index: 10;
    }
    .okko-promo__content .do-nicescroll .nicescroll-rails-hr {
        border-radius: 10px;
        left: 20px !important;
        overflow: hidden;
        right: 20px !important;
        width: auto !important;
    }
}
@media (max-width: 1024px) {
    .okko-promo__content .do-nicescroll .nicescroll-rails-hr {
        background: #383838;
    }
    [data-type="aion"] .okko-promo__content .do-nicescroll .nicescroll-rails-hr {
        background: rgba(44, 22, 92, 0.8);
    }
}
[data-type="pubg"] .okko-promo__content .nicescroll-cursors {
    background-color: var(--pubg-color) !important;
}
[data-type="l2"] .okko-promo__content .nicescroll-cursors {
    background-color: #fdd657 !important;
}
[data-type="aion"] .okko-promo__content .nicescroll-cursors {
    background-color: #b291f6 !important;
}
.okko-promo__content ul.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
    padding: 0;
}
@media (max-width: 768px) {
    .okko-promo__content ul.nav-tabs {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 0;
    }
}
.okko-promo__content ul.nav-tabs:after {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    content: "";
    display: block;
    order: 0;
    width: 100%;
}
.okko-promo__content ul.nav-tabs li {
    list-style-type: none;
    margin-right: 5px;
    padding: 0;
}
@media (max-width: 1024px) {
    .okko-promo__content ul.nav-tabs li:first-child {
        margin-left: 15px;
    }
}
.okko-promo__content ul.nav-tabs li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: hsla(0, 0%, 100%, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-rubik);
    font-size: 22px;
    font-weight: 500;
    height: 45px;
    opacity: 1;
    padding: 0 18px;
    position: relative;
    text-shadow: 1.92px 1.92px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    -webkit-transition: var(--transition03-color);
    -o-transition: var(--transition03-color);
    transition: var(--transition03-color);
    white-space: nowrap;
    z-index: 1;
}
.okko-promo__content ul.nav-tabs li a:after {
    display: none;
}
.okko-promo__content ul.nav-tabs li a:before {
    background: hsla(0, 0%, 100%, 0.11);
    border-radius: 5px;
    bottom: 0;
    content: "";
    height: auto;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-14deg, 0) translateZ(0);
    transform: skew(-14deg, 0) translateZ(0);
    -webkit-transition: var(--transition03-background);
    -o-transition: var(--transition03-background);
    transition: var(--transition03-background);
    width: auto;
    z-index: -1;
}
@media (max-width: 768px) {
    .okko-promo__content ul.nav-tabs li a:before {
        display: block;
    }
}
.okko-promo__content ul.nav-tabs li a.active,
.okko-promo__content ul.nav-tabs li a:hover {
    color: var(--black);
    text-shadow: none;
}
.okko-promo__content ul.nav-tabs li a.active:before,
.okko-promo__content ul.nav-tabs li a:hover:before {
    background: #fdd657;
}
.okko-promo__content ul.nav-tabs[data-type="aion"] li a {
    color: hsla(0, 0%, 100%, 0.4);
    text-shadow: 1.92px 1.92px 0 rgba(0, 0, 0, 0.1);
}
.okko-promo__content ul.nav-tabs[data-type="aion"] li a:before {
    background: hsla(0, 0%, 100%, 0.11);
}
.okko-promo__content ul.nav-tabs[data-type="aion"] li a.active,
.okko-promo__content ul.nav-tabs[data-type="aion"] li a:hover {
    color: var(--white);
}
.okko-promo__content ul.nav-tabs[data-type="aion"] li a.active:before,
.okko-promo__content ul.nav-tabs[data-type="aion"] li a:hover:before {
    background: #5d0ef5;
}
.okko-promo__content ul.nav-tabs[data-type="pb"] li a {
    color: hsla(0, 0%, 100%, 0.4);
    text-shadow: none;
}
.okko-promo__content ul.nav-tabs[data-type="pb"] li a:before {
    background: hsla(0, 0%, 100%, 0.11);
}
.okko-promo__content ul.nav-tabs[data-type="pb"] li a.active,
.okko-promo__content ul.nav-tabs[data-type="pb"] li a:hover {
    color: var(--black);
}
.okko-promo__content ul.nav-tabs[data-type="pb"] li a.active:before,
.okko-promo__content ul.nav-tabs[data-type="pb"] li a:hover:before {
    background: var(--pointblank-color-1);
}
.okko-promo__content ul.nav-tabs[data-type="pubg"] li a {
    color: hsla(0, 0%, 100%, 0.4);
    text-shadow: none;
}
.okko-promo__content ul.nav-tabs[data-type="pubg"] li a:before {
    background: hsla(0, 0%, 100%, 0.11);
}
.okko-promo__content ul.nav-tabs[data-type="pubg"] li a.active,
.okko-promo__content ul.nav-tabs[data-type="pubg"] li a:hover {
    color: var(--black);
}
.okko-promo__content ul.nav-tabs[data-type="pubg"] li a.active:before,
.okko-promo__content ul.nav-tabs[data-type="pubg"] li a:hover:before {
    background: var(--pubg-color);
}
.okko-promo__content #okko-pubg:after {
    background: hsla(0, 0%, 100%, 0.2);
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
}
.okko-promo__content #okko-pubg > .okko-promo__desc .okko-promo__logo {
    top: -30px;
}
.okko-promo__content #okko-pubg > .okko-promo__desc .okko-promo__logo img {
    width: 394px;
}
@media (max-width: 1280px) and (min-width: 768px) {
    .okko-promo__content #okko-pubg > .okko-promo__desc .okko-promo__logo {
        top: 0;
    }
    .okko-promo__content #okko-pubg > .okko-promo__desc .okko-promo__logo img {
        width: 314px;
    }
}
@media (max-width: 768px) {
    .okko-promo__content #okko-pubg > .okko-promo__desc .okko-promo__logo {
        top: 40px;
    }
    .okko-promo__content #okko-pubg > .okko-promo__desc .okko-promo__logo img {
        width: 310px;
    }
}
@media (max-width: 1280px) and (min-width: 768px) {
    .okko-promo__content #okko-l2 > .okko-promo__desc .okko-promo__logo {
        top: 0;
    }
    .okko-promo__content #okko-aion > .okko-promo__desc .okko-promo__logo {
        top: -40px;
    }
}
.okko-promo__content #okko-aion > .okko-promo-slider__desc {
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 1280px) and (min-width: 768px) {
    .okko-promo__content #okko-pb > .okko-promo__desc .okko-promo__logo {
        top: -40px;
    }
}
.okko-promo__desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 35px;
    max-width: 820px;
    position: relative;
}
@media (max-width: 1280px) {
    .okko-promo__desc {
        max-width: 50%;
    }
}
@media (max-width: 1140px) {
    .okko-promo__desc {
        font-size: 18px;
        line-height: 32px;
    }
}
@media (max-width: 1024px) {
    .okko-promo__desc {
        max-width: 60%;
    }
}
@media (max-width: 767px) {
    .okko-promo__desc {
        font-size: 16px;
        line-height: 26px;
        max-width: 100%;
        position: static;
    }
}
.okko-promo__desc strong {
    font-weight: 700;
}
@media (max-width: 768px) {
    #okko-pubg .okko-promo__desc br {
        display: none;
    }
}
.okko-promo__pic {
    left: 100%;
    pointer-events: none;
    position: absolute;
    top: 20px;
}
@media (max-width: 1280px) {
    .okko-promo__pic {
        display: none;
    }
}
.okko-promo__logo {
    left: 100%;
    margin: 0 0 0 200px;
    pointer-events: none;
    position: absolute;
    top: -80px;
}
@media (max-width: 1600px) {
    .okko-promo__logo {
        margin: 0 0 0 70px;
    }
}
@media (max-width: 1140px) {
    .okko-promo__logo {
        top: -40px;
    }
    .okko-promo__logo img {
        max-width: 330px;
    }
}
@media (max-width: 1024px) {
    .okko-promo__logo {
        margin: 0 0 0 30px;
        top: 0;
    }
    .okko-promo__logo img {
        max-width: 260px;
    }
}
@media (max-width: 767px) {
    .okko-promo__logo {
        left: 15px;
        margin: 0;
        right: 15px;
        top: 60px;
    }
    .okko-promo__logo img {
        max-width: 100%;
        width: 400px;
    }
}
@media (max-width: 414px) {
    .okko-promo__logo {
        top: 90px;
    }
}
#okko-aion .okko-promo__logo {
    margin: 0 0 0 160px;
    top: 80px;
}
@media (max-width: 1280px) {
    #okko-aion .okko-promo__logo {
        margin: 0 0 0 140px;
        top: -80px;
    }
    #okko-aion .okko-promo__logo img {
        max-width: 180px;
    }
}
@media (max-width: 767px) {
    #okko-aion .okko-promo__logo {
        left: 15px;
        margin: 0;
        right: 15px;
        top: 30px;
        top: 10px;
    }
    #okko-aion .okko-promo__logo img {
        max-width: 100%;
        width: 220px;
    }
}
@media (max-width: 414px) {
    #okko-aion .okko-promo__logo {
        top: 10px;
    }
}
#okko-pb .okko-promo__logo {
    margin: 0 0 0 -40px;
}
@media (max-width: 1280px) {
    #okko-pb .okko-promo__logo {
        margin: 0 0 0 -40px;
    }
    #okko-pb .okko-promo__logo img {
        max-width: 380px;
    }
}
@media (max-width: 414px) {
    #okko-pb .okko-promo__logo {
        top: 30px;
    }
}
@media (max-width: 374px) {
    #okko-pb .okko-promo__logo {
        margin: 0 0 0 -30px;
    }
    #okko-pb .okko-promo__logo img {
        width: 300px;
    }
}
#okko-pubg .okko-promo__logo {
    margin: 0 0 0 100px;
}
@media (max-width: 1280px) {
    #okko-pubg .okko-promo__logo {
        margin: 0 0 0 30px;
    }
    #okko-pubg .okko-promo__logo img {
        max-width: 380px;
    }
}
@media (max-width: 414px) {
    #okko-pubg .okko-promo__logo {
        top: 30px;
    }
}
@media (max-width: 374px) {
    #okko-pubg .okko-promo__logo {
        margin: 0 0 0 -30px;
    }
    #okko-pubg .okko-promo__logo img {
        width: 300px;
    }
}
.okko-promo__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.okko-promo__slider .ea-slider__block {
    font-family: var(--font-rubik);
    margin-bottom: 25px;
}
@media (min-width: 768px) {
    .okko-promo__slider .ea-slider__block {
        height: 564px;
    }
}
.okko-promo__slider .ea-slider__block .swiper-scrollbar {
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 6px;
    bottom: -20px;
    height: 11px;
    left: 15px;
    right: 15px;
    width: auto;
}
#okko-aion .okko-promo__slider .ea-slider__block .swiper-scrollbar {
    background: rgba(44, 22, 92, 0.2);
}
.okko-promo__slider .ea-slider__block .swiper-scrollbar-drag {
    background: #f7b107;
    border-radius: 6px;
    height: 11px;
}
#okko-aion .okko-promo__slider .ea-slider__block .swiper-scrollbar-drag {
    background-color: #b291f6;
}
.okko-promo-slider__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .okko-promo-slider__desc {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 20px;
    }
}
.okko-promo-slider__desc p {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    color: var(--white);
    display: block;
    font-family: var(--font-okko);
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 8px 34px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 1280px) {
    .okko-promo-slider__desc p {
        margin: 0 auto;
        width: 868px;
    }
}
@media (max-width: 768px) {
    .okko-promo-slider__desc p {
        padding: 8px 15px;
    }
}
@keyframes skew {
    0% {
        opacity: 0.9;
        -webkit-transform: skew(20deg);
        transform: skew(20deg);
    }
    20% {
        opacity: 0.7;
        -webkit-transform: skew(-40deg);
        transform: skew(-40deg);
    }
    40% {
        opacity: 0.9;
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    60% {
        opacity: 0.6;
        -webkit-transform: skew(-40deg);
        transform: skew(-40deg);
    }
    80% {
        opacity: 1;
        -webkit-transform: skew(40deg);
        transform: skew(40deg);
    }
    to {
        opacity: 0.9;
        -webkit-transform: skew(-20deg);
        transform: skew(-20deg);
    }
}
@-webkit-keyframes pulseArrow {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) scale(0.5);
        transform: translateZ(0) scale(0.5);
    }
    20% {
        opacity: 1;
        -webkit-transform: translate3d(0, 10%, 0) scale(1);
        transform: translate3d(0, 10%, 0) scale(1);
    }
    40% {
        opacity: 0.8;
        -webkit-transform: translate3d(0, 40%, 0) scale(1.05);
        transform: translate3d(0, 40%, 0) scale(1.05);
    }
    60% {
        opacity: 0.6;
        -webkit-transform: translate3d(0, 60%, 0) scale(0.95);
        transform: translate3d(0, 60%, 0) scale(0.95);
    }
    80% {
        opacity: 0.5;
        -webkit-transform: translate3d(0, 80%, 0) scale(1);
        transform: translate3d(0, 80%, 0) scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) scale(1);
        transform: translate3d(0, 100%, 0) scale(1);
    }
}
@keyframes pulseArrow {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) scale(0.5);
        transform: translateZ(0) scale(0.5);
    }
    20% {
        opacity: 1;
        -webkit-transform: translate3d(0, 10%, 0) scale(1);
        transform: translate3d(0, 10%, 0) scale(1);
    }
    40% {
        opacity: 0.8;
        -webkit-transform: translate3d(0, 40%, 0) scale(1.05);
        transform: translate3d(0, 40%, 0) scale(1.05);
    }
    60% {
        opacity: 0.6;
        -webkit-transform: translate3d(0, 60%, 0) scale(0.95);
        transform: translate3d(0, 60%, 0) scale(0.95);
    }
    80% {
        opacity: 0.5;
        -webkit-transform: translate3d(0, 80%, 0) scale(1);
        transform: translate3d(0, 80%, 0) scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) scale(1);
        transform: translate3d(0, 100%, 0) scale(1);
    }
}
@-webkit-keyframes borderdraw2 {
    0% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
        transform: translate3d(-50%, -50%, 0) scale(0);
    }
    to {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0.6);
        transform: translate3d(-50%, -50%, 0) scale(0.6);
    }
}
@keyframes borderdraw2 {
    0% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
        transform: translate3d(-50%, -50%, 0) scale(0);
    }
    to {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0.6);
        transform: translate3d(-50%, -50%, 0) scale(0.6);
    }
}
.sberzvuk__block {
    background: #030153;
    color: var(--white);
    font-family: var(--font-sb-sans);
}
.sberzvuk__block .breadcrumbs {
    margin-bottom: 90px;
}
@media (max-width: 1140px) {
    .sberzvuk__block .breadcrumbs {
        margin-bottom: 55px;
    }
}
@media (max-width: 768px) {
    .sberzvuk__block .breadcrumbs {
        margin-bottom: 40px;
    }
}
.sberzvuk__block .breadcrumbs ul {
    font-weight: 600;
}
.sberzvuk__block .go-down {
    bottom: 90px;
    left: 50%;
    margin: 0 0 0 -12px;
    position: absolute;
}
@media (max-width: 1140px) {
    .sberzvuk__block .go-down {
        bottom: 40px;
    }
}
.sberzvuk__first {
    background: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-1.jpg) 50% 100% no-repeat;
    min-height: 100vh;
    padding-bottom: 150px;
    padding-top: 30px;
    position: relative;
}
@media (max-width: 768px) {
    .sberzvuk__first {
        padding-bottom: 120px;
    }
}
.sberzvuk-first__row {
    display: grid;
    grid-template-columns: repeat(12, 8.33333%);
    margin-left: -15px;
    margin-right: -15px;
}
.sberzvuk-first__logo {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    grid-column-end: span 12;
    grid-column-start: 1;
    margin-bottom: 65px;
    order: -2;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 768px) {
    .sberzvuk-first__logo {
        margin-bottom: 35px;
    }
}
.sberzvuk-first__desc {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    grid-column-end: span 5;
    grid-column-start: 1;
    order: -1;
    padding-left: 15px;
    padding-right: 0;
}
@media (max-width: 1140px) {
    .sberzvuk-first__desc {
        grid-column-end: span 5;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-first__desc {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.sberzvuk-first__desc2 {
    grid-column-end: span 5;
    grid-column-start: 1;
    padding-left: 15px;
    padding-right: 0;
}
@media (max-width: 1140px) {
    .sberzvuk-first__desc2 {
        grid-column-end: span 5;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-first__desc2 {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.sberzvuk-first__desc3 {
    grid-column-end: span 5;
    grid-column-start: 1;
    padding-left: 15px;
    padding-right: 0;
}
@media (max-width: 1140px) {
    .sberzvuk-first__desc3 {
        grid-column-end: span 8;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-first__desc3 {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.sberzvuk-first__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}
@media (max-width: 1140px) {
    .sberzvuk-first__text {
        font-size: 16px;
        line-height: 30px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-first__text {
        line-height: 28px;
    }
}
.sberzvuk-first__text p {
    margin: 0 0 30px;
}
.sberzvuk-first__button {
    grid-column-end: span 12;
    grid-column-start: 1;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}
@media (max-width: 768px) {
    .sberzvuk-first__button {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
}
.sberzvuk-first__button .btn {
    font-size: 18px;
    font-weight: 600;
    height: 58px;
    line-height: 18px;
    width: 275px;
}
.sberzvuk-first__button .btn-primary {
    -webkit-backdrop-filter: blur(19px);
    backdrop-filter: blur(19px);
    background: -webkit-linear-gradient(356.18deg, #a733f3 10.07%, rgba(107, 16, 255, 0.72) 99.5%);
    background: -o-linear-gradient(356.18deg, #a733f3 10.07%, rgba(107, 16, 255, 0.72) 99.5%);
    background: linear-gradient(93.82deg, #a733f3 10.07%, rgba(107, 16, 255, 0.72) 99.5%);
    background-size: 200% 100%;
    border-radius: 50px;
    opacity: 1;
    text-transform: uppercase;
}
.sberzvuk-first__button .btn-primary:hover {
    -webkit-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
}
.sberzvuk-first__image {
    grid-column-end: span 12;
    grid-column-start: 7;
    grid-row-end: span 4;
    margin-bottom: -60px;
    margin-top: -30px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .sberzvuk-first__image {
        grid-column-end: span 12;
        grid-column-start: 6;
        grid-row-end: span 3;
        margin-bottom: -40px;
        margin-top: -40px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-first__image {
        grid-column-end: span 12;
        grid-column-start: 1;
        margin: 0 0 50px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.sberzvuk-first__image:before {
    -webkit-animation: zvukRotate 30s linear infinite;
    animation: zvukRotate 30s linear infinite;
    background: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/glow.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
    height: 1038px;
    left: 50%;
    margin-left: -671px;
    margin-top: -610.58824px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 1342px;
    z-index: -1;
}
@media (max-width: 1140px) {
    .sberzvuk-first__image:before {
        height: 700px;
        margin-left: -500px;
        margin-top: -466.66667px;
        width: 1000px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-first__image:before {
        height: 350px;
        margin-left: -350px;
        margin-top: -233.33333px;
        width: 700px;
    }
}
.sberzvuk-first__image img {
    height: auto;
    max-width: 100%;
}
.sberzvuk-first__image picture {
    display: block;
    margin-right: -12px;
    position: relative;
}
@media (max-width: 1140px) {
    .sberzvuk-first__image picture {
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    .sberzvuk-first__image picture {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
}
.sberzvuk__second {
    background: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/second-glow-min.jpg) 50% 100% no-repeat #030153;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 200px;
    padding-top: 170px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .sberzvuk__second {
        padding-bottom: 120px;
        padding-top: 80px;
    }
}
.sberzvuk-second__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/dots_and_stars.png) 50% 50% no-repeat;
    height: 1080px;
    left: 50%;
    margin-left: -777.5px;
    margin-top: -540px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1555px;
    z-index: -1;
}
.sberzvuk-second__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 100px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .sberzvuk-second__desc {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 50px;
    }
}
.sberzvuk-second__desc .h2,
.sberzvuk-second__desc h2 {
    font-size: 45px;
    font-weight: 600;
    line-height: 59px;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .sberzvuk-second__desc .h2,
    .sberzvuk-second__desc h2 {
        font-size: 35px;
        line-height: 45px;
    }
}
.sberzvuk-second__desc p {
    max-width: 55%;
}
@media (max-width: 1140px) {
    .sberzvuk-second__desc p {
        max-width: 70%;
    }
}
@media (max-width: 768px) {
    .sberzvuk-second__desc p {
        max-width: 100%;
    }
}
.sberzvuk-second__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    z-index: 1;
}
.sberzvuk-second__slider .swiper {
    overflow: visible;
    padding-bottom: 60px;
}
.sberzvuk-second__slider .swiper-carousel {
    width: 1460px;
}
@media (max-width: 1024px) {
    .sberzvuk-second__slider .swiper-carousel {
        width: 955px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-second__slider .swiper-carousel {
        margin: 0 auto;
        max-width: 450px;
        width: 100%;
    }
}
.sberzvuk-second__slider .swiper-pagination {
    bottom: 0;
    max-width: 1344px;
}
@media (max-width: 1374px) {
    .sberzvuk-second__slider .swiper-pagination {
        max-width: -webkit-calc(100vw - 60px);
        max-width: calc(100vw - 60px);
    }
}
@media (max-width: 768px) {
    .sberzvuk-second__slider .swiper-pagination {
        max-width: 100%;
    }
}
.sberzvuk-second__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-inactive-color: var(--white);
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-bullet-height: 20px;
    --swiper-pagination-bullet-width: 20px;
}
@media (max-width: 1024px) {
    .sberzvuk-second__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-width: 15px;
        --swiper-pagination-bullet-height: 15px;
        --swiper-pagination-bullet-horizontal-gap: 8px;
    }
}
@media (max-width: 374px) {
    .sberzvuk-second__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-width: 12px;
        --swiper-pagination-bullet-height: 12px;
        --swiper-pagination-bullet-horizontal-gap: 4px;
    }
}
.sberzvuk-second__slider .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-opacity: 1;
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    background: #a732f3;
}
.sberzvuk-second__slider .swiper-slide {
    position: relative;
    width: 450px;
    z-index: 1;
}
@media (max-width: 450px) {
    .sberzvuk-second__slider .swiper-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}
.sberzvuk-second-slider__image {
    margin-bottom: 30px;
    position: relative;
}
.sberzvuk-second-slider__image:before {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: "";
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.sberzvuk-second-slider__image.bg-1:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-bluneta-min.png);
    height: 625px;
    width: 850px;
}
.sberzvuk-second-slider__image.bg-2:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-magenta-min.png);
    height: 625px;
    width: 850px;
}
.sberzvuk-second-slider__image.bg-3:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-magenta-2-min.png);
    height: 625px;
    width: 766px;
}
.sberzvuk-second-slider__image.bg-4:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-yeloweta-min.png);
    height: 625px;
    width: 850px;
}
.sberzvuk-second-slider__image.bg-5:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-yeloweta-2-min.png);
    height: 625px;
    width: 850px;
}
.sberzvuk-second-slider__image.bg-6:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-fortnite-min.png);
    height: 625px;
    width: 819px;
}
.sberzvuk-second-slider__image.bg-7:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-doom-min.png);
    height: 625px;
    width: 850px;
}
.sberzvuk-second-slider__image.bg-8:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-lol-min.png);
    height: 625px;
    width: 850px;
}
.sberzvuk-second-slider__image.bg-9:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-ds-min.png);
    height: 625px;
    width: 850px;
}
.sberzvuk-second-slider__image.bg-10:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/bg-gta-min.png);
    height: 625px;
    width: 850px;
}
.sberzvuk-second-slider__image span {
    border-radius: var(--br-20);
    display: block;
    overflow: hidden;
}
.sberzvuk-second-slider__image span img {
    display: block;
    height: auto;
    max-width: 100%;
}
@media (max-width: 768px) {
    .sberzvuk-second-slider__image span img {
        width: 100%;
    }
}
.sberzvuk-second-slider__name {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .sberzvuk-second-slider__name {
        font-size: 17px;
        line-height: 27px;
    }
}
.sberzvuk-second-slider__desc {
    display: block;
    font-size: 18px;
    line-height: 28px;
}
@media (max-width: 768px) {
    .sberzvuk-second-slider__desc {
        font-size: 14px;
        line-height: 21px;
    }
}
.sberzvuk__thrid {
    background: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/thrid-bg-min.jpg) 50% 100% no-repeat #000;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 200px;
    padding-top: 170px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .sberzvuk__thrid {
        padding-bottom: 120px;
        padding-top: 120px;
    }
}
.sberzvuk-thrid__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .sberzvuk-thrid__desc {
        font-size: 16px;
        line-height: 28px;
    }
}
.sberzvuk-thrid__desc h2 {
    font-size: 65px;
    font-weight: 700;
    line-height: 77px;
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    .sberzvuk-thrid__desc h2 {
        font-size: 45px;
        line-height: 53px;
    }
}
.sberzvuk-thrid__desc h3 {
    font-size: 45px;
    font-weight: 600;
    line-height: 59px;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .sberzvuk-thrid__desc h3 {
        font-size: 35px;
        line-height: 45px;
    }
}
.sberzvuk-thrid__desc p {
    margin-bottom: 24px;
    max-width: 70%;
}
@media (max-width: 1140px) {
    .sberzvuk-thrid__desc p {
        max-width: 80%;
    }
}
@media (max-width: 768px) {
    .sberzvuk-thrid__desc p {
        max-width: 100%;
    }
}
.sberzvuk-thrid__desc p.color-1 {
    color: #5ab0ff;
}
.sberzvuk-thrid__desc p.color-2 {
    color: #ff3c8a;
}
.sberzvuk-thrid__desc p.color-3 {
    color: #8253aa;
}
.sberzvuk-thrid__desc p.color-4 {
    color: #515dad;
}
.sberzvuk-thrid__desc p#current-epoch {
    font-weight: 600;
}
.sberzvuk-thrid__slider {
    position: relative;
}
.sberzvuk-thrid__slider img {
    height: 370px;
}
.sberzvuk-thrid-slider__waves {
    margin-top: -30px;
}
.sberzvuk-thrid-slider-waves__image {
    height: 430px;
    overflow: hidden;
    padding: 60px 0 0;
    position: relative;
    width: 4100px;
}
.sberzvuk-thrid-slider-waves__image img {
    display: block;
    height: 370px;
    pointer-events: none;
}
.sberzvuk-thrid-slider-waves__image .year-item {
    opacity: 0.5;
    position: absolute;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.sberzvuk-thrid-slider-waves__image .year-item:after {
    content: "";
    height: 500px;
    left: 0;
    position: absolute;
    right: 0;
    top: -100px;
}
.sberzvuk-thrid-slider-waves__image .year-item.active {
    opacity: 1;
}
.sberzvuk-thrid-slider-waves__image .year-item.active .year-item__dot {
    display: block;
}
.sberzvuk-thrid-slider-waves__image .year-item.color-1 {
    color: #5ab0ff;
}
.sberzvuk-thrid-slider-waves__image .year-item.color-1 .year-item__dot i {
    background: -webkit-radial-gradient(50% 50%, 50% 50%, rgba(109, 176, 249, 0) 72.53%, #5ab0ff 100%);
    background: -o-radial-gradient(50% 50%, 50% 50%, rgba(109, 176, 249, 0) 72.53%, #5ab0ff 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(109, 176, 249, 0) 72.53%, #5ab0ff 100%);
}
.sberzvuk-thrid-slider-waves__image .year-item.color-1 .year-item__dot i:nth-child(4) {
    background: #5ab0ff;
}
.sberzvuk-thrid-slider-waves__image .year-item.color-2 {
    color: #ff3c8a;
}
.sberzvuk-thrid-slider-waves__image .year-item.color-2 .year-item__dot i {
    background: -webkit-radial-gradient(50% 50%, 50% 50%, rgba(109, 176, 249, 0) 72.53%, #ff3c8a 100%);
    background: -o-radial-gradient(50% 50%, 50% 50%, rgba(109, 176, 249, 0) 72.53%, #ff3c8a 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(109, 176, 249, 0) 72.53%, #ff3c8a 100%);
}
.sberzvuk-thrid-slider-waves__image .year-item.color-2 .year-item__dot i:nth-child(4) {
    background: #ff3c8a none repeat scroll 0 0;
}
.sberzvuk-thrid-slider-waves__image .year-item.color-3 {
    color: #8253aa;
}
.sberzvuk-thrid-slider-waves__image .year-item.color-3 .year-item__dot i {
    background: -webkit-radial-gradient(50% 50%, 50% 50%, rgba(109, 176, 249, 0) 72.53%, #8253aa 100%);
    background: -o-radial-gradient(50% 50%, 50% 50%, rgba(109, 176, 249, 0) 72.53%, #8253aa 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(109, 176, 249, 0) 72.53%, #8253aa 100%);
}
.sberzvuk-thrid-slider-waves__image .year-item.color-3 .year-item__dot i:nth-child(4) {
    background: #8253aa none repeat scroll 0 0;
}
.sberzvuk-thrid-slider-waves__image .year-item.color-4 {
    color: #515dad;
}
.sberzvuk-thrid-slider-waves__image .year-item.color-4 .year-item__dot i {
    background: -webkit-radial-gradient(50% 50%, 50% 50%, rgba(109, 176, 249, 0) 72.53%, #515dad 100%);
    background: -o-radial-gradient(50% 50%, 50% 50%, rgba(109, 176, 249, 0) 72.53%, #515dad 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(109, 176, 249, 0) 72.53%, #515dad 100%);
}
.sberzvuk-thrid-slider-waves__image .year-item.color-4 .year-item__dot i:nth-child(4) {
    background: #515dad none repeat scroll 0 0;
}
.sberzvuk-thrid-slider-waves__image .year-item__num {
    cursor: pointer;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
}
.sberzvuk-thrid-slider-waves__image .year-item__dot {
    display: none;
    left: 20px;
    position: absolute;
    top: 50px;
}
.sberzvuk-thrid-slider-waves__image .year-item__dot i {
    -webkit-animation: pulse 1s ease 0.4s infinite normal none running;
    animation: pulse 1s ease 0.4s infinite normal none running;
    background-position: 0 0;
    background-repeat: repeat;
    border-radius: 50%;
    height: 40px;
    left: -1px;
    position: absolute;
    top: -15px;
    width: 40px;
}
.sberzvuk-thrid-slider-waves__image .year-item__dot i:nth-child(2) {
    -webkit-animation: pulse 1s ease 0.3s infinite normal none running;
    animation: pulse 1s ease 0.3s infinite normal none running;
    height: 29px;
    left: 5px;
    top: -10px;
    width: 29px;
}
.sberzvuk-thrid-slider-waves__image .year-item__dot i:nth-child(3) {
    -webkit-animation: pulse 1s ease 0.2s infinite normal none running;
    animation: pulse 1s ease 0.2s infinite normal none running;
    height: 18px;
    left: 11px;
    top: -4px;
    width: 18px;
}
.sberzvuk-thrid-slider-waves__image .year-item__dot i:nth-child(4) {
    cursor: pointer;
    height: 10px;
    left: 0;
    margin-left: 15px;
    top: 0;
    width: 10px;
}
.sberzvuk-thrid-slider__desc {
    margin: -100px 0 0;
    position: relative;
}
.sberzvuk-thrid-slider__info {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.sberzvuk-thrid-slider__year {
    font-size: 105px;
    font-weight: 700;
    line-height: 124px;
    margin-bottom: 30px;
    margin-top: -30px;
    pointer-events: none;
}
@media (max-width: 768px) {
    .sberzvuk-thrid-slider__year {
        font-size: 65px;
        line-height: 77px;
        margin-bottom: 20px;
    }
}
.sberzvuk-thrid-slider__text {
    -webkit-box-flex: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, 0.1);
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    max-width: 100%;
    padding: 30px;
    width: 100%;
}
@media (max-width: 768px) {
    .sberzvuk-thrid-slider__text {
        font-size: 16px;
        line-height: 28px;
        padding: 30px;
    }
}
.sberzvuk__fourth {
    background: -webkit-gradient(linear, left top, left bottom, from(#030153), to(#350e89));
    background: -webkit-linear-gradient(top, #030153, #350e89);
    background: -o-linear-gradient(top, #030153 0, #350e89 100%);
    background: linear-gradient(180deg, #030153, #350e89);
    min-height: 1080px;
    overflow: hidden;
    padding-bottom: 200px;
    padding-top: 170px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .sberzvuk__fourth {
        min-height: 900px;
    }
}
@media (max-width: 768px) {
    .sberzvuk__fourth {
        padding-bottom: 120px;
        padding-top: 90px;
    }
}
.sberzvuk__fourth:before {
    background: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/fourth-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 50%;
    margin: -1750px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 3500px;
    z-index: -1;
}
.sberzvuk__fourth .b-container {
    position: relative;
    z-index: 2;
}
.sberzvuk__fourth .do-nicescroll-4ggames {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 768px) {
    .sberzvuk__fourth .do-nicescroll-4ggames {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        pointer-events: none;
        width: 100%;
    }
}
.sberzvuk__fourth .do-nicescroll-4ggames .nicescroll-rails-hr {
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: 10px;
    left: 15px !important;
    overflow: hidden;
    right: 15px !important;
    width: auto !important;
}
.sberzvuk-fourth__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/dots_and_stars.png) 50% 50% no-repeat;
    height: 1080px;
    left: 50%;
    margin-left: -777.5px;
    margin-top: -540px;
    opacity: 0.2;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 1555px;
    z-index: -1;
}
.sberzvuk-fourth__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 70px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .sberzvuk-fourth__desc {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px;
    }
}
.sberzvuk-fourth__desc h2 {
    font-size: 45px;
    font-weight: 600;
    line-height: 59px;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .sberzvuk-fourth__desc h2 {
        font-size: 35px;
        line-height: 45px;
    }
}
.sberzvuk-fourth__desc p {
    margin-bottom: 30px;
}
.sberzvuk-fourth__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    width: 1344px;
}
@media (max-width: 1140px) {
    .sberzvuk-fourth__list {
        padding-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-fourth__list {
        margin: 0 auto;
        max-width: 355px;
        padding: 0;
        width: auto;
    }
}
.sberzvuk-fourth__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    margin-bottom: 50px;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .sberzvuk-fourth__item {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-fourth__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }
}
.sberzvuk-fourth-item__back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, 0.1);
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    padding: 10px 30px;
}
@media (max-width: 768px) {
    .sberzvuk-fourth-item__back {
        height: 68px;
        padding: 15px 20px;
    }
}
.sberzvuk-fourth-item__icon {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 58px;
    flex: 0 0 58px;
    justify-content: center;
    margin: 0 34px 0 0;
    width: 58px;
}
@media (max-width: 768px) {
    .sberzvuk-fourth-item__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        margin: 0 20px 0 0;
        width: 40px;
    }
    .sberzvuk-fourth-item__icon svg {
        width: 40px;
    }
}
.sberzvuk-fourth-item__name {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 31px;
}
.sberzvuk__fifth {
    background: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/fifth-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    min-height: 1080px;
    padding-bottom: 100px;
    padding-top: 170px;
}
@media (max-height: 900px) {
    .sberzvuk__fifth {
        padding-top: 100px;
    }
}
@media (max-width: 768px) {
    .sberzvuk__fifth {
        padding-top: 100px;
    }
}
.sberzvuk__fifth .b-row {
    display: grid;
    grid-template-columns: repeat(12, 8.33333%);
}
.sberzvuk-fifth__title {
    grid-column-end: span 12;
    grid-column-start: 1;
    padding-left: 15px;
    padding-right: 15px;
}
.sberzvuk-fifth__title .h2,
.sberzvuk-fifth__title h2 {
    font-size: 45px;
    font-weight: 600;
    line-height: 59px;
    margin-bottom: 33px;
}
@media (max-width: 768px) {
    .sberzvuk-fifth__title .h2,
    .sberzvuk-fifth__title h2 {
        font-size: 35px;
        line-height: 45px;
    }
}
.sberzvuk-fifth__desc {
    font-size: 18px;
    font-weight: 400;
    grid-column-end: span 6;
    grid-column-start: 1;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 1024px) {
    .sberzvuk-fifth__desc {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-fifth__desc {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 50px;
        margin-bottom: 30px;
    }
}
.sberzvuk-fifth__desc p {
    margin-bottom: 55px;
}
@media (max-width: 1024px) {
    .sberzvuk-fifth__desc p {
        margin-bottom: 30px;
    }
}
.sberzvuk-fifth__list {
    font-size: 18px;
    font-weight: 400;
    grid-column-end: span 6;
    grid-column-start: 1;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 1024px) {
    .sberzvuk-fifth__list {
        grid-column-end: span 12;
        grid-column-start: 1;
        margin-bottom: 110px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-fifth__list {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 50px;
    }
}
.sberzvuk-fifth__list ul {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: var(--br-20);
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    max-width: 435px;
    padding: 30px 40px;
}
@media (max-width: 1024px) {
    .sberzvuk-fifth__list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        max-width: 850px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-fifth__list ul {
        font-size: 16px;
        line-height: 19px;
        padding: 30px;
    }
}
.sberzvuk-fifth__list ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin-bottom: 20px;
    min-height: 40px;
    padding: 0 0 0 90px;
    position: relative;
}
@media (max-width: 768px) {
    .sberzvuk-fifth__list ul li {
        padding: 0 0 0 60px;
    }
}
.sberzvuk-fifth__list ul li span {
    display: block;
    margin: -10px 0;
}
.sberzvuk-fifth__list ul li:last-child {
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .sberzvuk-fifth__list ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 20px;
        max-width: 50%;
        width: 100%;
    }
    .sberzvuk-fifth__list ul li:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .sberzvuk-fifth__list ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 10px;
        max-width: 100%;
    }
    .sberzvuk-fifth__list ul li:last-child {
        margin-bottom: 0;
    }
}
.sberzvuk-fifth__list ul li:before {
    background: url(/bitrix/templates/c4g/css/../pictures/sber/zvuk/checkbox.svg) 50% 50% no-repeat;
    content: "";
    height: 40px;
    left: 0;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    width: 40px;
}
.sberzvuk-fifth__card {
    grid-column-end: span 12;
    grid-column-start: 7;
    grid-row-end: span 10;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 1024px) {
    .sberzvuk-fifth__card {
        grid-column-end: span 12;
        grid-column-start: 1;
        margin-bottom: 110px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 768px) {
    .sberzvuk-fifth__card {
        margin-bottom: 50px;
    }
}
.sberzvuk-fifth__card .ea-slider__list.alone-card {
    margin: 0 auto;
}
@-webkit-keyframes zvukRotate {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        opacity: 0.8;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        opacity: 0.7;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes zvukRotate {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        opacity: 0.8;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        opacity: 0.7;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes AnimationName {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    to {
        background-position: 0 50%;
    }
}
@keyframes AnimationName {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    to {
        background-position: 0 50%;
    }
}
.kasper__block {
    background: #1d1d1b;
    color: var(--white);
    font-family: var(--font-kasper);
    font-size: 16px;
    line-height: 1.2;
}
.kasper__block .breadcrumbs {
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
}
@media (max-width: 1140px) {
    .kasper__block .breadcrumbs {
        margin-bottom: 55px;
    }
}
@media (max-width: 1024px) {
    .kasper__block .breadcrumbs {
        margin-bottom: 39px;
    }
}
.kasper__block .breadcrumbs ul {
    font-weight: 600;
}
.kasper__block .go-down {
    bottom: 50px;
    left: 50%;
    margin: 0 0 0 -12px;
    position: absolute;
}
@media (max-width: 1140px) {
    .kasper__block .go-down {
        bottom: 40px;
    }
}
.kasper__first {
    background: var(--black);
    min-height: 100vh;
    padding-bottom: 80px;
    padding-top: 50px;
    position: relative;
}
@media (max-width: 767px) {
    .kasper__first {
        padding-bottom: 105px;
    }
}
.kasper-first__row {
    display: grid;
    grid-template-columns: repeat(12, 8.33333%);
    margin-left: -15px;
    margin-right: -15px;
}
.kasper-first__title {
    font-size: 48px;
    font-weight: 500;
    grid-column-end: span 6;
    grid-column-start: 1;
    line-height: 48px;
    margin: 0 0 34px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 2;
}
@media (max-width: 1140px) {
    .kasper-first__title {
        margin: 0 0 46px;
    }
}
@media (max-width: 767px) {
    .kasper-first__title {
        font-size: 38px;
        grid-column-end: span 12;
        grid-column-start: 1;
        line-height: 38px;
        margin-bottom: -6px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.kasper-first__image {
    grid-column-end: span 12;
    grid-column-start: 7;
    grid-row-end: span 3;
    grid-row-start: 1;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .kasper-first__image {
        margin-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .kasper-first__image {
        grid-column-end: span 12;
        grid-column-start: 1;
        grid-row-end: auto;
        grid-row-start: auto;
        margin-bottom: -8px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.kasper-first__image img {
    -webkit-transform: translate(-25px, -86px);
    -ms-transform: translate(-25px, -86px);
    transform: translate(-25px, -86px);
}
@media (max-width: 1140px) {
    .kasper-first__image img {
        height: auto;
        margin: -15px;
        max-width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
@media (max-width: 767px) {
    .kasper-first__image img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 310px;
    }
}
.kasper-first__desc {
    grid-column-end: span 6;
    grid-column-start: 1;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 1;
}
@media (max-width: 767px) {
    .kasper-first__desc {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.kasper-first__desc:before {
    background: url(/bitrix/templates/c4g/css/../pictures/kasper/bg1-min.png) 50% 50% no-repeat;
    content: "";
    height: 851px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 952px;
    z-index: -1;
}
.kasper-first__desc ul {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin: 0 0 34px;
    padding: 0;
}
@media (max-width: 1140px) {
    .kasper-first__desc ul {
        margin-bottom: 42px;
    }
}
@media (max-width: 767px) {
    .kasper-first__desc ul {
        padding-right: 25px;
    }
}
.kasper-first__desc ul li {
    list-style: none;
    margin: 0 0 12px;
    padding: 0 0 0 25px;
    position: relative;
}
@media (max-width: 1140px) {
    .kasper-first__desc ul li:nth-child(2) {
        margin: 0 -40px 12px 0;
    }
    .kasper-first__desc ul li:nth-child(3) {
        margin: 0 -100px 12px 0;
    }
    .kasper-first__desc ul li:nth-child(3) br {
        display: none;
    }
}
@media (max-width: 767px) {
    .kasper-first__desc ul li:nth-child(2),
    .kasper-first__desc ul li:nth-child(3) {
        margin: 0 0 12px;
    }
    .kasper-first__desc ul li br {
        display: none;
    }
}
.kasper-first__desc ul li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 4 3 3 6-6' stroke='%2323D1AE' stroke-width='2'/%3E%3C/svg%3E");
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 11px;
}
.kasper-first__desc ul li span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 2px;
}
.kasper-first__desc ul li p {
    margin: 0;
    padding: 0;
}
.kasper-first__desc .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 214px;
}
.kasper-first__desc .btn-primary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #8233ff;
    border-radius: 8px;
    -webkit-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 19px;
    padding: 10px;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.kasper-first__desc .btn-primary,
.kasper__digits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.kasper__digits {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-end: span 12;
    grid-column-start: 1;
    margin-left: 0;
    margin-right: 0;
    margin-top: -47px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .kasper__digits {
        margin-top: 0;
        padding-top: 32px;
    }
}
@media (max-width: 767px) {
    .kasper__digits {
        padding-left: 0;
        padding-right: 0;
        padding-top: 41px;
    }
}
.kasper-digits__total {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    max-width: 58.33333%;
    padding-left: 30px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .kasper-digits__total {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 410px;
        flex: 0 0 410px;
        margin: 0 auto;
        max-width: 410px;
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .kasper-digits__total {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 auto;
        max-width: 100%;
        max-width: 375px;
        padding: 0;
        width: 100%;
    }
}
@media (max-width: 374px) {
    .kasper-digits__total {
        max-width: 100%;
    }
}
.kasper-digits__total:after {
    background: rgba(153, 132, 245, 0.2);
    bottom: 10px;
    content: "";
    position: absolute;
    right: 17px;
    top: 10px;
    width: 1px;
}
@media (max-width: 1140px) {
    .kasper-digits__total:after {
        display: none;
    }
}
.kasper-digits-total__icon {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    justify-content: center;
    max-width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .kasper-digits-total__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        max-width: 100px;
    }
    .kasper-digits-total__icon img {
        height: 80px;
        width: 60px;
    }
}
@media (max-width: 374px) {
    .kasper-digits-total__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        max-width: 70px;
    }
    .kasper-digits-total__icon img {
        height: 70px;
        width: 50px;
    }
}
.kasper-digits-total__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .kasper-digits-total__desc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 100px);
        flex: 0 0 -webkit-calc(100% - 100px);
        flex: 0 0 calc(100% - 100px);
        max-width: -webkit-calc(100% - 100px);
        max-width: calc(100% - 100px);
    }
}
.kasper-digits-total__title {
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 20px;
    padding-top: 3px;
}
@media (max-width: 1140px) {
    .kasper-digits-total__title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 2px;
        padding-top: 0;
    }
}
@media (max-width: 374px) {
    .kasper-digits-total__title {
        font-size: 28px;
    }
}
.kasper-digits-total__text {
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 30px;
}
@media (max-width: 1140px) {
    .kasper-digits-total__text {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
    }
    .kasper-digits-total__text br {
        display: none;
    }
}
@media (max-width: 374px) {
    .kasper-digits-total__text {
        font-size: 16px;
    }
}
.kasper-digits-total__text p {
    margin: 0;
    padding: 0;
}
.kasper-digits-total__bottom {
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
}
@media (max-width: 374px) {
    .kasper-digits-total__bottom {
        font-size: 16px;
    }
}
.kasper-digits-total__bottom p {
    margin: 0;
    padding: 0;
}
.kasper-digits__list {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    max-width: 41.66667%;
    padding-left: 27px;
    padding-right: 15px;
    padding-top: 3px;
    width: 100%;
}
@media (max-width: 1140px) {
    .kasper-digits__list {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: -1;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.kasper-digits__item {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    margin-bottom: 13px;
    max-width: 58.33333%;
    padding-left: 35px;
    padding-right: 0;
}
.kasper-digits__item,
.kasper-digits__item:nth-child(2n) {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.kasper-digits__item:nth-child(2n) {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding-left: 21px;
    padding-right: 15px;
}
@media (max-width: 1140px) {
    .kasper-digits__item {
        margin-bottom: 45px;
        padding-right: 5px;
    }
    .kasper-digits__item,
    .kasper-digits__item:nth-child(2n) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 5px;
        width: 100%;
    }
    .kasper-digits__item:nth-child(2n) {
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .kasper-digits__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 32px;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .kasper-digits__item:first-child {
        padding-left: 0;
        padding-right: 0;
    }
    .kasper-digits__item:nth-child(2n) {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.kasper-digits-item__title {
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 6px;
}
@media (max-width: 1140px) {
    .kasper-digits-item__title {
        text-align: center;
    }
}
.kasper-digits-item__desc {
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
}
@media (max-width: 1140px) {
    .kasper-digits-item__desc {
        text-align: center;
    }
}
.kasper__second {
    background: url(/bitrix/templates/c4g/css/../pictures/kasper/bg2.png) 50% 50% no-repeat #1d1d1b;
    background-size: cover;
    border-top: 2px solid hsla(0, 0%, 100%, 0.16);
    min-height: 100vh;
    padding-bottom: 117px;
    padding-top: 154px;
    position: relative;
}
@media (max-width: 1140px) {
    .kasper__second {
        padding-bottom: 156px;
        padding-top: 60px;
    }
}
.kasper-second__row {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    grid-template-columns: repeat(12, 8.33333%);
    margin-bottom: 67px;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 1140px) {
    .kasper-second__row {
        margin-bottom: 53px;
    }
}
@media (max-width: 767px) {
    .kasper-second__row {
        margin-bottom: 60px;
    }
}
.kasper-second__title {
    font-size: 44px;
    font-weight: 500;
    grid-column-end: span 6;
    grid-column-start: 1;
    line-height: 52px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 1140px) {
    .kasper-second__title {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .kasper-second__title {
        font-size: 34px;
        line-height: 40px;
        text-align: left;
    }
}
.kasper-second__text {
    font-size: 14px;
    grid-column-end: span 7;
    grid-column-start: 1;
    line-height: 21px;
    padding-left: 18px;
    padding-right: 15px;
}
@media (max-width: 767px) {
    .kasper-second__text {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.kasper-second__text p {
    margin: 0 0 20px;
}
.kasper-second__button {
    grid-column-end: span 7;
    grid-column-start: 1;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
}
@media (max-width: 1140px) {
    .kasper-second__button {
        padding-top: 18px;
    }
}
@media (max-width: 767px) {
    .kasper-second__button {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 8px;
    }
}
.kasper-second__button .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 214px;
}
.kasper-second__button .btn-primary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #8233ff;
    border-radius: 8px;
    -webkit-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 19px;
    padding: 10px;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.kasper-second__image {
    grid-column-end: span 12;
    grid-column-start: 8;
    grid-row-end: span 4;
    grid-row-start: 1;
    padding-left: 70px;
    padding-right: 15px;
}
@media (max-width: 1140px) {
    .kasper-second__image {
        grid-row-start: 2;
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .kasper-second__image {
        grid-column-end: span 12;
        grid-column-start: 1;
        grid-row-start: 1;
        margin-bottom: 27px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.kasper-second__image img {
    -webkit-transform: translate(30px, -27px);
    -ms-transform: translate(30px, -27px);
    transform: translate(30px, -27px);
}
@media (max-width: 1140px) {
    .kasper-second__image img {
        display: block;
        height: auto;
        margin: 0 0 0 auto;
        max-width: 100%;
        max-width: 230px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
@media (max-width: 1140px) and (max-width: 767px) {
    .kasper-second__image img {
        margin: 0 auto;
        max-width: 162px;
    }
}
.kasper-second__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.kasper-second__slider .swiper-carousel {
    margin: 0 auto;
    max-width: 1008px;
    position: relative;
}
.kasper-second__slider .swiper-carousel .swiper {
    overflow: visible;
    padding-bottom: 59px;
}
.kasper-second__slider .swiper-carousel .swiper-pagination {
    bottom: 0;
}
.kasper-second__slider .swiper-carousel .swiper-pagination-bullet {
    --swiper-pagination-bullet-height: 6px;
    --swiper-pagination-bullet-width: 120px;
    --swiper-pagination-bullet-inactive-color: rgba(165, 190, 190, 0.4);
    --swiper-pagination-color: var(--kasper-color-1);
    --swiper-pagination-bullet-horizontal-gap: 6px;
    border-radius: 0;
    -webkit-transition: background-color 0.4s ease-in-out;
    -o-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
}
@media (max-width: 767px) {
    .kasper-second__slider .swiper-carousel .swiper-pagination-bullet {
        --swiper-pagination-bullet-width: 40px;
    }
}
@media (max-width: 1140px) {
    .kasper-second__slider .swiper-carousel .swiper-nav {
        display: none;
    }
}
.kasper-second__slider .swiper-carousel .swiper-button-next,
.kasper-second__slider .swiper-carousel .swiper-button-prev {
    --swiper-navigation-size: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--kasper-color-1);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: calc(-27px - var(--swiper-navigation-size) / 2);
    width: var(--swiper-navigation-size);
}
.kasper-second__slider .swiper-carousel .swiper-button-next:after,
.kasper-second__slider .swiper-carousel .swiper-button-prev:after {
    display: none;
}
.kasper-second__slider .swiper-carousel .swiper-button-next span,
.kasper-second__slider .swiper-carousel .swiper-button-prev span {
    display: block;
}
.kasper-second__slider .swiper-carousel .swiper-button-next .icon,
.kasper-second__slider .swiper-carousel .swiper-button-prev .icon {
    fill: none;
    stroke: var(--white);
    stroke-width: 3;
    display: block;
    height: 20px;
    width: 12px;
}
.kasper-second__slider .swiper-carousel .swiper-button-prev {
    left: -80px;
}
.kasper-second__slider .swiper-carousel .swiper-button-next {
    right: -80px;
}
.kasper-second-slider__item {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 336px;
    flex: 0 0 336px;
    height: auto;
    max-width: 336px;
    padding: 0 15px;
    width: 100%;
}
.kasper-second-slider__item.swiper-slide {
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.kasper-second-slider__item.swiper-slide-visible {
    opacity: 1;
}
.kasper-second-slider-item__back {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: rgba(153, 132, 245, 0.1);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 30px 25px 66px;
    position: relative;
    width: 100%;
}
.kasper-second-slider-item__back:after {
    background: #009982;
    bottom: 0;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
}
.kasper-second-slider-item__icon {
    height: 70px;
    margin-bottom: 16px;
}
.kasper-second-slider-item__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 10px;
}
.kasper-second-slider-item__desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.kasper-second-slider-item__desc p {
    margin: 0;
    padding: 0;
}
.kasper__thrid {
    background: url(/bitrix/templates/c4g/css/../pictures/kasper/bg3.png) 50% 50% no-repeat #1d1d1b;
    background-size: cover;
    border-top: 2px solid hsla(0, 0%, 100%, 0.16);
    min-height: 100vh;
    padding-bottom: 193px;
    padding-top: 178px;
    position: relative;
}
@media (max-width: 1140px) {
    .kasper__thrid {
        padding-bottom: 136px;
        padding-top: 102px;
    }
}
@media (max-width: 767px) {
    .kasper__thrid {
        padding-bottom: 100px;
        padding-top: 38px;
    }
}
.kasper-thrid__row {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    grid-template-columns: repeat(12, 8.33333%);
    margin-bottom: 119px;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
@media (max-width: 1140px) {
    .kasper-thrid__row {
        margin-bottom: 69px;
    }
}
@media (max-width: 767px) {
    .kasper-thrid__row {
        margin-bottom: 45px;
    }
}
.kasper-thrid__image {
    grid-column-end: span 3;
    grid-column-start: 1;
    grid-row-end: span 4;
    grid-row-start: 1;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 1140px) {
    .kasper-thrid__image {
        grid-column-end: span 4;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 0;
    }
    .kasper-thrid__image img {
        height: auto;
        max-width: 100%;
    }
}
@media (max-width: 1024px) {
    .kasper-thrid__image {
        grid-row-start: 3;
    }
}
@media (max-width: 767px) {
    .kasper-thrid__image {
        grid-column-end: span 12;
        grid-column-start: 1;
        grid-row-start: 1;
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .kasper-thrid__image img {
        display: block;
        margin: 0 auto;
        max-width: 160px;
    }
}
.kasper-thrid__title {
    font-size: 44px;
    font-weight: 500;
    grid-column-end: span 12;
    grid-column-start: 5;
    line-height: 52px;
    margin-bottom: 21px;
    padding-left: 2px;
    padding-right: 15px;
}
@media (max-width: 1024px) {
    .kasper-thrid__title {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .kasper-thrid__title {
        font-size: 34px;
        line-height: 40px;
        text-align: left;
    }
}
.kasper-thrid__text {
    font-size: 24px;
    font-weight: 400;
    grid-column-end: span 12;
    grid-column-start: 5;
    line-height: 32px;
    padding-left: 3px;
    padding-right: 15px;
}
@media (max-width: 1024px) {
    .kasper-thrid__text {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .kasper-thrid__text {
        font-size: 18px;
        line-height: 26px;
        text-align: left;
    }
}
.kasper-thrid__text p {
    margin: 0 0 29px;
}
@media (max-width: 1140px) {
    .kasper-thrid__text p {
        margin: 0 auto 25px;
        max-width: 650px;
    }
}
.kasper-thrid__ul {
    grid-column-end: span 12;
    grid-column-start: 5;
    padding-left: 0;
    padding-right: 15px;
}
@media (max-width: 1140px) {
    .kasper-thrid__ul {
        grid-column-end: span 12;
        grid-column-start: 6;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .kasper-thrid__ul {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.kasper-thrid__ul ul {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 12px;
    padding: 0;
}
@media (max-width: 1140px) {
    .kasper-thrid__ul ul {
        line-height: 24px;
        margin-left: -37px;
        padding-top: 37px;
    }
}
@media (max-width: 767px) {
    .kasper-thrid__ul ul {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 32px;
        margin-left: 0;
        padding-top: 0;
    }
}
.kasper-thrid__ul ul li {
    list-style: none;
    margin: 0 0 9px;
    padding: 0 0 0 25px;
    position: relative;
}
@media (max-width: 1140px) {
    .kasper-thrid__ul ul li {
        margin: 0 0 12px;
    }
}
@media (max-width: 767px) {
    .kasper-thrid__ul ul li {
        margin: 0 0 15px;
    }
}
.kasper-thrid__ul ul li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 4 3 3 6-6' stroke='%2323D1AE' stroke-width='2'/%3E%3C/svg%3E");
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 11px;
}
.kasper-thrid__ul ul li span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 2px;
}
.kasper-thrid__ul ul li p {
    margin: 0;
    padding: 0;
}
.kasper-thrid__button {
    grid-column-end: span 12;
    grid-column-start: 5;
    padding-left: 3px;
    padding-right: 15px;
    padding-top: 20px;
}
@media (max-width: 1140px) {
    .kasper-thrid__button {
        grid-column-end: span 12;
        grid-column-start: 6;
        padding-left: 0;
        padding-right: 15px;
        padding-top: 50px;
    }
}
@media (max-width: 767px) {
    .kasper-thrid__button {
        grid-column-end: span 12;
        grid-column-start: 1;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
    }
}
.kasper-thrid__button .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 214px;
}
.kasper-thrid__button .btn-primary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #8233ff;
    border-radius: 8px;
    -webkit-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 19px;
    padding: 10px;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.kasper-thrid__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.kasper-thrid__slider .swiper-carousel {
    margin: 0 auto;
    max-width: 1304px;
    position: relative;
}
.kasper-thrid__slider .swiper-carousel .swiper {
    overflow: visible;
    padding-bottom: 54px;
}
.kasper-thrid__slider .swiper-carousel .swiper-pagination {
    bottom: 0;
}
.kasper-thrid__slider .swiper-carousel .swiper-pagination-bullet {
    --swiper-pagination-bullet-height: 6px;
    --swiper-pagination-bullet-width: 120px;
    --swiper-pagination-bullet-inactive-color: rgba(165, 190, 190, 0.4);
    --swiper-pagination-color: var(--kasper-color-1);
    --swiper-pagination-bullet-horizontal-gap: 6px;
    border-radius: 0;
    -webkit-transition: background-color 0.4s ease-in-out;
    -o-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
}
@media (max-width: 767px) {
    .kasper-thrid__slider .swiper-carousel .swiper-pagination-bullet {
        --swiper-pagination-bullet-width: 40px;
    }
}
.kasper-thrid__slider .swiper-carousel .swiper-button-next,
.kasper-thrid__slider .swiper-carousel .swiper-button-prev {
    --swiper-navigation-size: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--kasper-color-1);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: calc(-27px - var(--swiper-navigation-size) / 2);
    width: var(--swiper-navigation-size);
}
.kasper-thrid__slider .swiper-carousel .swiper-button-next:after,
.kasper-thrid__slider .swiper-carousel .swiper-button-prev:after {
    display: none;
}
.kasper-thrid__slider .swiper-carousel .swiper-button-next span,
.kasper-thrid__slider .swiper-carousel .swiper-button-prev span {
    display: block;
}
.kasper-thrid__slider .swiper-carousel .swiper-button-next .icon,
.kasper-thrid__slider .swiper-carousel .swiper-button-prev .icon {
    fill: none;
    stroke: var(--white);
    stroke-width: 3;
    display: block;
    height: 20px;
    width: 12px;
}
.kasper-thrid__slider .swiper-carousel .swiper-button-prev {
    left: -80px;
}
.kasper-thrid__slider .swiper-carousel .swiper-button-next {
    right: -80px;
}
.kasper-thrid__slider .swiper-carousel .swiper-button-lock {
    display: none;
}
.kasper-thrid-slider__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 326px;
    flex: 0 0 326px;
    height: auto;
    max-width: 326px;
    padding: 0 10px;
}
.kasper-thrid-slider-item__back,
.kasper-thrid-slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.kasper-thrid-slider-item__back {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: rgba(153, 132, 245, 0.1);
    border-radius: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 30px 14px 43px 20px;
    position: relative;
}
.kasper-thrid-slider-item__back:after {
    background: #009982;
    bottom: 0;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
}
.kasper-thrid-slider-item__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 10px;
}
.kasper-thrid-slider-item__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
.kasper-thrid-slider-item__desc p {
    margin: 0;
    padding: 0;
}
.kasper__fourth {
    background: url(/bitrix/templates/c4g/css/../pictures/kasper/bg4.png) 50% 50% no-repeat #1d1d1b;
    background-size: cover;
    border-top: 2px solid hsla(0, 0%, 100%, 0.16);
    min-height: 100vh;
    padding-bottom: 192px;
    padding-top: 162px;
    position: relative;
}
@media (max-width: 1140px) {
    .kasper__fourth {
        padding-bottom: 100px;
        padding-top: 85px;
    }
}
@media (max-width: 767px) {
    .kasper__fourth {
        padding-bottom: 60px;
    }
}
.kasper-fourth__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.kasper-fourth__title {
    font-size: 44px;
    font-weight: 500;
    line-height: 52px;
    margin-bottom: 21px;
}
@media (max-width: 1280px) {
    .kasper-fourth__title {
        margin-bottom: 19px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .kasper-fourth__title {
        font-size: 34px;
        line-height: 40px;
        text-align: left;
    }
}
.kasper-fourth__text {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 37px;
}
@media (max-width: 1280px) {
    .kasper-fourth__text {
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 48px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .kasper-fourth__text {
        font-size: 18px;
        line-height: 26px;
        text-align: left;
    }
}
.kasper-fourth__text p {
    margin: 0;
    max-width: 1020px;
    padding: 0;
}
@media (max-width: 1140px) {
    .kasper-fourth__text p {
        display: block;
        margin: 0 auto;
        max-width: 690px;
    }
}
.kasper-fourth__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.kasper-fourth__bottom,
.kasper-fourth__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.kasper-fourth__slider {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 1280px) {
    .kasper-fourth__slider {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .kasper-fourth__slider {
        padding-left: 0;
        padding-right: 0;
    }
}
.kasper-fourth__slider .ea-slider__block {
    padding: 0;
}
@media (max-width: 1280px) {
    .kasper-fourth__slider .ea-slider__block .ea-slider__list {
        margin: 0 auto;
        width: 896px;
    }
}
@media (max-width: 896px) and (min-width: 768px) {
    .kasper-fourth__slider .ea-slider__block .ea-slider__list {
        width: 448px;
    }
}
@media (max-width: 767px) {
    .kasper-fourth__slider .ea-slider__block .ea-slider__list {
        max-width: 448px;
        width: auto;
    }
}
@media (max-width: 413px) {
    .kasper-fourth__slider .ea-slider__block .ea-slider__list {
        max-width: 375px;
    }
}
@media (max-width: 374px) {
    .kasper-fourth__slider .ea-slider__block .ea-slider__list {
        max-width: 350px;
    }
}
.kasper-fourth__slider .ea-slider__block .ea-slider__list .swiper-button-next:after,
.kasper-fourth__slider .ea-slider__block .ea-slider__list .swiper-button-prev:after {
    display: none;
}
.kasper-fourth__slider .ea-slider__block .ea-slider__list .swiper-button-next .icon,
.kasper-fourth__slider .ea-slider__block .ea-slider__list .swiper-button-prev .icon {
    fill: none;
    stroke: var(--white);
    stroke-width: 9;
}
.kasper-fourth__image {
    -webkit-box-flex: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    justify-content: flex-end;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .kasper-fourth__image {
        display: none;
    }
}
.kasper-fourth__image img {
    -webkit-transform: translate(90px, -4px);
    -ms-transform: translate(90px, -4px);
    transform: translate(90px, -4px);
}
.kasper__fifth {
    background: url(/bitrix/templates/c4g/css/../pictures/kasper/bg5.png) 50% 50% no-repeat var(--kasper-color-2);
    background-size: cover;
    padding-bottom: 90px;
    padding-top: 66px;
}
@media (max-width: 1140px) {
    .kasper__fifth {
        padding-bottom: 15px;
        padding-top: 40px;
    }
}
.kasper-fifth__title {
    font-size: 34px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.kasper-fifth__list,
.kasper-fifth__title {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.kasper-fifth__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 1140px) {
    .kasper-fifth__list {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        justify-content: center;
        margin-left: 16.66667%;
        max-width: 66.66667%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .kasper-fifth__list {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-left: 0;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.kasper-fifth__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .kasper-fifth__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        margin-bottom: 34px;
        max-width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .kasper-fifth__item:first-child,
    .kasper-fifth__item:nth-child(3),
    .kasper-fifth__item:nth-child(4) {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2;
    }
    .kasper-fifth__item:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        order: 1;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .kasper-fifth__item:nth-child(2) .kasper-fifth-item__back {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .kasper-fifth__item:nth-child(2) .kasper-fifth-item__image {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45px;
        flex: 0 0 45px;
        margin: 0 0 0 30px;
        order: 5;
    }
    .kasper-fifth__item:nth-child(2) .kasper-fifth-item__name {
        text-align: right;
    }
    .kasper-fifth__item:nth-child(5) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        order: 2;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .kasper-fifth__item:nth-child(5) .kasper-fifth-item__back {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .kasper-fifth__item:nth-child(5) .kasper-fifth-item__image {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        margin: 0 30px 0 0;
        order: -1;
    }
    .kasper-fifth__item:nth-child(5) .kasper-fifth-item__image img {
        height: 60px;
    }
    .kasper-fifth__item:nth-child(5) .kasper-fifth-item__name {
        text-align: left;
    }
}
@media (max-width: 500px) {
    .kasper-fifth__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 34px;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .kasper-fifth__item:first-child,
    .kasper-fifth__item:nth-child(2),
    .kasper-fifth__item:nth-child(3),
    .kasper-fifth__item:nth-child(4),
    .kasper-fifth__item:nth-child(5) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
    .kasper-fifth__item:first-child .kasper-fifth-item__back,
    .kasper-fifth__item:nth-child(2) .kasper-fifth-item__back,
    .kasper-fifth__item:nth-child(3) .kasper-fifth-item__back,
    .kasper-fifth__item:nth-child(4) .kasper-fifth-item__back,
    .kasper-fifth__item:nth-child(5) .kasper-fifth-item__back {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .kasper-fifth__item:first-child .kasper-fifth-item__image,
    .kasper-fifth__item:nth-child(2) .kasper-fifth-item__image,
    .kasper-fifth__item:nth-child(3) .kasper-fifth-item__image,
    .kasper-fifth__item:nth-child(4) .kasper-fifth-item__image,
    .kasper-fifth__item:nth-child(5) .kasper-fifth-item__image {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-box-flex: 1;
        -ms-flex: auto 0 0px;
        flex: auto 0 0;
        margin: 0 0 10px;
        order: -1;
    }
    .kasper-fifth__item:first-child .kasper-fifth-item__image img,
    .kasper-fifth__item:nth-child(2) .kasper-fifth-item__image img,
    .kasper-fifth__item:nth-child(3) .kasper-fifth-item__image img,
    .kasper-fifth__item:nth-child(4) .kasper-fifth-item__image img,
    .kasper-fifth__item:nth-child(5) .kasper-fifth-item__image img {
        height: 60px;
    }
    .kasper-fifth__item:first-child .kasper-fifth-item__name,
    .kasper-fifth__item:nth-child(2) .kasper-fifth-item__name,
    .kasper-fifth__item:nth-child(3) .kasper-fifth-item__name,
    .kasper-fifth__item:nth-child(4) .kasper-fifth-item__name,
    .kasper-fifth__item:nth-child(5) .kasper-fifth-item__name {
        text-align: center;
    }
}
.kasper-fifth-item__back {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.kasper-fifth-item__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 20px;
    text-align: center;
}
@media (max-width: 1140px) {
    .kasper-fifth-item__name {
        margin-bottom: 0;
    }
}
.kasper-fifth-item__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
@media (max-width: 1140px) {
    .kasper-fifth-item__image {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        margin-bottom: 10px;
        order: -1;
    }
}
.kasper-fifth-item__image img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 1140px) {
    .kasper-fifth-item__image img {
        height: 70px;
        width: auto;
    }
}
.pubg__block {
    background: var(--pubg-body);
    color: var(--white);
    overflow: hidden;
    position: relative;
    text-align: left;
    z-index: 1;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .pubg__block {
        padding: 0 10px;
    }
}
.pubg__header {
    position: relative;
}
.pubg-header__top {
    margin-bottom: 40px;
}
@media (max-width: 1024px) {
    .pubg-header__top {
        margin-bottom: 56px;
    }
}
@media (max-width: 768px) {
    .pubg-header__top {
        margin-bottom: 49px;
    }
}
.pubg-header__top .breadcrumbs {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 110px;
    width: 100%;
}
@media (max-width: 768px) {
    .pubg-header__top .breadcrumbs {
        padding-top: 78px;
    }
}
.pubg-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.pubg-header__logo {
    margin-bottom: 42px;
    opacity: 0;
    -webkit-transition: 1s ease 0.5s;
    -o-transition: 1s ease 0.5s;
    transition: 1s ease 0.5s;
}
@media (max-width: 768px) {
    .pubg-header__logo {
        margin-bottom: 56px;
        margin-right: -60px;
    }
}
.pubg-header__logo.active {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
}
.pubg-header__logo img {
    display: block;
    height: 150px;
    max-width: 100%;
}
@media (max-width: 768px) {
    .pubg-header__logo img {
        height: 79px;
    }
}
.pubg-header__text {
    font-family: var(--font-roboto);
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 36px;
    margin-bottom: 58px;
    padding-right: 20px;
}
@media (max-width: 1024px) {
    .pubg-header__text {
        line-height: 30px;
        margin-bottom: 38px;
        min-height: 150px;
        padding-right: 0;
    }
}
@media (max-width: 768px) {
    .pubg-header__text {
        font-size: 16px;
        margin: 0 -40px 66px 0;
    }
}
.pubg-header__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}
@media (max-width: 768px) {
    .pubg-header__bottom {
        margin-bottom: 273px;
        margin-right: -200px;
    }
}
.pubg-header__bottom .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--black);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--font-horta);
    font-size: 24px;
    height: 50px;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0 80px 0 0;
    opacity: 1;
    padding: 0 20px;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
}
@media (max-width: 768px) {
    .pubg-header__bottom .btn {
        font-size: 18px;
        margin: 0 33px 0 0;
        padding: 0 15px;
    }
}
.pubg-header__bottom .btn span {
    display: block;
    padding-top: 3px;
}
.pubg-header__bottom .btn-warning {
    background: var(--pubg-color);
    border-radius: var(--br-10);
}
.pubg-header__bottom .btn-warning:hover {
    background: #c38d04;
}
.pubg-header__bottom .btn-warning:hover .icon {
    -webkit-animation: animate-fade-down 2s infinite;
    animation: animate-fade-down 2s infinite;
}
.pubg-header__bottom .btn .icon {
    margin: 0 17px 0 0;
}
.pubg-header__bottom span {
    margin: 0 35px 0 0;
}
@media (max-width: 768px) {
    .pubg-header__bottom span {
        margin: 0 15px 0 0;
    }
}
.pubg-header__bottom span:last-child {
    margin: 0;
}
@media (max-width: 768px) {
    .pubg-header__bottom span:last-child {
        margin: 0;
    }
}
.pubg-header__image {
    -webkit-box-flex: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    justify-content: flex-end;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .pubg-header__image {
        position: relative;
    }
}
.pubg-header-image__block {
    height: 644px;
    position: relative;
    -webkit-transform: translate(60px, -70px);
    -ms-transform: translate(60px, -70px);
    transform: translate(60px, -70px);
    width: 486px;
    z-index: 1;
}
@media (max-width: 1024px) {
    .pubg-header-image__block {
        -webkit-transform: translateY(-85px);
        -ms-transform: translateY(-85px);
        transform: translateY(-85px);
    }
}
@media (max-width: 768px) {
    .pubg-header-image__block {
        height: 454px;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transform: translate(21px, -31px);
        -ms-transform: translate(21px, -31px);
        transform: translate(21px, -31px);
        width: 342px;
    }
}
.pubg-header-image__bg {
    bottom: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translate(-44px, -30px);
    -ms-transform: translate(-44px, -30px);
    transform: translate(-44px, -30px);
    z-index: -1;
}
@media (max-width: 768px) {
    .pubg-header-image__bg img {
        height: 425px;
        width: 328px;
    }
}
.pubg-header-image__img {
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .pubg-header-image__img img {
        height: 454px;
        width: 325px;
    }
}
.pubg-header__go-down {
    bottom: 190px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
@media (max-width: 1280px) {
    .pubg-header__go-down {
        bottom: 124px;
    }
}
@media (max-width: 768px) {
    .pubg-header__go-down {
        bottom: 172px;
    }
}
.pubg-header__go-down .go-to-bottom {
    color: var(--pubg-color);
    cursor: pointer;
    font-family: var(--font-horta);
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 25px;
    outline: none;
    text-transform: uppercase;
}
.pubg-header__go-down .go-to-bottom span {
    background: hsla(0, 0%, 100%, 0.2);
    height: 55px;
    left: 50%;
    position: absolute;
    top: 30px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 3px;
}
.pubg-header__go-down .go-to-bottom span i {
    -webkit-animation: animate-scroll-down 2s infinite;
    animation: animate-scroll-down 2s infinite;
    background: var(--pubg-color);
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}
.product__block .pubg__content {
    padding-top: 100px;
}
@media (max-width: 1024px) {
    .product__block .pubg__content {
        padding-top: 60px;
    }
}
@media (max-width: 768px) {
    .product__block .pubg__content {
        padding-top: 30px;
    }
}
.pubg__gradient {
    background: var(--pubg-gradient);
}
.pubg__first {
    margin-bottom: 130px;
    margin-top: -82px;
    position: relative;
    z-index: 2;
}
@media (max-width: 1280px) {
    .pubg__first {
        margin-top: -20px;
    }
}
.product__block .pubg__first {
    margin-top: 0;
}
.pubg-first__bg {
    -webkit-box-flex: 0;
    background: #f2f0ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--pubg-bg);
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 calc(100% + 40px);
    flex: 0 0 -webkit-calc(100% + 40px);
    flex: 0 0 calc(100% + 40px);
    margin: 0 -20px;
    max-width: 100%;
    max-width: -webkit-calc(100% + 40px);
    max-width: calc(100% + 40px);
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 1024px) {
    .pubg-first__bg {
        margin: 0 auto;
        max-width: 818px;
    }
}
@media (max-width: 768px) {
    .pubg-first__bg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
}
.pubg-first__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
    padding: 22px 20px;
    position: relative;
}
@media (max-width: 768px) {
    .pubg-first__header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 22px 15px;
    }
}
.pubg-first__header:after,
.pubg-first__header:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.pubg-first__header:before {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/first-top-min.png) 50% 100% no-repeat;
    height: 86px;
    left: -15px;
    right: -15px;
    top: -62px;
}
@media (max-width: 768px) {
    .pubg-first__header:before {
        background-position: 100% 0;
    }
}
.pubg-first__header:after {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/first-tr-min.png) 50% 100% no-repeat;
    height: 162px;
    right: -16px;
    top: -46px;
    width: 160px;
}
.pubg-first__desc {
    position: relative;
    z-index: 1;
}
@media (max-width: 1100px) {
    .pubg-first__desc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
}
.pubg-first__title {
    font-family: var(--font-horta);
    font-size: 74px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 91px;
    margin-bottom: 3px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .pubg-first__title {
        font-size: 55px;
        line-height: 67px;
    }
}
.pubg-first__text {
    font-family: var(--font-roboto);
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 36px;
}
@media (max-width: 768px) {
    .pubg-first__text {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 18px;
    }
}
.pubg-first__text .icon {
    display: inline-block;
    margin: 0 0 5px 10px;
    vertical-align: middle;
}
.pubg-first__button {
    position: relative;
    z-index: 1;
}
@media (max-width: 1100px) {
    .pubg-first__button {
        pointer-events: none;
        position: absolute;
        right: 30px;
        top: 35px;
    }
}
@media (max-width: 768px) {
    .pubg-first__button {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
    }
}
.pubg-first__button .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--black);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--font-horta);
    font-size: 24px;
    height: 50px;
    letter-spacing: 2px;
    line-height: 1;
    opacity: 1;
    padding: 0 20px;
    pointer-events: auto;
    text-transform: uppercase;
    width: auto;
}
@media (max-width: 768px) {
    .pubg-first__button .btn {
        font-size: 18px;
        height: 46px;
        padding: 0 30px;
    }
}
.pubg-first__button .btn span {
    display: block;
    padding-top: 3px;
}
.pubg-first__button .btn-warning {
    background: var(--pubg-color);
    border-radius: var(--br-10);
}
.pubg-first__button .btn-warning:hover {
    background: #c38d04;
}
.pubg-first__button .btn-warning:hover .icon {
    -webkit-animation: animate-fade-down 2s infinite;
    animation: animate-fade-down 2s infinite;
}
.pubg-first__button .btn .icon {
    margin: 0 17px 0 0;
}
.pubg-first__slider {
    color: var(--white);
    padding-bottom: 10px;
    position: relative;
    z-index: 3;
}
.product__block .pubg-first__slider {
    padding-top: 80px;
}
.product__block .pubg-first__slider:before {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/product-slider-top-min.png) 100% 100% no-repeat;
    height: 313px;
    left: -15px;
    pointer-events: none;
    right: -118px;
    top: -188px;
    width: auto;
}
.pubg-first__slider:after,
.pubg-first__slider:before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 2;
}
.pubg-first__slider:before {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/first-br-min.png) 50% 50% no-repeat;
    bottom: -77px;
    height: 328px;
    right: 24px;
    width: 144px;
}
@media (max-width: 768px) {
    .pubg-first__slider:before {
        background-size: contain;
        height: 183px;
        right: -6px;
        width: 80px;
    }
}
.pubg-first__slider:after {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/first-bl-min.png) 50% 50% no-repeat;
    bottom: -185px;
    height: 314px;
    left: -159px;
    width: 261px;
}
.pubg-first__slider .ea-slider__block {
    padding: 0 20px;
    z-index: 2;
}
@media (max-width: 1024px) {
    .pubg-first__slider .ea-slider__block {
        padding: 0;
    }
}
.pubg-first__slider .ea-slider__block:after {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/first-bottom-min.png) 50% 100% no-repeat;
    content: "";
    height: 48px;
    left: -15px;
    position: absolute;
    right: -15px;
    top: 100%;
}
@media (max-width: 768px) {
    .pubg-first__slider .ea-slider__block:after {
        background-position: 0 100%;
    }
}
.pubg-first__slider .ea-slider__list.swiper-carousel > .swiper-container {
    overflow: hidden;
    padding-bottom: 62px;
}
@media (max-width: 1024px) {
    .pubg-first__slider .ea-slider__list.swiper-carousel > .swiper-container {
        padding-bottom: 78px;
    }
}
@media (max-width: 768px) {
    .pubg-first__slider .ea-slider__list.swiper-carousel > .swiper-container {
        padding-bottom: 62px;
    }
}
.pubg-first__slider .ea-slider__list.swiper-carousel .swiper-button-prev {
    left: -70px;
}
.pubg-first__slider .ea-slider__list.swiper-carousel .swiper-button-next {
    right: -70px;
}
.pubg-first__slider .ea-slider__list.swiper-carousel .swiper-button-next:after,
.pubg-first__slider .ea-slider__list.swiper-carousel .swiper-button-prev:after {
    display: none;
}
.pubg-first__slider .ea-slider__list.swiper-carousel .swiper-button-next .icon,
.pubg-first__slider .ea-slider__list.swiper-carousel .swiper-button-prev .icon {
    fill: none;
    stroke-width: 9;
    stroke: var(--pubg-color);
}
.pubg-first__slider .ea-slider__list.swiper-carousel .swiper-pagination {
    --swiper-pagination-bullet-height: 20px;
    --swiper-pagination-bullet-width: 20px;
    --swiper-pagination-bullet-inactive-color: #7d7b75;
    --swiper-pagination-color: var(--pubg-color);
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-bullet-inactive-opacity: 1;
    bottom: 25px;
    -webkit-transition: background-color 0.4s ease-in-out;
    -o-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
}
.pubg__second {
    padding-bottom: 249px;
    padding-top: 150px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1024px) {
    .pubg__second {
        padding-bottom: 198px;
    }
}
@media (max-width: 768px) {
    .pubg__second {
        padding-bottom: 165px;
    }
}
.pubg__second > .b-container {
    position: relative;
    z-index: 1;
}
.pubg__second:after,
.pubg__second:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.pubg__second:before {
    background: rgba(94, 79, 58, 0.7);
    -webkit-filter: blur(75px);
    filter: blur(75px);
    height: 221px;
    left: 50%;
    top: 400px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1260px;
}
.pubg__second:after {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/second-bottom-min.png) 50% 50% no-repeat;
    bottom: -43px;
    height: 107px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 2100px;
}
.pubg-second__header {
    -webkit-box-flex: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 480px;
    justify-content: space-between;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    pointer-events: none;
    width: 100%;
}
@media (max-width: 1024px) {
    .pubg-second__header {
        height: 320px;
    }
}
.pubg-second__header:before {
    background: rgba(94, 79, 58, 0.7);
    content: "";
    -webkit-filter: blur(75px);
    filter: blur(75px);
    height: 774px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 510px;
}
.pubg-second__img-1 {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    opacity: 0;
    position: relative;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.2s ease 0.2s;
    -o-transition: all 0.2s ease 0.2s;
    transition: all 0.2s ease 0.2s;
}
.pubg-second__img-1.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
@media (max-width: 768px) {
    .pubg-second__img-1 {
        display: none;
    }
}
.pubg-second__img-1 span {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-73%, 50%);
    -ms-transform: translate(-73%, 50%);
    transform: translate(-73%, 50%);
}
.pubg-second__img-1 div {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-57%);
    -ms-transform: translate(-57%);
    transform: translate(-57%);
}
@media (max-width: 1024px) {
    .pubg-second__img-1 div {
        -webkit-transform: translate(-49%, 5px);
        -ms-transform: translate(-49%, 5px);
        transform: translate(-49%, 5px);
    }
    .pubg-second__img-1 div img {
        width: 388px;
    }
}
.pubg-second__img-2 {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    opacity: 0;
    position: relative;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
    z-index: 2;
}
.pubg-second__img-2.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.pubg-second__img-2 span {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-48%, -8%);
    -ms-transform: translate(-48%, -8%);
    transform: translate(-48%, -8%);
}
@media (max-width: 768px) {
    .pubg-second__img-2 span {
        -webkit-transform: translate(-41%, 36%);
        -ms-transform: translate(-41%, 36%);
        transform: translate(-41%, 36%);
    }
    .pubg-second__img-2 span img {
        width: 240px;
    }
}
.pubg-second__img-2 div {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-54%, -6.5%);
    -ms-transform: translate(-54%, -6.5%);
    transform: translate(-54%, -6.5%);
    z-index: 2;
}
@media (max-width: 1024px) {
    .pubg-second__img-2 div {
        -webkit-transform: translate(-58%, -2.5%);
        -ms-transform: translate(-58%, -2.5%);
        transform: translate(-58%, -2.5%);
    }
    .pubg-second__img-2 div img {
        width: 498px;
    }
}
@media (max-width: 768px) {
    .pubg-second__img-2 div {
        -webkit-transform: translate(-51%, 23%);
        -ms-transform: translate(-51%, 23%);
        transform: translate(-51%, 23%);
    }
    .pubg-second__img-2 div img {
        width: 380px;
    }
}
.pubg-second__img-3 {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    opacity: 0;
    position: relative;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.2s ease 0.2s;
    -o-transition: all 0.2s ease 0.2s;
    transition: all 0.2s ease 0.2s;
    z-index: 1;
}
@media (max-width: 768px) {
    .pubg-second__img-3 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
.pubg-second__img-3.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.pubg-second__img-3 span {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-38%, 9%);
    -ms-transform: translate(-38%, 9%);
    transform: translate(-38%, 9%);
}
@media (max-width: 768px) {
    .pubg-second__img-3 span {
        -webkit-transform: translate(-47%, 9%);
        -ms-transform: translate(-47%, 9%);
        transform: translate(-47%, 9%);
    }
    .pubg-second__img-3 span img {
        width: 400px;
    }
}
.pubg-second__img-3 div {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-44%, -16%);
    -ms-transform: translate(-44%, -16%);
    transform: translate(-44%, -16%);
}
@media (max-width: 1024px) {
    .pubg-second__img-3 div {
        -webkit-transform: translate(-56%, -15%);
        -ms-transform: translate(-56%, -15%);
        transform: translate(-56%, -15%);
    }
    .pubg-second__img-3 div img {
        width: 480px;
    }
}
@media (max-width: 768px) {
    .pubg-second__img-3 div {
        -webkit-transform: translate(-51%, -17%);
        -ms-transform: translate(-51%, -17%);
        transform: translate(-51%, -17%);
    }
}
.pubg-second__body {
    background: #f2f0ed;
    color: #1c1f22;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1294px;
    opacity: 0;
    padding: 22px 45px;
    position: relative;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
    z-index: 1;
}
.pubg-second__body.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
@media (max-width: 1024px) {
    .pubg-second__body {
        max-width: 850px;
        padding: 12px 45px;
    }
}
@media (max-width: 768px) {
    .pubg-second__body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%;
        padding: 18px 0;
    }
}
.pubg-second__body:after,
.pubg-second__body:before {
    content: "";
    height: 48px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.pubg-second__body:before {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/second-t-min.png) 50% 100% no-repeat;
    bottom: 100%;
}
.pubg-second__body:after {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/second-b-min.png) 50% 100% no-repeat;
    top: 100%;
}
.pubg-second__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .pubg-second__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.pubg-second__title {
    font-family: var(--font-horta);
    font-size: 74px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 91px;
    margin-bottom: 7px;
    text-transform: uppercase;
}
@media (max-width: 1320px) {
    .pubg-second__title {
        font-size: 43px;
        line-height: 70px;
    }
}
.pubg-second__text {
    font-family: var(--font-roboto);
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    min-height: 168px;
}
@media (max-width: 1280px) {
    .pubg-second__text {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (max-width: 1024px) {
    .pubg-second__text {
        min-height: 210px;
    }
}
@media (max-width: 768px) {
    .pubg-second__text {
        line-height: 25px;
    }
}
.pubg-second__puyment {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    margin-left: 8.33333%;
    max-width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .pubg-second__puyment {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-left: 0;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.pubg-second__puyment:after {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/second-r-min.png) 100% 50% no-repeat;
    content: "";
    height: 392px;
    position: absolute;
    right: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 148px;
}
.pubg-second-puyment__line {
    left: -20%;
    pointer-events: none;
    position: absolute;
    top: -44px;
    z-index: 1;
}
@media (max-width: 1024px) {
    .pubg-second-puyment__line {
        top: -33px;
    }
}
@media (max-width: 768px) {
    .pubg-second-puyment__line {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        left: 0;
        right: 0;
        top: -11px;
    }
    .pubg-second-puyment__line .icon-pubg-line {
        display: none;
    }
}
.pubg-second-puyment__line .icon-pubg-line2 {
    display: none;
}
@media (max-width: 768px) {
    .pubg-second-puyment__line .icon-pubg-line2 {
        display: block;
    }
}
.pubg-second-puyment__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 30px;
}
@media (max-width: 1024px) {
    .pubg-second-puyment__list {
        padding-top: 50px;
    }
}
.pubg-second-puyment__item {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    justify-content: center;
    max-width: 50%;
    padding: 30px 15px 25px;
    width: 100%;
}
.pubg-second-puyment__item .icon {
    --white: var(--pubg-bg);
}
.pubg-second-puyment__item .icon-bonus-multy {
    height: 45px;
    width: 120px;
}
@media (max-width: 1024px) {
    .pubg-second-puyment__item .icon-bonus-multy {
        height: 36px;
        width: 100px;
    }
}
.pubg-second-puyment__item .icon-bonus-gorod {
    height: 34px;
    width: 170px;
}
@media (max-width: 1024px) {
    .pubg-second-puyment__item .icon-bonus-gorod {
        height: 28px;
        width: 145px;
    }
}
.pubg-second-puyment__item .icon-bonus-spasibo {
    height: 42px;
    width: 150px;
}
@media (max-width: 1024px) {
    .pubg-second-puyment__item .icon-bonus-spasibo {
        height: 36px;
        width: 126px;
    }
}
.pubg__third {
    background: var(--pubg-gradient-2);
    color: var(--white);
    overflow: hidden;
    padding-bottom: 100px;
    padding-top: 86px;
    position: relative;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .pubg__third {
        margin: 0 -10px;
    }
}
@media (max-width: 786px) {
    .pubg__third {
        padding-bottom: 93px;
    }
}
.pubg__third:before {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/third-bg-min.png) 50% 50% no-repeat;
    content: "";
    height: 605px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1800px;
}
.pubg__third:after {
    -webkit-animation: bgRoll 3s step-end infinite;
    animation: bgRoll 3s step-end infinite;
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/third-r-more.png) 0 0 no-repeat;
    bottom: 0;
    content: "";
    height: 676px;
    position: absolute;
    right: 0;
    width: 168px;
}
@media (max-width: 768px) {
    .pubg__third:after {
        bottom: -300px;
        right: -80px;
    }
}
.pubg-third__title {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-family: var(--font-horta);
    font-size: 74px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 91px;
    margin-bottom: 37px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 2;
}
@media (max-width: 1024px) {
    .pubg-third__title {
        margin: 0 auto;
        max-width: 866px;
        padding: 0;
    }
}
@media (max-width: 768px) {
    .pubg-third__title {
        font-size: 55px;
        line-height: 67px;
        max-width: 100%;
        padding: 0 15px;
    }
}
.pubg-third__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    opacity: 0;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
    width: 100%;
    z-index: 1;
}
.pubg-third__slider.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.pubg-third__slider .swiper {
    overflow: visible;
}
@media (max-width: 1024px) {
    .pubg-third__slider .swiper {
        margin: 0 auto;
        max-width: 866px;
    }
}
@media (max-width: 900px) {
    .pubg-third__slider .swiper {
        max-width: 100%;
    }
}
.pubg-third__slider .swiper-slide-active {
    position: relative;
    z-index: 1;
}
.pubg-third__slider .swiper-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0 0;
}
@media (max-width: 1024px) {
    .pubg-third__slider .swiper-nav {
        margin: 0 auto;
        max-width: 866px;
    }
}
@media (max-width: 800px) {
    .pubg-third__slider .swiper-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .pubg-third__slider .swiper-nav {
        padding-top: 0;
    }
}
.pubg-third__slider .swiper-button-prev {
    margin: 0 28px 0 0;
}
.pubg-third__slider .swiper-button-next {
    margin: 0;
}
.pubg-third__slider .swiper-button-next,
.pubg-third__slider .swiper-button-prev {
    background: #222;
    border-radius: var(--br-10);
    -webkit-box-shadow: -15px 10px 10px rgba(0, 0, 0, 0.15);
    box-shadow: -15px 10px 10px rgba(0, 0, 0, 0.15);
    height: 80px;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    -webkit-transition: var(--transition03-background), var(--transition03-box-shadow), var(--transition03-opacity), var(--transition03-transform);
    -o-transition: var(--transition03-background), var(--transition03-box-shadow), var(--transition03-opacity), var(--transition03-transform);
    transition: var(--transition03-background), var(--transition03-box-shadow), var(--transition03-opacity), var(--transition03-transform);
    width: 80px;
}
@media (max-width: 768px) {
    .pubg-third__slider .swiper-button-next,
    .pubg-third__slider .swiper-button-prev {
        height: 60px;
        width: 60px;
    }
}
.pubg-third__slider .swiper-button-next:after,
.pubg-third__slider .swiper-button-prev:after {
    display: none;
}
.pubg-third__slider .swiper-button-next .icon,
.pubg-third__slider .swiper-button-prev .icon {
    stroke: hsla(0, 0%, 100%, 0.5);
    stroke-width: 3;
    fill: none;
    height: 42px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 24px;
}
@media (max-width: 768px) {
    .pubg-third__slider .swiper-button-next .icon,
    .pubg-third__slider .swiper-button-prev .icon {
        height: 38px;
        width: 20px;
    }
}
.pubg-third__slider .swiper-button-next:hover,
.pubg-third__slider .swiper-button-prev:hover {
    background: var(--pubg-color);
    opacity: 1;
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09);
}
.pubg-third__slider .swiper-button-next:hover .icon,
.pubg-third__slider .swiper-button-prev:hover .icon {
    stroke: #222;
}
.pubg-third__slider .swiper-button-disabled {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0.65;
}
.pubg-third-slider__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 866px;
    flex: 0 0 866px;
    opacity: 0;
    padding: 30px 0;
    position: relative;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
    width: 866px;
}
@media (max-width: 1024px) {
    .pubg-third-slider__item {
        padding: 70px 0 30px;
    }
}
@media (max-width: 800px) {
    .pubg-third-slider__item {
        -webkit-box-flex: 1;
        -ms-flex: auto 0 0px;
        flex: auto 0 0;
        padding: 58px 0 54px;
        width: auto;
    }
}
.pubg-third-slider__item.swiper-slide-visible {
    opacity: 1;
}
.pubg-third-slider__item:before {
    content: "";
    opacity: 0.4;
    position: absolute;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.pubg-third-slider__item.swiper-slide-active:before {
    opacity: 1;
}
.pubg-third-slider__item.step-1:before {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/third-pic1-bg-min.png) 50% 50% no-repeat;
    height: 317px;
    left: -120px;
    top: -45px;
    width: 364px;
}
.pubg-third-slider__item.step-2:before {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/third-pic2-bg-min.png) 50% 50% no-repeat;
    height: 466px;
    left: -139px;
    top: -98px;
    width: 471px;
}
.pubg-third-slider__item.step-3:before {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/third-pic3-bg-min.png) 50% 50% no-repeat;
    height: 469px;
    left: -176px;
    top: -149px;
    width: 470px;
}
.pubg-third-slider__item.step-4:before {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/third-pic4-bg-min.png) 50% 50% no-repeat;
    height: 466px;
    left: -164px;
    top: -130px;
    width: 471px;
}
.pubg-third-slider-item__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#9f9675), to(#f2a900));
    background: -webkit-linear-gradient(top, #9f9675, #f2a900);
    background: -o-linear-gradient(top, #9f9675 0, #f2a900 100%);
    background: linear-gradient(180deg, #9f9675, #f2a900);
    border-radius: var(--br-20);
    -webkit-box-shadow: -15px 10px 10px rgba(0, 0, 0, 0.15);
    box-shadow: -15px 10px 10px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 323px;
    position: relative;
}
@media (max-width: 800px) {
    .pubg-third-slider-item__back {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 500px;
        max-width: -webkit-calc(100vw - 30px);
        max-width: calc(100vw - 30px);
        width: 345px;
    }
}
.pubg-third-slider-item__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding: 30px;
}
@media (max-width: 800px) {
    .pubg-third-slider-item__desc {
        padding: 25px 20px;
    }
}
.pubg-third-slider-item__title {
    color: var(--black);
    font-family: var(--font-horta);
    font-size: 74px;
    line-height: 91px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.pubg-third-slider-item__text {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 33px;
}
.pubg-third-slider-item__text a,
.pubg-third-slider-item__text span {
    color: var(--black);
}
@media (max-width: 768px) {
    .pubg-third-slider-item__text {
        font-size: 22px;
        line-height: 26px;
    }
}
.pubg-third-slider-item__image {
    border-radius: var(--br-20);
    overflow: hidden;
    width: 430px;
}
@media (max-width: 800px) {
    .pubg-third-slider-item__image {
        width: 100%;
    }
}
.pubg-third-slider-item__image img {
    display: block;
    max-width: 100%;
}
.pubg__fourth {
    padding-top: 206px;
    position: relative;
}
@media (max-width: 1024px) {
    .pubg__fourth {
        padding-left: 62px;
        padding-top: 213px;
    }
}
@media (max-width: 768px) {
    .pubg__fourth {
        padding-left: 0;
        padding-top: 116px;
    }
}
.pubg__fourth:before {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/fourth-top-min.png) 50% 50% no-repeat;
    content: "";
    height: 107px;
    left: 50%;
    position: absolute;
    top: -40px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 1545px;
}
.pubg-fourth__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #f2f0ed;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 50px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
.pubg-fourth__header:after,
.pubg-fourth__header:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
@media (max-width: 768px) {
    .pubg-fourth__header:after,
    .pubg-fourth__header:before {
        display: none;
    }
}
.pubg-fourth__header:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(42.54%, #50412e), to(#222));
    background: -webkit-linear-gradient(top, #50412e 42.54%, #222);
    background: -o-linear-gradient(top, #50412e 42.54%, #222 100%);
    background: linear-gradient(180deg, #50412e 42.54%, #222);
    height: 888px;
    left: -85px;
    top: -43px;
    width: 2px;
}
@media (max-width: 1024px) {
    .pubg-fourth__header:before {
        left: -34px;
    }
}
.pubg-fourth__header:after {
    background: var(--pubg-color);
    border-radius: 50%;
    height: 16px;
    left: -92px;
    top: 25px;
    width: 16px;
}
@media (max-width: 1024px) {
    .pubg-fourth__header:after {
        left: -42px;
    }
}
.pubg-fourth__title {
    font-family: var(--font-horta);
    font-size: 74px;
    font-style: normal;
    font-weight: 600;
    line-height: 77px;
    margin-bottom: 3px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .pubg-fourth__title {
        font-size: 70px;
    }
}
@media (max-width: 768px) {
    .pubg-fourth__title {
        font-size: 55px;
        line-height: 67px;
    }
}
.pubg-fourth__text {
    font-family: var(--font-roboto);
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 36px;
}
@media (max-width: 1024px) {
    .pubg-fourth__text {
        display: none;
    }
}
.pubg-fourth__text a {
    color: #f2f0ed;
}
.pubg-fourth__text .icon {
    --black: #f2f0ed;
    display: inline-block;
    margin: 0 0 5px 10px;
    vertical-align: middle;
}
.pubg-fourth-slider__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/pubg/fourth-bg-min.png) 0 0 no-repeat;
    height: 356px;
    left: 40px;
    position: absolute;
    top: -17px;
    width: 307px;
}
.pubg-fourth__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    opacity: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    position: relative;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
    width: 100%;
    z-index: 2;
}
@media (max-width: 1024px) {
    .pubg-fourth__slider {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 34px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .pubg-fourth__slider {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
        width: 100%;
    }
}
.pubg-fourth__slider.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.pubg-fourth__slider:before {
    background: #393939;
    content: "";
    -webkit-filter: blur(75px);
    filter: blur(75px);
    height: 531px;
    left: 88px;
    position: absolute;
    top: 70px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 406px;
}
.pubg-fourth__slider .swiper-carousel {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto 33px 109px;
    position: static;
}
@media (max-width: 1024px) {
    .pubg-fourth__slider .swiper-carousel {
        margin: 0 auto 0 110px;
    }
}
@media (max-width: 767px) {
    .pubg-fourth__slider .swiper-carousel {
        margin: 0 auto;
        padding-bottom: 250px;
    }
}
.pubg-fourth__slider .swiper-carousel .ea-slider__item {
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 767px) {
    .pubg-fourth__slider .swiper-carousel .ea-slider__item {
        opacity: 0 !important;
    }
    .pubg-fourth__slider .swiper-carousel .ea-slider__item.swiper-slide-active {
        opacity: 1 !important;
    }
}
.pubg-fourth__slider .swiper-pagination {
    bottom: auto;
    left: auto;
    max-width: 100%;
    padding-bottom: 30px;
    position: relative;
}
.pubg-fourth__slider .swiper-pagination .nicescroll-rails-hr {
    border-radius: 6px;
    left: 15px !important;
}
.pubg-fourth__slider .swiper-pagination .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    width: auto;
}
@media (max-width: 1280px) {
    .pubg-fourth__slider .swiper-pagination .wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 1024px) {
    .pubg-fourth__slider .swiper-pagination .wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (max-width: 767px) {
    .pubg-fourth__slider .swiper-pagination .wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: none;
    }
}
.pubg-fourth__slider .swiper-pagination-block {
    margin: 0 -250px 0 -109px;
    padding-top: 24px;
}
@media (max-width: 1024px) {
    .pubg-fourth__slider .swiper-pagination-block {
        margin: 0 -300px 0 -105px;
        padding-top: 37px;
    }
}
@media (max-width: 767px) {
    .pubg-fourth__slider .swiper-pagination-block {
        left: 50%;
        margin: 20px 0 0 -50vw;
        padding: 0;
        position: absolute;
        width: 100vw;
    }
}
.pubg-fourth__slider .swiper-pagination-title {
    color: #f2f0ed;
    font-family: var(--font-horta);
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 44px;
    margin-bottom: 18px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .pubg-fourth__slider .swiper-pagination-title {
        padding: 0 15px;
    }
}
.pubg-fourth__slider .swiper-pagination-bullet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 0;
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 500;
    height: 45px;
    margin: 0 9px 18px !important;
    opacity: 1;
    outline: none;
    padding: 0 23px;
    position: relative;
    text-transform: uppercase;
    width: auto;
    z-index: 1;
}
.pubg-fourth__slider .swiper-pagination-bullet:before {
    background: #d5d1cb;
}
.pubg-fourth__slider .swiper-pagination-bullet:after,
.pubg-fourth__slider .swiper-pagination-bullet:before {
    border-radius: 5px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-14deg, 0);
    -ms-transform: skew(-14deg, 0);
    transform: skew(-14deg, 0);
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    z-index: -1;
}
.pubg-fourth__slider .swiper-pagination-bullet:after {
    background: var(--pubg-color);
    opacity: 0;
}
.pubg-fourth__slider .swiper-pagination-bullet-active {
    color: var(--black);
}
.pubg-fourth__slider .swiper-pagination-bullet-active:before {
    opacity: 0;
}
.pubg-fourth__slider .swiper-pagination-bullet-active:after {
    opacity: 1;
}
.pubg-fourth__slider .swiper-nav {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 27%;
}
@media (max-width: 767px) {
    .pubg-fourth__slider .swiper-nav {
        display: none;
    }
}
.pubg-fourth__slider .swiper-button-next,
.pubg-fourth__slider .swiper-button-prev {
    --swiper-navigation-size: 86px;
    display: block;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    pointer-events: auto;
    width: var(--swiper-navigation-size);
}
@media (max-width: 1024px) {
    .pubg-fourth__slider .swiper-button-next,
    .pubg-fourth__slider .swiper-button-prev {
        margin: 0;
    }
}
.pubg-fourth__slider .swiper-button-next:after,
.pubg-fourth__slider .swiper-button-prev:after {
    display: none;
}
.pubg-fourth__slider .swiper-button-next .icon,
.pubg-fourth__slider .swiper-button-prev .icon {
    --arrow-bg: var(--pubg-color);
    --black: var(--pubg-color);
    --black2: #000;
    border-radius: 17px;
    opacity: 1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.pubg-fourth__slider .swiper-button-next:hover .icon,
.pubg-fourth__slider .swiper-button-prev:hover .icon {
    --black: var(--pubg-color);
    --black2: #fff;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
}
.pubg-fourth__slider .swiper-button-prev {
    left: 0;
}
.pubg-fourth__slider .swiper-button-next {
    left: 530px;
}
.pubg-fourth__slider .swiper-button-disabled {
    opacity: 0.3;
}
.pubg-fourth__slider .swiper-button-disabled .icon {
    --arrow-bg: none;
    --black: #fff;
    --black2: #fff;
    opacity: 0.5;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.pubg-fourth__slider .swiper-button-disabled:hover .icon {
    --arrow-bg: none;
    --black: #fff;
    --black2: #fff;
    -webkit-animation: none;
    animation: none;
    opacity: 0.5;
}
.pubg-fourth__image {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    opacity: 0;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
    transition: all 0.1s ease 0.1s;
    width: 100%;
}
@media (max-width: 1024px) {
    .pubg-fourth__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .pubg-fourth__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        left: 170px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        pointer-events: none;
        position: absolute;
        top: 80px;
        width: 100%;
        z-index: -1;
    }
}
.pubg-fourth__image.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.pubg-fourth__image div {
    left: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-75px, -270px);
    -ms-transform: translate(-75px, -270px);
    transform: translate(-75px, -270px);
    z-index: 1;
}
@media (max-width: 1024px) {
    .pubg-fourth__image div {
        -webkit-transform: translate(16px, -229px);
        -ms-transform: translate(16px, -229px);
        transform: translate(16px, -229px);
    }
    .pubg-fourth__image div img {
        width: 525px;
    }
}
@media (max-width: 768px) {
    .pubg-fourth__image div {
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .pubg-fourth__image div img {
        width: 333px;
    }
}
.pubg-fourth__image div:before {
    background: #393939;
    content: "";
    -webkit-filter: blur(75px);
    filter: blur(75px);
    height: 358px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 667px;
    z-index: -1;
}
.icon-pubg-button-arrow {
    height: 16px;
    width: 12px;
}
.icon-pubg-android,
.icon-pubg-apple {
    height: 40px;
    width: 40px;
}
.icon-pubg-midasbuy {
    height: 30px;
    width: 150px;
}
.icon-pubg-line {
    height: 357px;
    width: 104px;
}
.icon-pubg-line2 {
    height: 57px;
    width: 375px;
}
@-webkit-keyframes animate-scroll-down {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    92% {
        opacity: 1;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    99% {
        opacity: 0;
    }
    to {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes animate-scroll-down {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    92% {
        opacity: 1;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    99% {
        opacity: 0;
    }
    to {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@-webkit-keyframes bgRoll {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -168px 0;
    }
    to {
        background-position: -336px 0;
    }
}
@keyframes bgRoll {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -168px 0;
    }
    to {
        background-position: -336px 0;
    }
}
.caliber__block {
    background: #1a1d22;
    color: var(--white);
    overflow: hidden;
    text-align: left;
}
.caliber__block .breadcrumbs {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 150px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 120px;
    width: 100%;
}
@media (max-width: 768px) {
    .caliber__block .breadcrumbs {
        height: auto;
        padding-top: 80px;
    }
}
.caliber__header {
    background: url(/bitrix/templates/c4g/css/../pictures/1c/caliber/header-bg-min.jpg) 50% 100% no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    max-height: 620px;
    min-height: 620px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 768px) {
    .caliber__header {
        height: auto;
        max-height: none;
    }
}
.caliber__header .b-row {
    height: 100%;
}
@media (max-width: 768px) {
    .caliber__header .b-row {
        height: auto;
    }
}
.caliber__header:after {
    background: var(--caliber-color);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    z-index: 2;
}
.caliber-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: -webkit-calc(100% - 150px);
    height: calc(100% - 150px);
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    position: relative;
    width: 100%;
}
@media (max-width: 1140px) {
    .caliber-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        z-index: 2;
    }
}
@media (max-width: 768px) {
    .caliber-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 100%;
        left: 0;
        max-width: 100%;
        order: 2;
        padding: 0 15px 115px;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 1;
    }
    .caliber-header__desc:after,
    .caliber-header__desc:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(1, 1, 1, 0)), to(#010101));
        background: -webkit-linear-gradient(top, rgba(1, 1, 1, 0), #010101);
        background: -o-linear-gradient(top, rgba(1, 1, 1, 0) 0, #010101 100%);
        background: linear-gradient(180deg, rgba(1, 1, 1, 0), #010101);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 250px;
        z-index: -1;
    }
}
.caliber-header__logo {
    margin-bottom: 30px;
}
.caliber-header__logo img {
    height: 55px;
}
@media (max-width: 1140px) {
    .caliber-header__logo {
        margin-right: -100px;
    }
}
@media (max-width: 768px) {
    .caliber-header__logo {
        margin: 0;
        position: absolute;
        top: 120px;
    }
    .caliber-header__logo img {
        height: 40px;
        width: auto;
    }
}
.caliber-header__text {
    font-family: var(--font-caliber);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 36px;
    margin-bottom: 40px;
}
@media (max-width: 1140px) {
    .caliber-header__text {
        margin-bottom: 43px;
    }
}
@media (max-width: 1024px) {
    .caliber-header__text {
        margin-right: -80px;
    }
}
@media (max-width: 768px) {
    .caliber-header__text {
        line-height: 29px;
        margin-bottom: 28px;
        margin-right: 0;
    }
}
.caliber-header__text h1 {
    font-family: var(--font-caliber);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 6px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .caliber-header__text h1 {
        margin-bottom: 16px;
    }
}
.caliber-header__text p {
    margin: 0;
}
.caliber-header__text a {
    color: var(--white);
    text-decoration: none;
}
.caliber-header__text a.arrow-min {
    position: relative;
}
.caliber-header__text a.arrow-min:after {
    background: url(/bitrix/templates/c4g/css/../pictures/1c/caliber/dashed.png);
    content: "";
    height: 2px;
    left: 0;
    margin: 2px 0 0;
    position: absolute;
    right: 0;
    top: 100%;
}
.caliber-header__text a.arrow-min:before {
    background: url(/bitrix/templates/c4g/css/../pictures/1c/caliber/arrow-min.svg) 50% 50% no-repeat;
    content: "";
    height: 10px;
    left: -20px;
    position: absolute;
    top: 5px;
    width: 13px;
}
@media (max-width: 768px) {
    .caliber-header__text a.arrow-min:before {
        display: none;
    }
}
.caliber-header__picture {
    -webkit-box-flex: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    justify-content: center;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .caliber-header__picture {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .caliber-header__picture {
        -webkit-box-flex: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 600px;
        max-width: 100%;
        overflow: hidden;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 60px;
        width: 100%;
    }
}
.caliber-header__image {
    position: relative;
}
@media (max-width: 900px) {
    .caliber-header__image {
        -webkit-transform: translate(50px);
        -ms-transform: translate(50px);
        transform: translate(50px);
    }
}
@media (max-width: 768px) {
    .caliber-header__image {
        -webkit-transform: translate(20px);
        -ms-transform: translate(20px);
        transform: translate(20px);
    }
}
.caliber-header__image .icon {
    position: absolute;
}
.caliber-header__image .icon-caliber-romb-1 {
    bottom: 425px;
    left: 50%;
    margin: 0 0 0 -188px;
}
.caliber-header__image .icon-caliber-romb-1.type2 {
    bottom: 460px;
    margin: 0 0 0 222px;
}
.caliber-header__image .icon-caliber-romb-2 {
    bottom: 270px;
    left: 50%;
    margin: 0 0 0 -258px;
}
.caliber-header__image .icon-caliber-romb-3 {
    bottom: 200px;
    left: 50%;
    margin: 0 0 0 -352px;
}
.caliber-header__image .icon-caliber-romb-4 {
    bottom: 90px;
    left: 50%;
    margin: 0 0 0 -84px;
}
.caliber-header__image img {
    display: block;
    margin: 0 16px 0 0;
    position: relative;
    z-index: 1;
}
.caliber-header__navi {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: center;
    margin: -120px auto 0;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    z-index: 2;
}
@media (max-width: 1140px) {
    .caliber-header__navi {
        display: block;
        padding: 0;
    }
}
@media (max-width: 768px) {
    .caliber-header__navi {
        margin-top: -115px;
    }
}
.caliber-header-navi__scroll .do-nicescroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0;
    z-index: 10;
}
.caliber-header-navi__scroll .do-nicescroll .nicescroll-rails-hr {
    background-color: hsla(0, 0%, 100%, 0.1);
    border-radius: 10px;
    left: 15px !important;
    overflow: hidden;
    right: 15px !important;
    width: auto !important;
}
@media (max-width: 768px) {
    .caliber-header-navi__scroll .do-nicescroll .nicescroll-rails-hr {
        left: 15px !important;
    }
}
.caliber-header-navi__scroll .do-nicescroll.visible-scroll {
    padding-bottom: 25px;
}
.caliber-header-navi__scroll ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(26, 29, 34, 0.7);
    border-radius: var(--br-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-caliber);
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    justify-content: space-between;
    max-width: 1130px;
    overflow: hidden;
    text-transform: uppercase;
    width: 100%;
}
@media (max-width: 1140px) {
    .caliber-header-navi__scroll ul {
        margin: 0 45px;
        min-width: 1040px;
    }
}
@media (max-width: 1024px) {
    .caliber-header-navi__scroll ul {
        margin: 0 15px;
    }
}
.caliber-header-navi__scroll ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    list-style-type: none;
}
.caliber-header-navi__scroll ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 0 34px;
    text-decoration: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    white-space: nowrap;
}
@media (max-width: 1140px) {
    .caliber-header-navi__scroll ul li a {
        padding: 0 25px;
    }
}
.caliber-header-navi__scroll ul li a:hover {
    background: var(--caliber-color);
    border-radius: 5px;
    color: #2a2823;
    opacity: 1;
}
.caliber-head__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/wg/wow/header-noise.png) 50% 50% no-repeat;
    content: "";
    height: 650px;
    left: 50%;
    margin-left: -912.5px;
    pointer-events: none;
    position: absolute;
    top: 100px;
    width: 1825px;
    z-index: 1;
}
.caliber__special {
    padding-bottom: 30px;
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
.caliber__special .ea__slider {
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 0;
}
.caliber__special .ea__slider .swiper-pagination {
    display: block;
}
.caliber__special .ea__slider .swiper-pagination-lock {
    display: none;
}
.caliber__special .ea__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: #2e3135;
    opacity: 1;
}
.caliber__special .ea__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--caliber-color);
}
.caliber__content {
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
.product__block .caliber__content {
    padding-top: 50px;
}
.caliber__content:after {
    background: #272c33;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.product__block .caliber__content:after {
    display: none;
}
.caliber__content:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(43.58%, #000), to(#1a1d22));
    background: -webkit-linear-gradient(top, #000 43.58%, #1a1d22);
    background: -o-linear-gradient(top, #000 43.58%, #1a1d22 100%);
    background: linear-gradient(180deg, #000 43.58%, #1a1d22);
    content: "";
    height: 740px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.product__block .caliber__content:before {
    display: none;
}
.caliber__content .info-block__wide {
    margin-bottom: 50px;
}
.caliber__content .ea__slider {
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 0;
}
.caliber__content .ea__slider .swiper-pagination {
    display: block;
}
.caliber__content .ea__slider .swiper-pagination-lock {
    display: none;
}
.caliber__content .ea__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: #2e3135;
    opacity: 1;
}
.caliber__content .ea__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--caliber-color);
}
.product__block .caliber__content .ea__slider {
    margin-bottom: 60px;
}
@media (max-width: 1140px) {
    .product__block .caliber__content .ea__slider {
        margin-bottom: 50px;
    }
}
@media (max-width: 768px) {
    .product__block .caliber__content .ea__slider {
        margin-bottom: 45px;
    }
}
.caliber__last-sales {
    background: #272c33;
    margin-bottom: 60px;
    margin-top: 30px;
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative;
}
.caliber__last-sales:after,
.caliber__last-sales:before {
    background: -webkit-gradient(linear, left top, right top, from(#1a1d22), color-stop(50.08%, rgba(255, 200, 60, 0.3)), to(#1a1d22));
    background: -webkit-linear-gradient(left, #1a1d22, rgba(255, 200, 60, 0.3) 50.08%, #1a1d22);
    background: -o-linear-gradient(left, #1a1d22 0, rgba(255, 200, 60, 0.3) 50.08%, #1a1d22 100%);
    background: linear-gradient(90deg, #1a1d22, rgba(255, 200, 60, 0.3) 50.08%, #1a1d22);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.caliber__last-sales:before {
    top: 0;
}
.caliber__last-sales:after {
    bottom: 0;
}
@media (max-width: 768px) {
    .caliber__last-sales .catalog__orders {
        padding-left: 15px;
    }
}
.caliber__last-sales .block__head {
    margin-bottom: 48px;
}
@media (max-width: 768px) {
    .caliber__last-sales .block__head {
        margin-bottom: 38px;
    }
}
.caliber__last-sales .ea__slider {
    margin-bottom: 0;
    padding-bottom: 0;
}
.caliber__info {
    margin-bottom: 140px;
}
@media (max-width: 1024px) {
    .caliber__info {
        margin: 0 auto 100px;
        max-width: 700px;
    }
}
@media (max-width: 768px) {
    .caliber__info {
        margin-bottom: 70px;
    }
}
.caliber__info .b-row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.caliber-info__left {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .caliber-info__left {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.caliber-info-left__image {
    position: relative;
}
@media (max-width: 768px) {
    .caliber-info-left__image .rombs {
        display: block;
        -webkit-transform: translate(23px, 197px) scale(0.6);
        -ms-transform: translate(23px, 197px) scale(0.6);
        transform: translate(23px, 197px) scale(0.6);
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}
.caliber-info-left__image:before {
    background: url(/bitrix/templates/c4g/css/../pictures/1c/caliber/pic2-bg-min.png) 50% 50% no-repeat;
    content: "";
    height: 851px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 851px;
}
@media (max-width: 768px) {
    .caliber-info-left__image:before {
        -webkit-transform: translate(-50%, -50%) scale(0.7);
        -ms-transform: translate(-50%, -50%) scale(0.7);
        transform: translate(-50%, -50%) scale(0.7);
    }
}
.caliber-info-left__image .icon {
    left: 50%;
    position: absolute;
    top: 50%;
}
.caliber-info-left__image .icon-caliber-romb-5 {
    margin: -251px 0 0 -232px;
}
.caliber-info-left__image .icon-caliber-romb-8 {
    margin: 8px 0 0 -254px;
    z-index: 2;
}
.caliber-info-left__image img {
    display: block;
    margin: 0 0 0 70px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .caliber-info-left__image img {
        margin: 0 auto;
        max-width: 395px;
        -webkit-transform: translate(-45px);
        -ms-transform: translate(-45px);
        transform: translate(-45px);
    }
}
.caliber-info__right {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .caliber-info__right {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.caliber-info-right__image {
    padding-bottom: 100px;
    position: relative;
}
@media (max-width: 1024px) {
    .caliber-info-right__image {
        display: none;
    }
}
@media (max-width: 768px) {
    .caliber-info-right__image .rombs {
        display: block;
        -webkit-transform: translate(-13px, 164px) scale(0.7);
        -ms-transform: translate(-13px, 164px) scale(0.7);
        transform: translate(-13px, 164px) scale(0.7);
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
}
.caliber-info-right__image:before {
    background: url(/bitrix/templates/c4g/css/../pictures/1c/caliber/pic3-bg-min.png) 50% 50% no-repeat;
    content: "";
    height: 851px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 851px;
}
@media (max-width: 768px) {
    .caliber-info-right__image:before {
        -webkit-transform: translate(-50%, -50%) scale(0.7);
        -ms-transform: translate(-50%, -50%) scale(0.7);
        transform: translate(-50%, -50%) scale(0.7);
    }
}
.caliber-info-right__image .icon {
    left: 50%;
    position: absolute;
    top: 50%;
}
.caliber-info-right__image .icon-caliber-romb-6 {
    margin: -143px 0 0 -112px;
}
.caliber-info-right__image .icon-caliber-romb-7 {
    margin: 88px 0 0 -44px;
    z-index: 2;
}
@media (max-width: 768px) {
    .caliber-info-right__image .icon-caliber-romb-7 {
        margin-top: 40px;
    }
}
.caliber-info-right__image img {
    display: block;
    margin: 19px 0 0 38px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .caliber-info-right__image img {
        margin: 0 auto;
        max-width: 345px;
        -webkit-transform: translate(18px);
        -ms-transform: translate(18px);
        transform: translate(18px);
    }
}
.caliber-info__bottom {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: -246px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    z-index: 4;
}
@media (max-width: 768px) {
    .caliber-info__bottom {
        margin-top: -146px;
    }
}
.caliber-info__text {
    background-color: var(--caliber-color);
    border-radius: var(--br-20);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    color: var(--black);
    font-family: var(--font-caliber);
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 auto;
    max-width: 1104px;
    padding: 55px 47px 69px;
    text-align: center;
}
@media (max-width: 768px) {
    .caliber-info__text {
        font-size: 14px;
        line-height: 22px;
        padding: 25px 20px;
        text-align: center;
    }
}
.caliber-info__text .h2,
.caliber-info__text h2 {
    font-family: var(--font-caliber);
    font-size: 60px;
    font-weight: 700;
    line-height: 58px;
    margin: 0 0 36px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .caliber-info__text .h2,
    .caliber-info__text h2 {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .caliber-info__text .h2,
    .caliber-info__text h2 {
        margin-bottom: 10px;
    }
}
.caliber-info__text p {
    display: block;
    margin: 0 auto;
    max-width: 845px;
}
.caliber__payment {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 27px;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 768px) {
    .caliber__payment {
        margin-bottom: 10px;
    }
}
.caliber-payment__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 25px 0;
    padding: 0 35px;
}
@media (max-width: 768px) {
    .caliber-payment__item {
        margin: 10px 0;
    }
}
.caliber-payment__item .icon {
    --white: var(--black);
}
.caliber-payment__item .icon-bonus-multy {
    height: 45px;
    width: 120px;
}
@media (max-width: 768px) {
    .caliber-payment__item .icon-bonus-multy {
        height: 26px;
        width: 72px;
    }
}
.caliber-payment__item .icon-bonus-gorod {
    height: 34px;
    width: 170px;
}
@media (max-width: 768px) {
    .caliber-payment__item .icon-bonus-gorod {
        height: 20px;
        width: 102px;
    }
}
.caliber-payment__item .icon-bonus-spasibo {
    height: 42px;
    width: 150px;
}
@media (max-width: 768px) {
    .caliber-payment__item .icon-bonus-spasibo {
        height: 24px;
        width: 90px;
    }
}
.caliber-payment__item .icon-bonus-mnogoru {
    height: 48px;
    width: 160px;
}
@media (max-width: 768px) {
    .caliber-payment__item .icon-bonus-mnogoru {
        height: 28px;
        width: 96px;
    }
}
.caliber-payment__item.soon {
    position: relative;
}
.caliber-payment__item.soon .icon {
    opacity: 0.3;
}
.caliber-payment__item.soon .soon-label {
    color: var(--black);
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 700;
    left: 66%;
    padding: 5px 22px;
    position: absolute;
    text-transform: uppercase;
    top: 66%;
    z-index: 1;
}
@media (max-width: 1024px) {
    .caliber-payment__item.soon .soon-label {
        left: 54%;
        padding: 5px 16px;
        top: 50%;
    }
}
@media (max-width: 768px) {
    .caliber-payment__item.soon .soon-label {
        font-size: 10px;
    }
}
.caliber-payment__item.soon .soon-label:before {
    background: hsla(0, 0%, 100%, 0.8);
    border-radius: 5px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skew(-12deg, 0);
    -ms-transform: skew(-12deg, 0);
    transform: skew(-12deg, 0);
    z-index: -1;
}
.caliber__premium {
    background: var(--black);
    border-bottom: 2px solid hsla(0, 0%, 100%, 0.2);
    border-top: 2px solid hsla(0, 0%, 100%, 0.2);
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}
.caliber__premium:after,
.caliber__premium:before {
    content: "";
    -webkit-filter: blur(100px);
    filter: blur(100px);
    height: 176px;
    left: 50%;
    margin: 0 0 0 -900px;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1800px;
    z-index: -1;
}
.caliber__premium:before {
    background: #858585;
    -webkit-filter: blur(100px);
    filter: blur(100px);
    top: 100px;
}
.caliber__premium:after {
    background: #0f5e59;
    bottom: 100px;
    -webkit-filter: blur(100px);
    filter: blur(100px);
}
.caliber__premium .b-container {
    padding-top: 50px;
}
@media (max-width: 768px) {
    .caliber__premium .b-container {
        padding-bottom: 30px;
    }
}
.caliber__premium .b-container:before {
    background: url(/bitrix/templates/c4g/css/../pictures/1c/caliber/bottom-bg-min.png) 0 100% no-repeat;
    bottom: 0;
    content: "";
    height: 800px;
    left: 0;
    position: absolute;
    width: 1080px;
}
@media (max-width: 2000px) {
    .caliber__premium .b-container:before {
        left: auto;
        right: 50%;
    }
}
@media (max-width: 768px) {
    .caliber__premium .b-container:before {
        left: 0;
        right: auto;
    }
}
.caliber__premium .b-row {
    position: relative;
}
.caliber-premium__bg {
    background-color: var(--black);
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.caliber-premium__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 558px;
    flex: 0 0 558px;
    max-width: 558px;
    padding-left: 0;
    padding-right: 15px;
    padding-top: 10px;
    position: relative;
    -webkit-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
    width: 100%;
    z-index: 2;
}
@media (max-width: 1140px) {
    .caliber-premium__slider {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 476px;
        flex: 0 0 476px;
        max-width: 476px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .caliber-premium__slider {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
        width: 100%;
    }
}
@media (max-width: 550px) {
    .caliber-premium__slider {
        padding-left: 0;
        padding-right: 0;
    }
}
.caliber-premium__slider.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.caliber-premium__slider .swiper-carousel {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto 33px 110px;
    position: static;
}
@media (min-width: 1800px) {
    .caliber-premium__slider .swiper-carousel {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .caliber-premium__slider .swiper-carousel {
        margin: 0 auto;
        padding-bottom: 0;
    }
}
.caliber-premium__slider .swiper-carousel .ea-slider__item {
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 767px) {
    .caliber-premium__slider .swiper-carousel .ea-slider__item {
        opacity: 0 !important;
    }
    .caliber-premium__slider .swiper-carousel .ea-slider__item.swiper-slide-active {
        opacity: 1 !important;
    }
}
.caliber-premium__slider .swiper-pagination {
    bottom: auto;
    left: auto;
    max-width: 100%;
    padding-bottom: 30px;
    position: relative;
}
.caliber-premium__slider .swiper-pagination .nicescroll-rails-hr {
    border-radius: 6px;
    left: 15px !important;
}
.caliber-premium__slider .swiper-pagination .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    width: auto;
}
@media (max-width: 767px) {
    .caliber-premium__slider .swiper-pagination .wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: none;
    }
}
.caliber-premium__slider .swiper-pagination-block {
    margin: 0 -250px 0 5px;
    padding-top: 24px;
}
@media (min-width: 1800px) {
    .caliber-premium__slider .swiper-pagination-block {
        margin-left: 8px;
    }
}
@media (max-width: 767px) {
    .caliber-premium__slider .swiper-pagination-block {
        margin: 20px 0 0 40px;
        padding: 0;
    }
}
@media (max-width: 550px) {
    .caliber-premium__slider .swiper-pagination-block {
        margin: 20px -15px 0;
        padding-left: 22px;
    }
}
.caliber-premium__slider .swiper-pagination-title {
    color: #f2f0ed;
    font-family: var(--font-caliber);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 29px;
    margin-bottom: 18px;
    padding: 0 15px;
    text-transform: uppercase;
}
.caliber-premium__slider .swiper-pagination-bullet {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0, 0%, 100%, 0.3);
    border: none;
    border-radius: var(--br-5);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 500;
    height: 46px;
    justify-content: center;
    margin: 0 9px 18px !important;
    opacity: 1;
    outline: none;
    padding: 0 23px;
    position: relative;
    text-transform: uppercase;
    width: 98px;
    z-index: 1;
}
@media (max-width: 768px) {
    .caliber-premium__slider .swiper-pagination-bullet {
        padding: 0 10px;
        width: 78px;
    }
}
.caliber-premium__slider .swiper-pagination-bullet-active {
    background-color: var(--caliber-color);
    color: var(--black);
}
.caliber-premium__slider .swiper-nav {
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 36%;
}
@media (min-width: 1800px) {
    .caliber-premium__slider .swiper-nav {
        left: -130px;
        right: -130px;
    }
}
@media (max-width: 767px) {
    .caliber-premium__slider .swiper-nav {
        display: none;
    }
}
.caliber-premium__slider .swiper-button-next,
.caliber-premium__slider .swiper-button-prev {
    --swiper-navigation-size: 86px;
    display: block;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    pointer-events: auto;
    width: var(--swiper-navigation-size);
}
.caliber-premium__slider .swiper-button-next:after,
.caliber-premium__slider .swiper-button-prev:after {
    display: none;
}
.caliber-premium__slider .swiper-button-next .icon,
.caliber-premium__slider .swiper-button-prev .icon {
    fill: none;
    --arrow-bg: var(--caliber-color);
    --black: var(--caliber-color);
    --black2: #000;
    border-radius: 10px;
    opacity: 1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.caliber-premium__slider .swiper-button-next:hover .icon,
.caliber-premium__slider .swiper-button-prev:hover .icon {
    --black2: #fff;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
}
.caliber-premium__slider .swiper-button-prev {
    left: 0;
}
.caliber-premium__slider .swiper-button-next {
    left: 555px;
}
@media (min-width: 1800px) {
    .caliber-premium__slider .swiper-button-next {
        left: 605px;
    }
}
@media (max-width: 1140px) {
    .caliber-premium__slider .swiper-button-next {
        left: 470px;
    }
}
.caliber-premium__slider .swiper-button-disabled {
    opacity: 0.2;
}
.caliber-premium__slider .swiper-button-disabled .icon {
    --arrow-bg: none;
    --black: var(--white);
    --black2: var(--white);
}
.caliber-premium__slider .swiper-button-disabled:hover {
    opacity: 0.2;
}
.caliber-premium__slider .swiper-button-disabled:hover .icon {
    --arrow-bg: none;
    --black: var(--white);
    --black2: var(--white);
    -webkit-animation: none;
    animation: none;
}
.caliber-premium__image {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    max-width: none;
    max-width: -webkit-calc(100% - 558px);
    max-width: calc(100% - 558px);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    position: relative;
    -webkit-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
    transition: all 0.1s ease 0.1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    width: 100%;
}
@media (max-width: 1140px) {
    .caliber-premium__image {
        max-width: -webkit-calc(100% - 476px);
        max-width: calc(100% - 476px);
    }
}
@media (max-width: 768px) {
    .caliber-premium__image {
        display: none;
        left: 170px;
        pointer-events: none;
        position: absolute;
        top: 80px;
        z-index: -1;
    }
}
.caliber-premium__image.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.caliber-premium__image div {
    left: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-10px, -140px);
    -ms-transform: translate(-10px, -140px);
    transform: translate(-10px, -140px);
    z-index: 1;
}
@media (min-width: 1800px) {
    .caliber-premium__image div {
        -webkit-transform: translate(-50px, -130px);
        -ms-transform: translate(-50px, -130px);
        transform: translate(-50px, -130px);
    }
}
@media (max-width: 768px) {
    .caliber-premium__image div {
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .caliber-premium__image div img {
        width: 333px;
    }
}
.caliber-premium__image div:before {
    background: #393939;
    content: "";
    -webkit-filter: blur(75px);
    filter: blur(75px);
    height: 358px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 667px;
    z-index: -1;
}
.caliber-premium__image div span {
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    margin: -50px 0 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}
@media (max-width: 1800px) {
    .caliber-premium__image div span {
        display: none;
    }
}
.caliber-premium__image div span:before {
    background: #ffc83c;
    content: "";
    -webkit-filter: blur(62px);
    filter: blur(62px);
    height: 124px;
    left: 50%;
    opacity: 0.2;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 858px;
    z-index: -1;
}
.caliber__block .icon-caliber-romb-1 {
    height: 15px;
    width: 15px;
}
.caliber__block .icon-caliber-romb-2 {
    height: 88px;
    width: 88px;
}
.caliber__block .icon-caliber-romb-3 {
    height: 22px;
    width: 22px;
}
.caliber__block .icon-caliber-romb-4 {
    height: 346px;
    width: 235px;
}
.caliber__block .icon-caliber-romb-5 {
    height: 664px;
    width: 485px;
}
.caliber__block .icon-caliber-romb-6 {
    height: 425px;
    width: 288px;
}
.caliber__block .icon-caliber-romb-7 {
    height: 342px;
    width: 267px;
}
.caliber__block .icon-caliber-romb-8 {
    height: 142px;
    width: 142px;
}
@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }
    1% {
        height: 0;
    }
    to {
        height: 100%;
        opacity: 1;
    }
}
@keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }
    1% {
        height: 0;
    }
    to {
        height: 100%;
        opacity: 1;
    }
}
@-webkit-keyframes fadeInToNone {
    0% {
        opacity: 1;
    }
    1% {
        height: 100%;
    }
    to {
        margin: 0;
        max-height: 0;
        opacity: 0;
        padding: 0;
    }
}
@keyframes fadeInToNone {
    0% {
        opacity: 1;
    }
    1% {
        height: 100%;
    }
    to {
        margin: 0;
        max-height: 0;
        opacity: 0;
        padding: 0;
    }
}
.product__block .caliber__content {
    padding-top: 60px;
}
.product__block .caliber__content .ea__slider {
    margin-bottom: 50px;
}
.wt__block {
    background-color: var(--wt-bg);
    color: var(--white);
    overflow: hidden;
    position: relative;
    text-align: left;
}
.wt__block:before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(11.25%, #252f34), to(#171717));
    background-image: -webkit-linear-gradient(top, #252f34 11.25%, #171717);
    background-image: -o-linear-gradient(top, #252f34 11.25%, #171717 100%);
    background-image: linear-gradient(180deg, #252f34 11.25%, #171717);
}
.wt__block:after,
.wt__block:before {
    content: "";
    height: 1140px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.wt__block:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/wt/header-bg1-min.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.wt__block .breadcrumbs {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 150px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 120px;
    position: relative;
    width: 100%;
    z-index: 2;
}
@media (max-width: 768px) {
    .wt__block .breadcrumbs {
        height: auto;
        padding-top: 80px;
    }
}
.wt__block > * {
    position: relative;
    z-index: 1;
}
.wt__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 720px;
    position: relative;
}
@media (max-width: 768px) {
    .wt__header {
        min-height: 670px;
    }
}
.wt-header__logo {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: center;
    margin-bottom: -100px;
    margin-top: -150px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    pointer-events: none;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .wt-header__logo {
        margin-top: -80px;
    }
}
.wt-header__logo a {
    height: 320px;
    left: 50%;
    margin: 0 0 0 -180px;
    pointer-events: auto;
    position: absolute;
    top: 142px;
    width: 360px;
}
@media (max-width: 768px) {
    .wt-header__logo a {
        height: 260px;
        margin: 0 0 0 -140px;
        top: 90px;
        width: 280px;
    }
}
.wt-header__logo img {
    display: block;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .wt-header__logo img {
        height: auto;
        max-width: 438px;
    }
}
.wt-header__logo .icon-gaijin-entertainment {
    bottom: 297px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
}
@media (max-width: 768px) {
    .wt-header__logo .icon-gaijin-entertainment {
        bottom: 240px;
    }
}
.wt-header__navi {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: -174px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .wt-header__navi {
        margin-top: -100px;
        padding: 0;
    }
}
.wt-header__navi nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
@media (max-width: 768px) {
    .wt-header__navi nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-overflow-style: none;
        justify-content: flex-start;
        overflow: auto;
        scrollbar-color: transparent transparent;
        scrollbar-width: none;
    }
    .wt-header__navi nav::-webkit-scrollbar {
        display: none;
    }
}
.wt-header__navi ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 -25px;
    padding: 0;
}
@media (max-width: 768px) {
    .wt-header__navi ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 -10px;
    }
}
.wt-header__navi ul li {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.023)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.023));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0.023) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.023));
    border-radius: var(--br-20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 125px;
    list-style-type: none;
    margin: 0 25px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 214px;
}
@media (max-width: 768px) {
    .wt-header__navi ul li {
        margin: 0 10px;
    }
    .wt-header__navi ul li:first-child {
        margin-left: 20px;
    }
    .wt-header__navi ul li:last-child {
        margin-right: 20px;
    }
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    html:not(.bx-firefox) .wt-header__navi ul li {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
.wt-header__navi ul li:before {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(47, 70%, 92%, 0.2)), to(rgba(158, 105, 47, 0.2)));
    background: -webkit-linear-gradient(top, hsla(47, 70%, 92%, 0.2), rgba(158, 105, 47, 0.2));
    background: -o-linear-gradient(top, hsla(47, 70%, 92%, 0.2) 0, rgba(158, 105, 47, 0.2) 100%);
    background: linear-gradient(180deg, hsla(47, 70%, 92%, 0.2), rgba(158, 105, 47, 0.2));
    border-radius: var(--br-20);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.wt-header__navi ul li:not(.active):hover:before {
    opacity: 1;
}
.wt-header__navi ul li.active {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(47, 70%, 92%, 0.2)), to(rgba(158, 105, 47, 0.2)));
    background: -webkit-linear-gradient(top, hsla(47, 70%, 92%, 0.2), rgba(158, 105, 47, 0.2));
    background: -o-linear-gradient(top, hsla(47, 70%, 92%, 0.2) 0, rgba(158, 105, 47, 0.2) 100%);
    background: linear-gradient(180deg, hsla(47, 70%, 92%, 0.2), rgba(158, 105, 47, 0.2));
    border: 4px solid var(--wt-color-2);
}
.wt-header__navi ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    position: relative;
    text-decoration: none;
    width: 100%;
    z-index: 1;
}
.wt-header__navi ul li a:hover {
    opacity: 1;
}
.wt-header__navi ul li a span.icon {
    height: 48px;
    margin-bottom: 6px;
    width: 48px;
}
.wt-header__navi ul li a span.icon,
.wt-header__navi ul li a span.name {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.wt-header__navi ul li a span.name {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    opacity: 0.75;
    text-align: center;
    text-transform: uppercase;
}
.wt-header__bottom {
    bottom: 40px;
    left: 50%;
    margin: 0 0 0 -20px;
    position: absolute;
    width: 40px;
}
.wt__content .ea__slider {
    margin-bottom: 40px;
    padding-top: 20px;
}
.product__block .wt__content .block__head > span {
    margin-top: 25px;
}
@media (max-width: 768px) {
    .product__block .wt__content .block__head > span {
        margin-bottom: 30px;
        margin-top: 0;
        white-space: normal;
    }
}
.wt__picture {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: var(--br-10) var(--br-10) 0 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding-top: 50%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
@media (min-width: 769px) {
    .ea-slider__item--mid .wt__picture {
        padding-top: 58%;
    }
}
.wt__picture.swiper-lazy {
    background-position: 50% 5px;
    -webkit-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
.wt__picture.swiper-lazy-loaded {
    background-position: 50% 0;
}
.wt__picture ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 11px;
    justify-content: flex-start;
    line-height: 15px;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
    width: 100%;
}
.wt__picture ul,
.wt__picture ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto, sans-serif;
}
.wt__picture ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    margin: 0 0 2px;
    padding: 0;
    position: relative;
}
.wt__picture ul li:last-child {
    margin: 0;
}
.wt__picture ul li .icon-block {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    font-size: 0;
    height: 30px;
    justify-content: center;
    margin: 0 8px 0 0;
    width: 30px;
}
.wt__picture ul li .icon-block img.icon {
    -webkit-box-flex: 1;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    height: auto;
    max-height: 30px;
    max-width: 30px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
}
.wt__picture ul li .desc-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.wt__picture ul li .desc-block .icon {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: -1px 5px 0 0;
    vertical-align: middle;
}
.wt__set {
    pointer-events: none;
}
.wt-set__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.wt-set-head__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px;
    margin: 0 15px 0 0;
}
.wt-set-head__name {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.wt-set__list ul {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 1.334;
    margin: 0;
    padding: 0;
}
.wt-set__list ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0 0 5px;
    opacity: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translate(-20px, -10px);
    -ms-transform: translate(-20px, -10px);
    transform: translate(-20px, -10px);
}
.wt-set__list ul li:last-child {
    margin: 0;
}
.wt-set__list ul li .icon-block {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    font-size: 0;
    height: 30px;
    justify-content: center;
    margin: 0 8px 0 0;
    width: 30px;
}
.wt-set__list ul li .icon-block img.icon {
    -webkit-box-flex: 1;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    height: auto;
    max-height: 30px;
    max-width: 30px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
}
.wt-set__list ul li .desc-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.wt-set__list ul li .desc-block .icon {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: -1px 5px 0 0;
    vertical-align: middle;
}
.wt-set__list ul li .text-block {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-top: 10px;
}
.wt__first {
    background: url(/bitrix/templates/c4g/css/../pictures/wt/first-br.png) 100% 100% no-repeat;
    padding-bottom: 115px;
    position: relative;
    z-index: 2;
}
@media (max-width: 1024px) {
    .wt__first {
        padding-bottom: 1px;
    }
}
.wt__premium {
    min-height: 911px;
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1024px) {
    .wt__premium {
        padding-bottom: 60px;
        padding-top: 70px;
    }
}
.wt__premium:after,
.wt__premium:before {
    content: "";
    -webkit-filter: blur(100px);
    filter: blur(100px);
    height: 220px;
    left: 50%;
    margin: 0 0 0 -1175px;
    opacity: 0.78;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 2350px;
    z-index: -1;
}
.wt__premium:before {
    background: #922a13;
    top: -20px;
}
.wt__premium:after {
    background: #a97139;
    bottom: 0;
}
.wt__premium .b-container {
    position: relative;
    z-index: 2;
}
.wt__premium .ea__slider {
    margin: 0 auto;
    position: relative;
}
@media (max-width: 1024px) {
    .wt__premium .ea__slider {
        padding-top: 0;
    }
}
.wt-premium__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/wt/premium-bg-min.jpg) 50% 50% no-repeat;
    background-size: cover;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    border-top: 2px solid rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.wt-premium__text {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 60px;
    max-width: 100%;
    max-width: 680px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .wt-premium__text {
        margin-bottom: 50px;
        text-align: center;
    }
}
.wt-premium__slider {
    margin: 0 auto;
    width: 100%;
}
@media (min-width: 897px) {
    .wt-premium__slider .ea-slider__list {
        margin: 0 auto;
        max-width: 896px;
        width: 100%;
    }
}
@media (max-width: 896px) and (min-width: 768px) {
    .wt-premium__slider .ea-slider__list {
        width: 448px;
    }
}
@media (max-width: 768px) {
    .wt-premium__slider {
        padding-left: 0;
        padding-right: 0;
    }
}
.wt__third {
    background: url(/bitrix/templates/c4g/css/../pictures/wt/third-tl-min.png) 0 0 no-repeat;
    padding-top: 100px;
}
@media (max-width: 1024px) {
    .wt__third {
        padding-top: 80px;
    }
}
.wt-third__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.wt-third__slider .ea-slider__block.center {
    left: 50%;
    margin: 0 auto;
    max-width: none;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 1670px;
}
.wt-third__slider .ea-slider__block.center .swiper {
    margin: 0 auto;
    overflow: visible;
    width: 1002px;
}
.wt-third__slider .ea-slider__block.center .catalog__orders {
    margin: 0;
}
.wt-third__slider .ea-slider__block.center .catalog__order {
    -webkit-box-flex: 0;
    --swiper-preloader-color: var(--wt-color-1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.wt-third__slider .ea-slider__block.center .catalog__order.swiper-slide-active .catalog-order__image {
    padding: 0;
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}
.wt-third__slider .ea-slider__block.center .catalog__order.swiper-slide-active .catalog-order__name {
    padding: 0 30px 10px 10px;
}
.wt-third__slider .ea-slider__block.center .catalog__order.swiper-slide-active:hover .catalog-order__back:before {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.wt-third__slider .ea-slider__block.center .catalog__order:hover .catalog-order__back:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.wt-third__slider .ea-slider__block.center .catalog-order__back {
    background: var(--wt-color-bg);
    border-radius: var(--br-10);
    height: 0;
    padding: 0 0 89%;
}
.wt-third__slider .ea-slider__block.center .catalog-order__back:before {
    display: none;
}
.wt-third__slider .ea-slider__block.center .catalog-order__image {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--wt-color-1)), to(var(--wt-color-bg)));
    background: -webkit-linear-gradient(top, var(--wt-color-1), var(--wt-color-bg));
    background: -o-linear-gradient(top, var(--wt-color-1), var(--wt-color-bg));
    background: linear-gradient(180deg, var(--wt-color-1), var(--wt-color-bg));
    border-radius: 8px;
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.wt-third__slider .ea-slider__block.center .catalog-order__image:after {
    background: var(--wt-color-bg);
    border-radius: 8px;
    bottom: 2px;
    content: "";
    left: 2px;
    position: absolute;
    right: 2px;
    top: 2px;
}
.wt-third__slider .ea-slider__block.center .catalog-order__image img {
    border-radius: 8px 8px 0 0;
    height: auto;
    left: 2px;
    max-height: none;
    max-width: -webkit-calc(100% - 4px);
    max-width: calc(100% - 4px);
    position: relative;
    top: 2px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
    width: 100%;
    z-index: 1;
}
.wt-third__slider .ea-slider__block.center .catalog-order__game {
    left: 20px;
    position: absolute;
    top: 20px;
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.wt-third__slider .ea-slider__block.center .catalog-order__image {
    padding: 0 0 73%;
}
.wt-third__slider .ea-slider__block.center .catalog-order__name {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.go-to-bottom {
    outline: none;
}
.go-to-bottom > img,
.go-to-bottom > svg {
    -webkit-animation: animate-go-down3 2s infinite;
    animation: animate-go-down3 2s infinite;
    cursor: pointer;
    position: relative;
}
.bang-bang__block {
    background: #0a1941;
    color: var(--white);
    font-family: var(--font-montserrat);
    overflow: hidden;
    text-align: left;
}
.bang-bang__block .breadcrumbs {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-family: var(--font-montserrat);
    font-weight: 600;
    height: 150px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 120px;
    width: 100%;
}
@media (max-width: 768px) {
    .bang-bang__block .breadcrumbs {
        height: auto;
        padding-top: 80px;
    }
}
.bang-bang__header {
    background: url(/bitrix/templates/c4g/css/../pictures/bang-bang/header-bg-min.jpg) 50% 100% no-repeat;
    border-bottom: 5px solid rgba(228, 79, 239, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    max-height: 900px;
    min-height: 900px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .bang-bang__header {
        background: #14115e;
        height: auto;
        max-height: none;
        min-height: 500px;
    }
}
.bang-bang__header .b-row {
    height: 100%;
}
@media (max-width: 768px) {
    .bang-bang__header .b-row {
        height: auto;
    }
}
.bang-bang-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 44px;
    position: relative;
    width: 100%;
    z-index: 3;
}
@media (max-width: 1280px) {
    .bang-bang-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .bang-bang-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 120px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .bang-bang-header__desc:after,
    .bang-bang-header__desc:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 28, 36, 0)), to(#251c24));
        background: -webkit-linear-gradient(top, rgba(37, 28, 36, 0), #251c24);
        background: -o-linear-gradient(top, rgba(37, 28, 36, 0) 0, #251c24 100%);
        background: linear-gradient(180deg, rgba(37, 28, 36, 0), #251c24);
        bottom: 0;
        content: "";
        height: 80%;
        left: 0;
        position: absolute;
        right: 0;
        z-index: -1;
    }
    .bang-bang-header__desc > * {
        position: relative;
        z-index: 1;
    }
}
.bang-bang-header__logo {
    margin-bottom: 75px;
}
.bang-bang-header__logo img {
    height: 100px;
}
@media (max-width: 1140px) {
    .bang-bang-header__logo {
        margin-bottom: 52px;
    }
    .bang-bang-header__logo img {
        height: auto;
        width: 246px;
    }
}
@media (max-width: 768px) {
    .bang-bang-header__logo {
        margin-bottom: 120px;
    }
    .bang-bang-header__logo img {
        display: block;
        margin: 0 auto;
    }
}
.bang-bang-header__title {
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 0.02em;
    line-height: 32px;
    margin-bottom: 35px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bang-bang-header__title {
        font-size: 26px;
        line-height: 32px;
        text-align: center;
    }
}
.bang-bang-header__text {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 32px;
    margin-bottom: 60px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bang-bang-header__text {
        font-size: 14px;
        line-height: 26px;
        text-align: center;
    }
}
.bang-bang-header__text p {
    margin: 0 0 20px;
}
.bang-bang-header__more {
    padding-bottom: 50px;
}
.bang-bang-header__more .btn {
    -webkit-backdrop-filter: blur(9.5px);
    backdrop-filter: blur(9.5px);
    background: #e44fef;
    border-radius: var(--br-10);
    color: #000;
    font-family: var(--font-montserrat);
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 2px;
    line-height: 19px;
    max-width: 100%;
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 365px;
}
@media (max-width: 768px) {
    .bang-bang-header__more .btn {
        margin: 0 auto;
        width: 306px;
    }
}
.bang-bang-header__image {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .bang-bang-header__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .bang-bang-header__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.bang-bang-header__picture {
    position: relative;
    z-index: -1;
}
@media (max-width: 768px) {
    .bang-bang-header__picture {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
    }
}
.bang-bang-header__picture:before {
    background: #20ffff;
    content: "";
    -webkit-filter: blur(272px);
    filter: blur(272px);
    height: 539px;
    left: -400px;
    opacity: 0.36;
    position: absolute;
    top: 200px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 741px;
}
@media (max-width: 768px) {
    .bang-bang-header__picture:before {
        display: none;
    }
}
.bang-bang-header__picture img {
    pointer-events: none;
    position: relative;
    -webkit-transform: translate(-141px, -64px);
    -ms-transform: translate(-141px, -64px);
    transform: translate(-141px, -64px);
    z-index: 2;
}
@media (max-width: 1280px) {
    .bang-bang-header__picture img {
        -webkit-transform: translate(-241px, -64px);
        -ms-transform: translate(-241px, -64px);
        transform: translate(-241px, -64px);
    }
}
@media (max-width: 768px) {
    .bang-bang-header__picture img {
        -webkit-transform: translate(-22%, 246px);
        -ms-transform: translate(-22%, 246px);
        transform: translate(-22%, 246px);
    }
}
.bang-bang-header__bottom {
    bottom: 35px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3;
}
.product__block .bang-bang__content {
    padding-top: 50px;
}
.bang-bang__content .ea__slider {
    margin-bottom: 40px;
}
.bang-bang__content .ea__slider .swiper-wrapper {
    height: auto;
}
@media (max-width: 1279px) {
    .bang-bang__content .ea__slider .swiper-button-next,
    .bang-bang__content .ea__slider .swiper-button-prev {
        margin-bottom: -69px;
    }
}
.bang-bang__content .ea__slider .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: none;
    justify-content: center;
    left: auto;
    padding: 40px 0 0;
    position: relative;
    width: auto;
}
@media (max-width: 1279px) {
    .bang-bang__content .ea__slider .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.bang-bang__content .ea__slider .swiper-pagination-lock {
    display: none;
}
.bang-bang__content .ea__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-size: 20px;
    --swiper-pagination-bullet-horizontal-gap: 10px;
    -webkit-box-flex: 0;
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 50%;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    opacity: 1;
}
@media (max-width: 1024px) {
    .bang-bang__content .ea__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 15px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
    }
}
@media (max-width: 374px) {
    .bang-bang__content .ea__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 12px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
    }
}
.bang-bang__content .ea__slider .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    background: var(--ml-color);
}
.bang-bang__top {
    background: -webkit-gradient(linear, left top, left bottom, from(#1f3d69), to(#10085e));
    background: -webkit-linear-gradient(top, #1f3d69, #10085e);
    background: -o-linear-gradient(top, #1f3d69 0, #10085e 100%);
    background: linear-gradient(180deg, #1f3d69, #10085e);
    border-bottom: 5px solid #8271f1;
    overflow: hidden;
    padding-bottom: 216px;
    padding-top: 118px;
    position: relative;
}
@media (max-width: 768px) {
    .bang-bang__top {
        padding-bottom: 140px;
    }
}
.bang-bang__top .block__head {
    color: var(--ml-color);
}
.bang-bang__first {
    padding-bottom: 100px;
    position: relative;
}
.bang-bang__first .ea__slider {
    margin-bottom: 0;
}
.bang-bang-first__bg {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 10px;
}
.bang-bang-first__bg--1 {
    background: url(/bitrix/templates/c4g/css/../pictures/bang-bang/stars-bg-1-min.png) 50% 50% no-repeat;
    height: 1908px;
    margin-left: -1427.5px;
    width: 2855px;
}
.bang-bang-first__bg--2 {
    background: url(/bitrix/templates/c4g/css/../pictures/bang-bang/stars-bg-2-min.png) 50% 50% no-repeat;
    height: 1829px;
    margin-left: -1419px;
    width: 2838px;
}
.bang-bang-first__bottom {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.bang-bang__info {
    position: relative;
    z-index: 1;
}
.bang-bang-info__left {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .bang-bang-info__left {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.bang-bang-info__left:before {
    background: #ee6136;
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    height: 373px;
    left: 30px;
    opacity: 0.8;
    position: absolute;
    top: 500px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 496px;
}
.bang-bang-info__left img {
    position: relative;
    -webkit-transform: translate(-283px, 172px);
    -ms-transform: translate(-283px, 172px);
    transform: translate(-283px, 172px);
}
@media (max-width: 1140px) {
    .bang-bang-info__left img {
        -webkit-transform: translate(-383px, 172px);
        -ms-transform: translate(-383px, 172px);
        transform: translate(-383px, 172px);
    }
}
@media (max-width: 768px) {
    .bang-bang-info__left img {
        height: 350px;
        -webkit-transform: translate(-21px, 72px);
        -ms-transform: translate(-21px, 72px);
        transform: translate(-21px, 72px);
    }
}
.bang-bang-info__right {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    z-index: -1;
}
@media (max-width: 768px) {
    .bang-bang-info__right {
        display: none;
    }
}
.bang-bang-info__right:before {
    background: #65d4fc;
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    height: 373px;
    position: absolute;
    top: 500px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 549px;
}
.bang-bang-info__right img {
    position: relative;
    -webkit-transform: translate(-250px, 164px);
    -ms-transform: translate(-250px, 164px);
    transform: translate(-250px, 164px);
}
@media (max-width: 1140px) {
    .bang-bang-info__right img {
        -webkit-transform: translate(-150px, 164px);
        -ms-transform: translate(-150px, 164px);
        transform: translate(-150px, 164px);
    }
}
.bang-bang-info__block {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: center;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 2;
}
.bang-bang-info__block,
.bang-bang-info__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
}
.bang-bang-info__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#304e80), to(#355a84));
    background: -webkit-linear-gradient(top, #304e80, #355a84);
    background: -o-linear-gradient(top, #304e80 0, #355a84 100%);
    background: linear-gradient(180deg, #304e80, #355a84);
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -20px auto 0;
    max-width: 1104px;
    overflow: hidden;
    padding: 40px;
    text-align: center;
}
@media (max-width: 1024px) {
    .bang-bang-info__text {
        margin: -20px -15px 0;
        padding: 40px 20px;
        width: auto;
    }
}
@media (max-width: 768px) {
    .bang-bang-info__text {
        margin-top: -60px;
    }
}
.bang-bang-info__text:after,
.bang-bang-info__text:before {
    content: "";
    position: absolute;
}
.bang-bang-info__text:before {
    bottom: 100%;
    left: -57px;
    margin-bottom: -20px;
    opacity: 0.7;
    width: 478px;
}
.bang-bang-info__text:after,
.bang-bang-info__text:before {
    background: #83a9e9;
    -webkit-filter: blur(42px);
    filter: blur(42px);
    height: 99px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.bang-bang-info__text:after {
    left: 50%;
    margin-left: -428px;
    margin-top: -20px;
    opacity: 0.5;
    top: 100%;
    width: 859px;
}
.bang-bang-info__text p {
    display: block;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 0 auto 10px;
    max-width: 880px;
    text-align: center;
}
@media (max-width: 768px) {
    .bang-bang-info__text p {
        font-size: 14px;
        line-height: 24px;
    }
}
.bang-bang-info-text__bg {
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    bottom: 4px;
    left: 4px;
    pointer-events: none;
    position: absolute;
    right: 4px;
    top: 4px;
}
.bang-bang-info-text__bg .icon {
    position: absolute;
}
.bang-bang-info-text__bg .icon-bb-tl {
    left: -5px;
    top: -5px;
}
.bang-bang-info-text__bg .icon-bb-tr {
    right: -5px;
    top: -5px;
}
.bang-bang-info-text__bg .icon-bb-bl {
    bottom: -5px;
    left: -5px;
}
.bang-bang-info-text__bg .icon-bb-br {
    bottom: -5px;
    right: -5px;
}
.bang-bang-info-text__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #5672a2;
    border-top: 1px solid #5672a2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 104px;
    margin-bottom: 40px;
    padding-top: 17px;
    position: relative;
}
@media (max-width: 768px) {
    .bang-bang-info-text__title {
        height: auto;
        padding-bottom: 10px;
    }
}
.bang-bang-info-text__title:after,
.bang-bang-info-text__title:before {
    background: #5672a2;
    bottom: -2px;
    content: "";
    height: 3px;
    position: absolute;
    width: 3px;
}
.bang-bang-info-text__title:before {
    left: -1px;
}
.bang-bang-info-text__title:after {
    right: -1px;
}
.bang-bang-info-text__title .h2,
.bang-bang-info-text__title h2 {
    color: #f0d186;
    display: block;
    font-family: var(--font-yanone);
    font-size: 74px;
    font-weight: 600;
    letter-spacing: 4px;
    line-height: 73px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bang-bang-info-text__title .h2,
    .bang-bang-info-text__title h2 {
        font-size: 44px;
        line-height: 44px;
    }
}
.bang-bang-info-text__title .h2:after,
.bang-bang-info-text__title .h2:before,
.bang-bang-info-text__title h2:after,
.bang-bang-info-text__title h2:before {
    background: #5672a2;
    content: "";
    height: 3px;
    position: absolute;
    top: -2px;
    width: 3px;
}
.bang-bang-info-text__title .h2:before,
.bang-bang-info-text__title h2:before {
    left: -1px;
}
.bang-bang-info-text__title .h2:after,
.bang-bang-info-text__title h2:after {
    right: -1px;
}
.bang-bang-info__payment {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 31px;
    margin-left: -35px;
    margin-right: -35px;
}
.bang-bang-info-payment__item {
    padding: 0 35px;
}
@media (max-width: 1024px) {
    .bang-bang-info-payment__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin: 10px 0;
        max-width: 50%;
    }
}
.bang-bang-info-payment__item .icon-bonus-multy {
    height: 45px;
    width: 120px;
}
@media (max-width: 768px) {
    .bang-bang-info-payment__item .icon-bonus-multy {
        height: 26px;
        width: 72px;
    }
}
.bang-bang-info-payment__item .icon-bonus-gorod {
    height: 34px;
    width: 170px;
}
@media (max-width: 768px) {
    .bang-bang-info-payment__item .icon-bonus-gorod {
        height: 20px;
        width: 102px;
    }
}
.bang-bang-info-payment__item .icon-bonus-spasibo {
    height: 42px;
    width: 150px;
}
@media (max-width: 768px) {
    .bang-bang-info-payment__item .icon-bonus-spasibo {
        height: 24px;
        width: 90px;
    }
}
.bang-bang-info-payment__item .icon-bonus-mnogoru {
    height: 48px;
    width: 160px;
}
@media (max-width: 768px) {
    .bang-bang-info-payment__item .icon-bonus-mnogoru {
        height: 28px;
        width: 96px;
    }
}
.bang-bang-info__bottom {
    bottom: -120px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
@media (max-width: 768px) {
    .bang-bang-info__bottom {
        bottom: -70px;
    }
}
.bang-bang__subscribe {
    background: url(/bitrix/templates/c4g/css/../pictures/bang-bang/subscribe-bg-min.jpg) 50% 50% no-repeat;
    background-size: cover;
    border-bottom: 11px solid #14115e;
    padding-bottom: 77px;
    padding-top: 118px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .bang-bang__subscribe {
        padding-top: 170px;
    }
}
.bang-bang__subscribe:after,
.bang-bang__subscribe:before {
    background: #8271f1;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}
.bang-bang__subscribe:before {
    bottom: -10px;
}
.bang-bang__subscribe:after {
    bottom: -2px;
}
.bang-bang__subscribe .ea__slider {
    margin-bottom: 0;
}
.bang-bang-subscribe__logo {
    left: 50%;
    position: absolute;
    top: 94px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
@media (max-width: 768px) {
    .bang-bang-subscribe__logo {
        top: 55px;
    }
}
.bang-bang-subscribe__logo img {
    display: block;
    margin: 0 auto 40px;
    width: 342px;
}
.bang-bang-subscribe__text {
    margin: 0 auto 24px;
    max-width: 869px;
    padding: 11px 15px 0;
    text-align: center;
}
.bang-bang-subscribe__text p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}
.bang-bang-subscribe__nb {
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 auto;
    max-width: 760px;
    padding: 0 30px;
    text-align: center;
}
.bang-bang-subscribe__slider {
    margin: 0 auto 60px;
    width: 100%;
}
@media (min-width: 769px) {
    .bang-bang-subscribe__slider {
        height: 564px;
    }
}
.bang-bang-subscribe__slider .ea-slider__list {
    position: relative;
}
@media (min-width: 897px) {
    .bang-bang-subscribe__slider .ea-slider__list {
        margin: 0 auto;
        max-width: 896px;
        width: 100%;
    }
}
@media (max-width: 896px) and (min-width: 768px) {
    .bang-bang-subscribe__slider .ea-slider__list {
        width: 448px;
    }
}
@media (max-width: 768px) {
    .bang-bang-subscribe__slider {
        padding-left: 0;
        padding-right: 0;
    }
}
.bang-bang-subscribe__left,
.bang-bang-subscribe__right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1140px) {
    .bang-bang-subscribe__left,
    .bang-bang-subscribe__right {
        display: none;
    }
}
.bang-bang-subscribe__left .hover-move,
.bang-bang-subscribe__left img,
.bang-bang-subscribe__right .hover-move,
.bang-bang-subscribe__right img {
    position: relative;
}
.bang-bang-subscribe__left {
    right: 100%;
}
.bang-bang-subscribe__left img {
    -webkit-transform: translate(-52px, -51px);
    -ms-transform: translate(-52px, -51px);
    transform: translate(-52px, -51px);
}
.bang-bang-subscribe__right {
    left: 100%;
}
.bang-bang-subscribe__right img {
    -webkit-transform: translate(16px, -95px);
    -ms-transform: translate(16px, -95px);
    transform: translate(16px, -95px);
}
.bang-bang-subscribe__bottom {
    bottom: -22px;
    left: 50%;
    margin: 0 0 0 -18px;
    position: absolute;
    z-index: 2;
}
.bang-bang-subscribe__bottom .go-to-bottom {
    outline: none;
}
.bang-bang-subscribe__bottom .go-to-bottom img {
    -webkit-animation: none;
    animation: none;
}
.bang-bang__pass {
    background: -webkit-gradient(linear, left top, left bottom, from(#3c0a6c), to(#260756));
    background: -webkit-linear-gradient(top, #3c0a6c, #260756);
    background: -o-linear-gradient(top, #3c0a6c 0, #260756 100%);
    background: linear-gradient(180deg, #3c0a6c, #260756);
    padding-top: 130px;
    position: relative;
}
@media (max-width: 768px) {
    .bang-bang__pass {
        padding-top: 110px;
    }
}
.bang-bang__pass > .b-container {
    position: relative;
    z-index: 1;
}
.bang-bang__pass .block__head {
    color: #e389d8;
    margin-bottom: 160px;
}
@media (max-width: 1024px) {
    .bang-bang__pass .block__head {
        margin-bottom: 100px;
    }
}
@media (max-width: 768px) {
    .bang-bang__pass .block__head {
        margin-bottom: 40px;
    }
}
.bang-bang-pass__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/bang-bang/pass-bg-min.jpg) 50% 0 no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.bang-bang-pass__card {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 448px;
    flex: 0 0 448px;
    max-width: 448px;
    padding-bottom: 180px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    z-index: 1;
}
.bang-bang-pass__card .ea-slider__list {
    height: 554px;
}
@media (max-width: 767px) {
    .bang-bang-pass__card {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        max-width: 100%;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .bang-bang-pass__card .ea-slider__list {
        height: auto;
    }
}
.bang-bang-pass__desc {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: auto 0 0px;
    flex: auto 0 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    max-width: none;
    max-width: -webkit-calc(100% - 448px);
    max-width: calc(100% - 448px);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 60px;
    width: auto;
}
@media (max-width: 1024px) {
    .bang-bang-pass__desc {
        padding-top: 10px;
    }
}
@media (max-width: 767px) {
    .bang-bang-pass__desc {
        font-size: 14px;
        line-height: 24px;
        max-width: 100%;
        padding-bottom: 60px;
        padding-top: 0;
        text-align: center;
        width: 100%;
    }
    .bang-bang-pass__desc p {
        display: block;
        margin: 0 auto;
        max-width: 500px;
        padding: 0 30px;
    }
}
.bang-bang-pass__desc .h2,
.bang-bang-pass__desc h2 {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fffbed), to(#ad7448));
    background: -webkit-linear-gradient(top, #fffbed, #ad7448);
    background: -o-linear-gradient(top, #fffbed 0, #ad7448 100%);
    background: linear-gradient(180deg, #fffbed, #ad7448);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: var(--font-yanone);
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 48px;
    margin: 0 0 24px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .bang-bang-pass__desc .h2,
    .bang-bang-pass__desc h2 {
        font-size: 28px;
        line-height: 28px;
        text-align: center;
    }
}
.icon-bb-bl,
.icon-bb-br,
.icon-bb-tl,
.icon-bb-tr {
    height: 19px;
    width: 21px;
}
.preview__block {
    background: #0a1941;
    color: var(--white);
    font-size: 16px;
    overflow: hidden;
    text-align: left;
}
.preview__block.roblox-color {
    background: #f3eeff;
    color: var(--roblox-text);
    font-family: var(--font-open-sans);
}
.preview__block.fortnite-color {
    background: #090811;
    color: var(--white);
    font-family: var(--font-refrigerator);
}
.preview__block.lol-color {
    background: #010101;
    color: var(--white);
    font-family: var(--font-lol);
}
.preview__block.freefire-color {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--black)), to(#3b3056));
    background: -webkit-linear-gradient(top, var(--black) 0, #3b3056 100%);
    background: -o-linear-gradient(top, var(--black) 0, #3b3056 100%);
    background: linear-gradient(180deg, var(--black) 0, #3b3056 100%);
    color: var(--white);
    font-family: var(--font-ff);
}
.preview__block.psn-color {
    background: var(--white);
    color: var(--black);
    font-family: var(--font-sst);
}
.preview__block.aion-classic-color {
    background: #eaecfd;
    color: var(--aion-classic-color);
    font-family: var(--font-lora);
}
.preview__block.genshin-color {
    background: #0c1f4d;
    color: var(--white);
    font-family: var(--font-montserrat);
}
.preview__block.bns-color {
    background: var(--black);
    color: var(--white);
    font-family: var(--font-gotham);
}
.preview__block.stalcraft-color {
    background: var(--black);
    color: var(--white);
    font-family: var(--font-roboto);
}
.preview__block.nintendo-color {
    background: #ffd200;
    color: var(--black);
    font-family: var(--font-futuro);
}
.preview__block.xboxgp-color {
    background: #0b0f18;
    color: var(--white);
    font-family: var(--font-rubik);
}
.preview__block.bt2-color,
.preview__block.warface-color {
    background: var(--black);
    color: var(--white);
    font-family: var(--font-okko);
}
.preview__block .breadcrumbs {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 150px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 120px;
    position: relative;
    width: 100%;
    z-index: 1;
}
@media (max-width: 768px) {
    .preview__block .breadcrumbs {
        height: auto;
        padding-top: 80px;
    }
}
.preview__block.warface-color {
    position: relative;
}
.preview__block.warface-color .warface-borders {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 3;
}
@media (max-width: 1140px) {
    .preview__block.warface-color .warface-borders {
        display: none;
    }
}
.preview__block.warface-color .warface-borders .b-container {
    z-index: 2;
}
.preview__block.warface-color .warface-borders .b-container span.l:after,
.preview__block.warface-color .warface-borders .b-container span.l:before,
.preview__block.warface-color .warface-borders .b-container span.r:after,
.preview__block.warface-color .warface-borders .b-container span.r:before {
    background: hsla(0, 0%, 90%, 0.2);
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    width: 1px;
}
.preview__block.warface-color .warface-borders .b-container span.l:before {
    margin-left: -687px;
}
.preview__block.warface-color .warface-borders .b-container span.l:after {
    margin-left: -775px;
}
.preview__block.warface-color .warface-borders .b-container span.r:before {
    margin-left: 687px;
}
.preview__block.warface-color .warface-borders .b-container span.r:after {
    margin-left: 775px;
}
.preview__block.bt2-color {
    position: relative;
}
.preview__block.bt2-color .bt2-borders {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 3;
}
@media (max-width: 1140px) {
    .preview__block.bt2-color .bt2-borders {
        display: none;
    }
}
.preview__block.bt2-color .bt2-borders .b-container {
    z-index: 2;
}
.preview__block.bt2-color .bt2-borders .b-container span.l:after,
.preview__block.bt2-color .bt2-borders .b-container span.l:before,
.preview__block.bt2-color .bt2-borders .b-container span.r:after,
.preview__block.bt2-color .bt2-borders .b-container span.r:before {
    background: hsla(0, 0%, 90%, 0.2);
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    width: 1px;
}
.preview__block.bt2-color .bt2-borders .b-container span.l:before {
    margin-left: -687px;
}
.preview__block.bt2-color .bt2-borders .b-container span.l:after {
    margin-left: -775px;
}
.preview__block.bt2-color .bt2-borders .b-container span.r:before {
    margin-left: 687px;
}
.preview__block.bt2-color .bt2-borders .b-container span.r:after {
    margin-left: 775px;
}
.preview__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 1000px;
    min-height: 900px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.roblox-color .preview__header {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcff), to(#f3edff));
    background: -webkit-linear-gradient(top, #fcfcff, #f3edff);
    background: -o-linear-gradient(top, #fcfcff 0, #f3edff 100%);
    background: linear-gradient(180deg, #fcfcff, #f3edff);
    background-size: auto 100%;
    border-bottom: 3px solid #cbaeff;
}
.fortnite-color .preview__header {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/header-bg-min.jpg) 50% 0 no-repeat #1e1c41;
    background-size: auto 100%;
    border-bottom: 2px solid #793de2;
}
.lol-color .preview__header {
    background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(var(--black)));
    background: -webkit-linear-gradient(top, #2d2d2d 0, var(--black) 100%);
    background: -o-linear-gradient(top, #2d2d2d 0, var(--black) 100%);
    background: linear-gradient(180deg, #2d2d2d 0, var(--black) 100%);
    background-size: auto 100%;
    border-bottom: 1px solid #82693a;
}
.freefire-color .preview__header {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/header-bg-min.jpg) 50% 0 no-repeat #f2a900;
    background-size: auto 100%;
    border-bottom: 2px solid #2b1b5e;
}
.psn-color .preview__header {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/header-bg-min.jpg) 50% 0 no-repeat #c8c9cf;
    background-size: auto 100%;
}
.aion-classic-color .preview__header {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/header-bg-min.jpg) 50% 100% no-repeat;
    background-size: auto 100%;
}
.genshin-color .preview__header {
    background: url(/bitrix/templates/c4g/css/../pictures/genshin/header-bg-min.jpg) 50% 100% no-repeat #010123;
    background-size: auto 100%;
}
.bns-color .preview__header {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/bg_1-min.jpg) 50% 100% no-repeat var(--black);
    background-size: auto 100%;
}
.stalcraft-color .preview__header {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/bg_1-min.jpg) 50% 100% no-repeat var(--black);
    background-size: auto 100%;
}
.xboxgp-color .preview__header {
    background: url(/bitrix/templates/c4g/css/../pictures/xbox/bg_1-min.jpg) 50% 0 no-repeat #171717;
    background-size: auto 100%;
}
.warface-color .preview__header {
    background: url(../img/bg_1-min.jpg) 50% -162px no-repeat var(--black);
    background-size: auto 100%;
}
.bt2-color .preview__header {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/bg_1-min.jpg) 50% 0 no-repeat var(--black);
    background-size: auto 100%;
}
@media (max-width: 768px) {
    .preview__header {
        height: auto;
        max-height: none;
        min-height: 500px;
    }
    .roblox-color .preview__header {
        background: -webkit-gradient(linear, left top, left bottom, from(#fcfcff), to(#f3edff));
        background: -webkit-linear-gradient(top, #fcfcff, #f3edff);
        background: -o-linear-gradient(top, #fcfcff 0, #f3edff 100%);
        background: linear-gradient(180deg, #fcfcff, #f3edff);
    }
    .fortnite-color .preview__header {
        background: url(/bitrix/templates/c4g/css/../pictures/fortnite/header-bg-min.jpg) 50% 0 no-repeat #1e1c41;
    }
    .lol-color .preview__header {
        background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(var(--black)));
        background: -webkit-linear-gradient(top, #2d2d2d 0, var(--black) 100%);
        background: -o-linear-gradient(top, #2d2d2d 0, var(--black) 100%);
        background: linear-gradient(180deg, #2d2d2d 0, var(--black) 100%);
    }
    .freefire-color .preview__header {
        background: url(/bitrix/templates/c4g/css/../pictures/freefire/header-bg-min.jpg) 50% 0 no-repeat #f2a900;
    }
    .psn-color .preview__header {
        background: url(/bitrix/templates/c4g/css/../pictures/psp/header-bg-min.jpg) 50% 0 no-repeat #c8c9cf;
    }
    .aion-classic-color .preview__header {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/header-bg-min.jpg) 50% 100% no-repeat;
    }
    .genshin-color .preview__header {
        background: url(/bitrix/templates/c4g/css/../pictures/genshin/header-bg-min.jpg) 50% 100% no-repeat #010123;
    }
    .bns-color .preview__header {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/bg_1-min.jpg) 50% 100% no-repeat var(--black);
    }
    .stalcraft-color .preview__header {
        background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/bg_1-min.jpg) 50% 100% no-repeat var(--black);
    }
    .xboxgp-color .preview__header {
        background: url(/bitrix/templates/c4g/css/../pictures/xbox/bg_1-min.jpg) 50% 0 no-repeat #171717;
    }
    .warface-color .preview__header {
        background: url(../img/bg_1-min.jpg) 50% -162px no-repeat var(--black);
    }
    .bt2-color .preview__header {
        background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/bg_1-min.jpg) 50% 0 no-repeat var(--black);
    }
    .bns-color .preview__header {
        background-position: 62% 0;
        background-size: auto 700px;
    }
}
.preview__header .b-row {
    height: 100%;
}
@media (max-width: 768px) {
    .preview__header .b-row {
        height: auto;
    }
}
.bt2-color .preview__header .b-row,
.freefire-color .preview__header .b-row,
.psn-color .preview__header .b-row,
.stalcraft-color .preview__header .b-row,
.warface-color .preview__header .b-row {
    height: auto;
}
.xboxgp-color .preview__header {
    background: url(/bitrix/templates/c4g/css/../pictures/xbox-new/bg_1-min.jpg) 50% 0 no-repeat #171717;
    max-height: 1080px;
    min-height: 1080px;
}
@media (max-width: 1140px) {
    .xboxgp-color .preview__header {
        background-position: 45% 0;
    }
}
@media (max-width: 1024px) {
    .xboxgp-color .preview__header {
        background-position: 40% 0;
    }
}
@media (max-width: 768px) {
    .xboxgp-color .preview__header {
        background-position: 0 0;
        min-height: 790px;
    }
}
.xboxgp-color .preview__header:after,
.xboxgp-color .preview__header:before {
    content: "";
    position: absolute;
}
.xboxgp-color .preview__header:before {
    background: url(/bitrix/templates/c4g/css/../pictures/xbox-new/bg_1-top-min.png) 50% 0 no-repeat;
    height: 602px;
    left: 50%;
    margin: 0;
    pointer-events: none;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1920px;
}
.xboxgp-color .preview__header:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 18, 27, 0)), to(#0b0f18));
    background: -webkit-linear-gradient(top, rgba(15, 18, 27, 0), #0b0f18);
    background: -o-linear-gradient(top, rgba(15, 18, 27, 0) 0, #0b0f18 100%);
    background: linear-gradient(180deg, rgba(15, 18, 27, 0), #0b0f18);
    bottom: 0;
    height: 233px;
    left: 0;
    opacity: 0.9;
    right: 0;
}
.nintendo-color .preview__header {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(10.22%, #ff3d9e), to(#0d0308));
    background: -webkit-linear-gradient(bottom, #ff3d9e 10.22%, #0d0308);
    background: -o-linear-gradient(bottom, #ff3d9e 10.22%, #0d0308 100%);
    background: linear-gradient(0deg, #ff3d9e 10.22%, #0d0308);
    max-height: 1047px;
    min-height: 1047px;
}
@media (max-width: 768px) {
    .nintendo-color .preview__header {
        max-height: 790px;
        min-height: 790px;
    }
}
.nintendo-color .preview__header:after {
    background: var(--black);
    content: "";
    -webkit-filter: blur(72px);
    filter: blur(72px);
    height: 217px;
    left: 50%;
    margin: 25px 0 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 2560px;
}
.stalcraft-color .preview__header {
    overflow: visible;
    z-index: 6;
}
.stalcraft-color .preview__header:after,
.stalcraft-color .preview__header:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.stalcraft-color .preview__header:before {
    background: #fcb93b;
    bottom: 45px;
    -webkit-filter: blur(57px);
    filter: blur(57px);
    height: 106px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1920px;
    z-index: 1;
}
.stalcraft-color .preview__header:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black)));
    background: -webkit-linear-gradient(top, transparent 0, var(--black) 100%);
    background: -o-linear-gradient(top, transparent 0, var(--black) 100%);
    background: linear-gradient(180deg, transparent 0, var(--black) 100%);
    bottom: 0;
    height: 294px;
    left: 0;
    right: 0;
}
.stalcraft-color .preview__header .b-row:after {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/line-1.svg) 50% 50% repeat-x;
    bottom: -25px;
    content: "";
    height: 150px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2;
}
.warface-color .preview__header {
    min-height: 800px;
    padding-bottom: 40px;
}
@media (max-width: 768px) {
    .warface-color .preview__header {
        padding-bottom: 10px;
    }
    .warface-color .preview__header:after {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black)));
        background: -webkit-linear-gradient(top, transparent 0, var(--black) 100%);
        background: -o-linear-gradient(top, transparent 0, var(--black) 100%);
        background: linear-gradient(180deg, transparent 0, var(--black) 100%);
        bottom: 0;
        content: "";
        height: 213px;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
    }
}
.warface-color .preview__header:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
    background: -webkit-linear-gradient(top, #000, transparent);
    background: -o-linear-gradient(top, #000 0, transparent 100%);
    background: linear-gradient(180deg, #000, transparent);
    content: "";
    height: 238px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 768px) {
    .warface-color .preview__header {
        min-height: unset;
    }
}
.bt2-color .preview__header {
    min-height: 800px;
    padding-bottom: 124px;
    z-index: auto;
}
@media (max-width: 768px) {
    .bt2-color .preview__header {
        padding-bottom: 10px;
    }
    .bt2-color .preview__header:after {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black)));
        background: -webkit-linear-gradient(top, transparent 0, var(--black) 100%);
        background: -o-linear-gradient(top, transparent 0, var(--black) 100%);
        background: linear-gradient(180deg, transparent 0, var(--black) 100%);
        bottom: 0;
        content: "";
        height: 213px;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
    }
}
.bt2-color .preview__header:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
    background: -webkit-linear-gradient(top, #000, transparent);
    background: -o-linear-gradient(top, #000 0, transparent 100%);
    background: linear-gradient(180deg, #000, transparent);
    content: "";
    height: 238px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.bt2-color .preview__header:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(166, 36, 38, 0)), to(#a62426));
    background: -webkit-linear-gradient(top, rgba(166, 36, 38, 0), #a62426);
    background: -o-linear-gradient(top, rgba(166, 36, 38, 0) 0, #a62426 100%);
    background: linear-gradient(180deg, rgba(166, 36, 38, 0), #a62426);
    content: "";
    height: 411px;
    left: 0;
    position: absolute;
    right: 0;
    top: 710px;
}
.bt2-color .preview__header .b-container:after {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/intro-sparks-min.png) 50% 100% no-repeat;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}
@media (max-width: 768px) {
    .bt2-color .preview__header {
        min-height: unset;
    }
}
.roblox-color .preview__header:before {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/header-l-min.png) 0 0 no-repeat;
    content: "";
    height: 819px;
    left: 0;
    position: absolute;
    top: 0;
    width: 182px;
}
@media (max-width: 1700px) {
    .roblox-color .preview__header:before {
        display: none;
    }
}
.bns-color .preview__header:after,
.bns-color .preview__header:before {
    content: "";
    position: absolute;
}
.bns-color .preview__header:before {
    background: #5f161a;
    -webkit-filter: blur(62px);
    filter: blur(62px);
    height: 175px;
    left: -webkit-calc(50% - 856px);
    left: calc(50% - 856px);
    opacity: 0.8;
    top: 888px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1713px;
}
.bns-color .preview__header:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/line.svg) 50% 0 no-repeat;
    bottom: -5px;
    height: 14px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 1920px;
}
.fortnite-color .preview__header,
.lol-color .preview__header {
    max-height: 900px;
}
.psn-color .preview__header {
    min-height: 827px;
    overflow: visible;
    z-index: 2;
}
@media (max-width: 768px) {
    .psn-color .preview__header {
        background-position: 65% -140px;
        min-height: 400px;
    }
}
.aion-color .preview__header > *,
.lol-color .preview__header > * {
    position: relative;
    z-index: 1;
}
.preview-header__bg {
    left: 50%;
    position: absolute;
    top: 0;
}
.nintendo-color .preview-header__bg--pic1 {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/stars-1-min.png) 50% 0 no-repeat;
    height: 739px;
    margin-left: -795px;
    top: 138px;
    width: 1590px;
}
.nintendo-color .preview-header__bg--pic2 {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/stars-2-min.png) 50% 0 no-repeat;
    height: 668px;
    margin-left: -592px;
    top: 168px;
    width: 1184px;
}
.aion-classic-color .preview-header__bg--pic1 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/header-stars-min.png) 50% 0 no-repeat;
    height: 712px;
    margin-left: -1025.5px;
    width: 2051px;
}
.aion-classic-color .preview-header__bg--pic2 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/header-dots-min.png) 50% 0 no-repeat;
    height: 522px;
    margin-left: 10%;
    width: 671px;
}
.genshin-color .preview-header__bg--pic1 {
    background: url(/bitrix/templates/c4g/css/../pictures/genshin/header-stars.png) 50% 0 no-repeat;
    height: 899px;
    margin-left: -960px;
    width: 1920px;
}
.genshin-color .preview-header__bg--pic2 {
    background: url(/bitrix/templates/c4g/css/../pictures/genshin/header-lines.png) 50% 0 no-repeat;
    height: 822px;
    margin-left: -960px;
    width: 1920px;
}
.fortnite-color .preview-header__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/stars-min.png) 50% 0 no-repeat;
    height: 899px;
    margin-left: -900.5px;
    width: 1801px;
}
.lol-color .preview-header__bg {
    bottom: 0;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
    width: 1920px;
}
.lol-color .preview-header__bg.active {
    opacity: 1;
}
.lol-color .preview-header__bg--pic1 {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/header-bg-1-min.jpg) 0 0 no-repeat;
}
.lol-color .preview-header__bg--pic2 {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/header-bg-2-min.jpg) 0 0 no-repeat;
}
.lol-color .preview-header__bg--pic3 {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/header-bg-3-min.jpg) 0 0 no-repeat;
}
.lol-color .preview-header__bg--pic4 {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/header-bg-4-min.jpg) 0 0 no-repeat;
}
.lol-color .preview-header__bg--pic5 {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/header-bg-5-min.jpg) 0 0 no-repeat;
}
.lol-color .preview-header__bg--pic6 {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/header-bg-6-min.jpg) 0 0 no-repeat;
}
.preview-header__desc {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    position: relative;
    z-index: 3;
}
.preview-header__desc,
.xboxgp-color .preview-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.xboxgp-color .preview-header__desc {
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    height: -webkit-calc(100% - 150px);
    height: calc(100% - 150px);
    max-width: 45.83333%;
    padding-top: 75px;
}
@media (max-width: 1140px) {
    .xboxgp-color .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .xboxgp-color .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 50px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .xboxgp-color .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.nintendo-color .preview-header__desc {
    height: -webkit-calc(100% - 150px);
    height: calc(100% - 150px);
    padding-left: 15px;
    padding-right: 15px;
}
.nintendo-color .preview-header__desc,
.stalcraft-color .preview-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.stalcraft-color .preview-header__desc {
    padding-left: 0;
    padding-right: 0;
    padding-top: 111px;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-header__desc {
        padding-bottom: 180px;
        padding-top: 50px;
    }
}
.warface-color .preview-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 135px;
    width: 100%;
}
@media (max-width: 768px) {
    .warface-color .preview-header__desc {
        padding-bottom: 20px;
        padding-top: 50px;
    }
    .warface-color .preview-header__desc:after,
    .warface-color .preview-header__desc:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black)));
        background: -webkit-linear-gradient(top, transparent 0, var(--black) 100%);
        background: -o-linear-gradient(top, transparent 0, var(--black) 100%);
        background: linear-gradient(180deg, transparent 0, var(--black) 100%);
    }
}
.bt2-color .preview-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 85px;
    width: 100%;
}
@media (max-width: 768px) {
    .bt2-color .preview-header__desc {
        padding-bottom: 120px;
        padding-top: 50px;
    }
    .bt2-color .preview-header__desc:after,
    .bt2-color .preview-header__desc:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black)));
        background: -webkit-linear-gradient(top, transparent 0, var(--black) 100%);
        background: -o-linear-gradient(top, transparent 0, var(--black) 100%);
        background: linear-gradient(180deg, transparent 0, var(--black) 100%);
    }
}
.bns-color .preview-header__desc {
    padding-top: 24px;
}
@media (max-width: 768px) {
    .bns-color .preview-header__desc {
        padding-bottom: 60px;
        padding-top: 185px;
    }
}
.roblox-color .preview-header__desc {
    padding-top: 24px;
}
.fortnite-color .preview-header__desc {
    padding-top: 51px;
}
@media (max-width: 768px) {
    .fortnite-color .preview-header__desc {
        padding-top: 32px;
    }
}
.lol-color .preview-header__desc {
    height: -webkit-calc(100% - 150px);
    height: calc(100% - 150px);
    padding-top: 37px;
}
.aion-classic-color .preview-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    height: -webkit-calc(100% - 150px);
    height: calc(100% - 150px);
    max-width: 37.5%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 54px;
    width: 100%;
}
@media (max-width: 1280px) {
    .aion-classic-color .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.genshin-color .preview-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    height: -webkit-calc(100% - 150px);
    height: calc(100% - 150px);
    max-width: 37.5%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 88px;
    width: 100%;
}
@media (max-width: 1280px) {
    .genshin-color .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-header__desc {
        padding-bottom: 60px;
        padding-top: 25px;
    }
}
.freefire-color .preview-header__desc {
    color: var(--black);
    padding-top: 39px;
}
@media (max-width: 1280px) {
    .freefire-color .preview-header__desc {
        padding-top: 32px;
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-header__desc {
        padding-top: 25px;
    }
}
.psn-color .preview-header__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
    width: 100%;
}
@media (max-width: 1140px) {
    .psn-color .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .psn-color .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .psn-color .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 80px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1280px) {
    .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 120px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .preview-header__desc:after,
    .preview-header__desc:before {
        content: "";
        height: 100%;
        inset: 0;
        pointer-events: none;
        position: absolute;
        z-index: -1;
    }
    .bns-color .preview-header__desc:after,
    .bns-color .preview-header__desc:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black)));
        background: -webkit-linear-gradient(top, transparent 0, var(--black) 100%);
        background: -o-linear-gradient(top, transparent 0, var(--black) 100%);
        background: linear-gradient(180deg, transparent 0, var(--black) 100%);
    }
    .psn-color .preview-header__desc:after,
    .psn-color .preview-header__desc:before {
        background: -webkit-gradient(linear, left top, left bottom, from(hsla(231, 7%, 80%, 0)), color-stop(40%, #c8c9cf));
        background: -webkit-linear-gradient(top, hsla(231, 7%, 80%, 0), #c8c9cf 40%);
        background: -o-linear-gradient(top, hsla(231, 7%, 80%, 0) 0, #c8c9cf 40%);
        background: linear-gradient(180deg, hsla(231, 7%, 80%, 0), #c8c9cf 40%);
    }
    .genshin-color .preview-header__desc:after,
    .genshin-color .preview-header__desc:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black)));
        background: -webkit-linear-gradient(top, transparent 0, var(--black) 100%);
        background: -o-linear-gradient(top, transparent 0, var(--black) 100%);
        background: linear-gradient(180deg, transparent 0, var(--black) 100%);
    }
    .roblox-color .preview-header__desc:after,
    .roblox-color .preview-header__desc:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 245, 254, 0)), color-stop(67.69%, #e5e0fd));
        background: -webkit-linear-gradient(top, rgba(247, 245, 254, 0), #e5e0fd 67.69%);
        background: -o-linear-gradient(top, rgba(247, 245, 254, 0) 0, #e5e0fd 67.69%);
        background: linear-gradient(180deg, rgba(247, 245, 254, 0), #e5e0fd 67.69%);
    }
    .fortnite-color .preview-header__desc:after,
    .fortnite-color .preview-header__desc:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(49, 53, 125, 0)), to(#2a3267));
        background: -webkit-linear-gradient(top, rgba(49, 53, 125, 0), #2a3267);
        background: -o-linear-gradient(top, rgba(49, 53, 125, 0) 0, #2a3267 100%);
        background: linear-gradient(180deg, rgba(49, 53, 125, 0), #2a3267);
    }
    .lol-color .preview-header__desc:after,
    .lol-color .preview-header__desc:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black)));
        background: -webkit-linear-gradient(top, transparent 0, var(--black) 100%);
        background: -o-linear-gradient(top, transparent 0, var(--black) 100%);
        background: linear-gradient(180deg, transparent 0, var(--black) 100%);
    }
    .freefire-color .preview-header__desc:after,
    .freefire-color .preview-header__desc:before {
        background: -webkit-linear-gradient(269.93deg, rgba(244, 167, 7, 0) 13.67%, #f4a808 42.29%);
        background: -o-linear-gradient(269.93deg, rgba(244, 167, 7, 0) 13.67%, #f4a808 42.29%);
        background: linear-gradient(180.07deg, rgba(244, 167, 7, 0) 13.67%, #f4a808 42.29%);
    }
    .aion-classic-color .preview-header__desc,
    .genshin-color .preview-header__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .preview-header__desc > * {
        position: relative;
        z-index: 1;
    }
}
.roblox-color .preview-header__logo {
    margin-bottom: 61px;
}
@media (max-width: 1140px) {
    .roblox-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.roblox-color .preview-header__logo img {
    height: 81px;
}
@media (max-width: 1140px) {
    .roblox-color .preview-header__logo img {
        height: 65px;
    }
}
@media (max-width: 768px) {
    .roblox-color .preview-header__logo img {
        display: block;
        height: 50px;
        margin: 0 auto;
    }
}
.fortnite-color .preview-header__logo {
    margin-bottom: 40px;
}
@media (max-width: 1140px) {
    .fortnite-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.fortnite-color .preview-header__logo img {
    height: 90px;
}
@media (max-width: 1140px) {
    .fortnite-color .preview-header__logo img {
        height: 90px;
    }
}
@media (max-width: 768px) {
    .fortnite-color .preview-header__logo img {
        display: block;
        height: 45px;
        margin: 0 auto;
    }
}
.lol-color .preview-header__logo {
    margin-bottom: 40px;
}
@media (max-width: 1140px) {
    .lol-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.lol-color .preview-header__logo img {
    height: 145px;
}
@media (max-width: 1140px) {
    .lol-color .preview-header__logo img {
        height: 120px;
    }
}
@media (max-width: 768px) {
    .lol-color .preview-header__logo img {
        display: block;
        height: 74px;
        margin: 0 auto;
    }
}
.freefire-color .preview-header__logo {
    margin-bottom: 30px;
}
@media (max-width: 1140px) {
    .freefire-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.freefire-color .preview-header__logo img {
    height: 58px;
}
@media (max-width: 1140px) {
    .freefire-color .preview-header__logo img {
        height: 51px;
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-header__logo img {
        display: block;
        height: 36px;
        margin: 0 auto;
    }
}
.psn-color .preview-header__logo {
    margin-bottom: 30px;
}
@media (max-width: 1140px) {
    .psn-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.psn-color .preview-header__logo img {
    height: 75px;
}
@media (max-width: 1140px) {
    .psn-color .preview-header__logo img {
        height: 75px;
    }
}
@media (max-width: 768px) {
    .psn-color .preview-header__logo img {
        display: block;
        height: 60px;
        margin: 0 auto;
    }
}
.aion-classic-color .preview-header__logo {
    margin-bottom: 60px;
}
@media (max-width: 1140px) {
    .aion-classic-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.aion-classic-color .preview-header__logo img {
    height: 116px;
}
@media (max-width: 1140px) {
    .aion-classic-color .preview-header__logo img {
        height: 116px;
    }
}
@media (max-width: 768px) {
    .aion-classic-color .preview-header__logo img {
        display: block;
        height: 80px;
        margin: 0 auto;
    }
}
.genshin-color .preview-header__logo {
    margin-bottom: 47px;
}
@media (max-width: 1140px) {
    .genshin-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.genshin-color .preview-header__logo img {
    height: 125px;
}
@media (max-width: 1140px) {
    .genshin-color .preview-header__logo img {
        height: 125px;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-header__logo img {
        display: block;
        height: 80px;
        margin: 0 auto;
    }
}
.bns-color .preview-header__logo {
    margin-bottom: 40px;
}
@media (max-width: 1140px) {
    .bns-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.bns-color .preview-header__logo img {
    height: 165px;
}
@media (max-width: 1140px) {
    .bns-color .preview-header__logo img {
        height: 165px;
    }
}
@media (max-width: 768px) {
    .bns-color .preview-header__logo img {
        display: block;
        height: 165px;
        margin: 0 auto;
    }
}
.stalcraft-color .preview-header__logo {
    margin-bottom: 24px;
}
@media (max-width: 1140px) {
    .stalcraft-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.stalcraft-color .preview-header__logo img {
    height: 103px;
}
@media (max-width: 1140px) {
    .stalcraft-color .preview-header__logo img {
        height: 102px;
    }
}
@media (max-width: 768px) {
    .stalcraft-color .preview-header__logo img {
        display: block;
        height: 103px;
        margin: 0 auto;
    }
}
.warface-color .preview-header__logo {
    margin-bottom: 35px;
}
@media (max-width: 1140px) {
    .warface-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.warface-color .preview-header__logo img {
    height: 90px;
}
@media (max-width: 1140px) {
    .warface-color .preview-header__logo img {
        height: 90px;
    }
}
@media (max-width: 768px) {
    .warface-color .preview-header__logo img {
        display: block;
        height: 52px;
        margin: 0 auto;
    }
}
.bt2-color .preview-header__logo {
    margin-bottom: 35px;
}
@media (max-width: 1140px) {
    .bt2-color .preview-header__logo {
        margin-bottom: 52px;
    }
}
.bt2-color .preview-header__logo img {
    height: 149px;
}
@media (max-width: 1140px) {
    .bt2-color .preview-header__logo img {
        height: 149px;
    }
}
@media (max-width: 768px) {
    .bt2-color .preview-header__logo img {
        display: block;
        height: 60px;
        margin: 0 auto;
    }
    .psn-color .preview-header__logo {
        margin-bottom: 20px;
    }
}
.lol-color .preview-header__logo img {
    margin-left: -15px;
}
@media (max-width: 768px) {
    .lol-color .preview-header__logo img {
        margin-left: -5px;
    }
    .aion-classic-color .preview-header__logo {
        margin-bottom: 244px;
    }
}
.aion-classic-color .preview-header__logo img {
    display: block;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .genshin-color .preview-header__logo {
        margin-bottom: 272px;
    }
}
.genshin-color .preview-header__logo img {
    display: block;
    margin: 0 auto 0 0;
}
.bns-color .preview-header__logo img {
    margin: 0 0 0 -30px;
}
@media (max-width: 768px) {
    .bns-color .preview-header__logo img {
        margin: 0;
    }
}
.stalcraft-color .preview-header__logo img {
    display: block;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-header__logo img {
        height: 60px;
    }
    .warface-color .preview-header__logo {
        margin-bottom: 35px;
    }
}
.warface-color .preview-header__logo img {
    display: block;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .warface-color .preview-header__logo img {
        height: 52px;
    }
    .bt2-color .preview-header__logo {
        margin-bottom: 35px;
    }
}
.bt2-color .preview-header__logo img {
    display: block;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .bt2-color .preview-header__logo img {
        height: 52px;
    }
}
@media (max-width: 1280px) {
    .freefire-color .preview-header__logo {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .preview-header__logo {
        margin-bottom: 120px;
    }
    .preview-header__logo img {
        display: block;
        margin: 0 auto;
    }
    .fortnite-color .preview-header__logo {
        margin-bottom: 238px;
    }
    .fortnite-color .preview-header__logo img {
        margin: 0 auto 0 0;
    }
    .lol-color .preview-header__logo {
        margin-bottom: 185px;
    }
    .freefire-color .preview-header__logo {
        margin-bottom: 237px;
    }
    .freefire-color .preview-header__logo img {
        margin: 0 auto 0 0;
    }
}
.preview-header__title {
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .preview-header__title {
        text-align: center;
    }
}
.bns-color .preview-header__title {
    font-family: var(--font-trajan-pro-3);
    font-size: 36px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bns-color .preview-header__title {
        text-align: center;
    }
}
.roblox-color .preview-header__title {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .roblox-color .preview-header__title {
        font-size: 26px;
        line-height: 32px;
    }
}
.fortnite-color .preview-header__title {
    font-family: var(--font-fortnite);
    font-size: 44px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .fortnite-color .preview-header__title {
        font-size: 26px;
        line-height: 32px;
    }
}
.lol-color .preview-header__title {
    font-family: var(--font-lol);
    font-size: 19px;
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .lol-color .preview-header__title {
        font-size: 16px;
    }
}
.freefire-color .preview-header__title {
    font-family: var(--font-ff);
    font-size: 19px;
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 30px;
}
@media (max-width: 1280px) {
    .freefire-color .preview-header__title {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-header__title {
        font-size: 16px;
        text-align: left;
    }
}
.psn-color .preview-header__title {
    font-family: var(--font-sst);
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
    margin-bottom: 21px;
    text-transform: none;
}
@media (max-width: 1280px) {
    .psn-color .preview-header__title {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .psn-color .preview-header__title {
        text-align: center;
    }
}
.aion-classic-color .preview-header__title {
    border-bottom: 1px solid var(--aion-classic-border-color);
    color: #3d2550;
    font-family: var(--font-trajan-pro-3);
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 32px;
    margin-bottom: 11px;
    padding-bottom: 14px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 374px) {
    .aion-classic-color .preview-header__title {
        font-size: 30px;
    }
}
.aion-classic-color .preview-header__title:after,
.aion-classic-color .preview-header__title:before {
    background: -webkit-gradient(linear, right top, left top, from(rgba(177, 167, 207, 0.3)), color-stop(43.22%, #b1a7cf), to(rgba(177, 167, 207, 0)));
    background: -webkit-linear-gradient(right, rgba(177, 167, 207, 0.3), #b1a7cf 43.22%, rgba(177, 167, 207, 0));
    background: -o-linear-gradient(right, rgba(177, 167, 207, 0.3) 0, #b1a7cf 43.22%, rgba(177, 167, 207, 0) 100%);
    background: linear-gradient(270deg, rgba(177, 167, 207, 0.3), #b1a7cf 43.22%, rgba(177, 167, 207, 0));
    bottom: -2px;
    content: "";
    height: 3px;
    position: absolute;
    width: 7px;
}
.aion-classic-color .preview-header__title:before {
    left: 2px;
}
.aion-classic-color .preview-header__title:after {
    right: 2px;
}
.genshin-color .preview-header__title {
    font-family: var(--font-genshin);
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 32px;
    margin-bottom: 30px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
.stalcraft-color .preview-header__title {
    color: #ebe8e2;
    font-family: var(--font-bebas);
    font-size: 60px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 60px;
    margin-bottom: 11px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-header__title {
        font-size: 40px;
        line-height: 1;
    }
}
.warface-color .preview-header__title {
    color: var(--white);
    font-family: var(--font-warface);
    font-size: 40px;
    font-weight: 900;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 auto 35px;
    max-width: 840px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .warface-color .preview-header__title {
        font-size: 24px;
        max-width: 340px;
        padding: 0 30px;
    }
}
.bt2-color .preview-header__title {
    color: var(--white);
    font-family: var(--font-bebas);
    font-size: 65px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 auto 35px;
    max-width: 900px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bt2-color .preview-header__title {
        font-size: 32px;
        margin-bottom: 25px;
        max-width: 340px;
        padding: 0 30px;
    }
}
.aion-classic-color .preview-header__block {
    background: var(--aion-classic-bg-color);
    border: 2px solid var(--aion-classic-border-color);
    margin-bottom: 60px;
    padding: 25px 28px 20px;
    position: relative;
}
@media (max-width: 768px) {
    .aion-classic-color .preview-header__block {
        margin: 0 auto 60px;
        max-width: 450px;
    }
}
@media (max-width: 450px) {
    .aion-classic-color .preview-header__block {
        border-left: none;
        border-right: none;
    }
}
.aion-classic-color .preview-header__block:before {
    border: 1px solid var(--aion-classic-border-color);
    bottom: 5px;
    left: 5px;
    opacity: 0.2;
    pointer-events: none;
    right: 5px;
    top: 5px;
}
.aion-classic-color .preview-header-block__icon {
    position: absolute;
}
.aion-classic-color .preview-header-block__icon--1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    bottom: -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    left: 50%;
    margin: 0 0 0 -11px;
    top: -12px;
    width: 13px;
}
.aion-classic-color .preview-header-block__icon--1:after,
.aion-classic-color .preview-header-block__icon--1:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 11c-.108.108-.222.226-.34.35-.712.744-1.619 1.777-2.284 2.85-.687 1.106-1.37 2.856-1.876 4.3-.507-1.444-1.19-3.194-1.876-4.3-.665-1.072-1.572-2.106-2.284-2.85-.118-.125-.232-.24-.34-.35.108-.108.222-.226.34-.35.712-.744 1.619-1.777 2.284-2.85.687-1.106 1.37-2.856 1.876-4.3.507 1.444 1.19 3.194 1.876 4.3.665 1.073 1.572 2.106 2.284 2.85.118.125.232.24.34.35Z' fill='%23F7F7FF' stroke='%23B1A7CF' stroke-width='2'/%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 22px;
    width: 13px;
}
.aion-classic-color .preview-header-block__icon--2 {
    border-right: 1px solid var(--aion-classic-border-color);
    border-top: 1px solid var(--aion-classic-border-color);
    height: 5px;
    right: 10px;
    top: -7px;
    width: 27px;
}
.aion-classic-color .preview-header-block__icon--2:after,
.aion-classic-color .preview-header-block__icon--2:before {
    content: "";
    position: absolute;
}
.aion-classic-color .preview-header-block__icon--2:before {
    background: var(--aion-classic-border-color);
    height: 5px;
    left: 3px;
    top: -3px;
    width: 2px;
}
.aion-classic-color .preview-header-block__icon--2:after {
    background: -webkit-gradient(linear, right top, left top, from(rgba(177, 167, 207, 0.3)), color-stop(43.22%, #b1a7cf), to(rgba(177, 167, 207, 0)));
    background: -webkit-linear-gradient(right, rgba(177, 167, 207, 0.3), #b1a7cf 43.22%, rgba(177, 167, 207, 0));
    background: -o-linear-gradient(right, rgba(177, 167, 207, 0.3) 0, #b1a7cf 43.22%, rgba(177, 167, 207, 0) 100%);
    background: linear-gradient(270deg, rgba(177, 167, 207, 0.3), #b1a7cf 43.22%, rgba(177, 167, 207, 0));
    height: 3px;
    left: 1px;
    top: -2px;
    width: 7px;
}
.aion-classic-color .preview-header-block__icon--3 {
    border-left: 1px solid var(--aion-classic-border-color);
    border-top: 1px solid var(--aion-classic-border-color);
    height: 27px;
    left: -7px;
    top: 5px;
    width: 5px;
}
.aion-classic-color .preview-header-block__icon--3:after,
.aion-classic-color .preview-header-block__icon--3:before {
    content: "";
    position: absolute;
}
.aion-classic-color .preview-header-block__icon--3:before {
    background: var(--aion-classic-border-color);
    bottom: 3px;
    height: 2px;
    left: -3px;
    width: 5px;
}
.aion-classic-color .preview-header-block__icon--3:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(177, 167, 207, 0.3)), color-stop(43.22%, #b1a7cf), to(rgba(177, 167, 207, 0)));
    background: -webkit-linear-gradient(top, rgba(177, 167, 207, 0.3), #b1a7cf 43.22%, rgba(177, 167, 207, 0));
    background: -o-linear-gradient(top, rgba(177, 167, 207, 0.3) 0, #b1a7cf 43.22%, rgba(177, 167, 207, 0) 100%);
    background: linear-gradient(180deg, rgba(177, 167, 207, 0.3), #b1a7cf 43.22%, rgba(177, 167, 207, 0));
    bottom: 1px;
    height: 7px;
    left: -2px;
    width: 3px;
}
.aion-classic-color .preview-header-block__icon--4 {
    border-bottom: 1px solid var(--aion-classic-border-color);
    border-left: 1px solid var(--aion-classic-border-color);
    bottom: -7px;
    height: 5px;
    right: 33px;
    width: 27px;
}
.aion-classic-color .preview-header-block__icon--4:after,
.aion-classic-color .preview-header-block__icon--4:before {
    content: "";
    position: absolute;
}
.aion-classic-color .preview-header-block__icon--4:before {
    background: var(--aion-classic-border-color);
    bottom: -3px;
    height: 5px;
    right: 3px;
    width: 2px;
}
.aion-classic-color .preview-header-block__icon--4:after {
    background: -webkit-gradient(linear, right top, left top, from(rgba(177, 167, 207, 0.3)), color-stop(43.22%, #b1a7cf), to(rgba(177, 167, 207, 0)));
    background: -webkit-linear-gradient(right, rgba(177, 167, 207, 0.3), #b1a7cf 43.22%, rgba(177, 167, 207, 0));
    background: -o-linear-gradient(right, rgba(177, 167, 207, 0.3) 0, #b1a7cf 43.22%, rgba(177, 167, 207, 0) 100%);
    background: linear-gradient(270deg, rgba(177, 167, 207, 0.3), #b1a7cf 43.22%, rgba(177, 167, 207, 0));
    bottom: -2px;
    height: 3px;
    right: 1px;
    width: 7px;
}
.aion-classic-color .preview-header-block__icon--5 {
    border-bottom: 1px solid var(--aion-classic-border-color);
    border-right: 1px solid var(--aion-classic-border-color);
    bottom: 99px;
    height: 27px;
    right: -7px;
    width: 5px;
}
.aion-classic-color .preview-header-block__icon--5:after,
.aion-classic-color .preview-header-block__icon--5:before {
    content: "";
    position: absolute;
}
.aion-classic-color .preview-header-block__icon--5:before {
    background: var(--aion-classic-border-color);
    height: 2px;
    right: -3px;
    top: 3px;
    width: 5px;
}
.aion-classic-color .preview-header-block__icon--5:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(177, 167, 207, 0.3)), color-stop(43.22%, #b1a7cf), to(rgba(177, 167, 207, 0)));
    background: -webkit-linear-gradient(top, rgba(177, 167, 207, 0.3), #b1a7cf 43.22%, rgba(177, 167, 207, 0));
    background: -o-linear-gradient(top, rgba(177, 167, 207, 0.3) 0, #b1a7cf 43.22%, rgba(177, 167, 207, 0) 100%);
    background: linear-gradient(180deg, rgba(177, 167, 207, 0.3), #b1a7cf 43.22%, rgba(177, 167, 207, 0));
    height: 7px;
    right: -2px;
    top: 1px;
    width: 3px;
}
@media (max-width: 768px) {
    .preview-header__text {
        text-align: center;
    }
}
.bns-color .preview-header__text {
    font-family: var(--font-gotham);
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 35px;
    max-width: 400px;
}
@media (max-width: 768px) {
    .bns-color .preview-header__text {
        font-size: 14px;
        line-height: 20px;
        margin: 0 auto 35px;
        text-align: center;
    }
}
.roblox-color .preview-header__text {
    font-family: var(--font-open-sans);
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 55px;
    text-transform: uppercase;
}
.fortnite-color .preview-header__text {
    font-family: var(--font-refrigerator);
    font-size: 16px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 66px;
    margin-right: -15px;
    text-transform: uppercase;
}
@media (max-width: 1280px) {
    .fortnite-color .preview-header__text {
        font-size: 16px;
        line-height: 26px;
    }
}
@media (max-width: 768px) {
    .fortnite-color .preview-header__text {
        margin-bottom: 38px;
        margin-right: 0;
    }
}
.lol-color .preview-header__text {
    font-family: var(--font-lol);
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 113px;
    margin-right: -70px;
    text-transform: uppercase;
}
@media (max-width: 1280px) {
    .lol-color .preview-header__text {
        margin-bottom: 60px;
        margin-right: -15px;
    }
}
@media (max-width: 768px) {
    .lol-color .preview-header__text {
        margin-bottom: 38px;
        margin-right: 0;
    }
}
@media (max-width: 374px) {
    .lol-color .preview-header__text {
        line-height: 22px;
    }
}
.freefire-color .preview-header__text {
    font-family: var(--font-ff);
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 40px;
    margin-right: -70px;
    text-transform: uppercase;
}
@media (max-width: 1280px) {
    .freefire-color .preview-header__text {
        margin-bottom: 57px;
        margin-right: -15px;
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-header__text {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 38px;
        margin-right: 0;
        text-align: left;
    }
}
@media (max-width: 374px) {
    .freefire-color .preview-header__text {
        line-height: 22px;
    }
}
.freefire-color .preview-header__text p {
    margin-bottom: 20px;
}
@media (max-width: 1280px) {
    .freefire-color .preview-header__text p {
        margin-bottom: 15px;
    }
}
.freefire-color .preview-header__text p.ff-blockquote {
    padding-left: 33px;
    position: relative;
}
.freefire-color .preview-header__text p.ff-blockquote:before {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/ff-blockquote.svg) 0 0 no-repeat;
    content: "";
    height: 65px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -32px, 0);
    transform: translate3d(0, -32px, 0);
    width: 6px;
}
.freefire-color .preview-header__text p.ff-arrow {
    padding-left: 33px;
    position: relative;
}
.freefire-color .preview-header__text p.ff-arrow:before {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/ff-arrow.svg) 0 0 no-repeat;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 11px;
}
.psn-color .preview-header__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 85px;
}
@media (max-width: 768px) {
    .psn-color .preview-header__text {
        margin-bottom: 30px;
    }
}
.aion-classic-color .preview-header__text {
    color: #6d5981;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .aion-classic-color .preview-header__text {
        font-size: 14px;
        line-height: 24px;
    }
}
@media (max-width: 374px) {
    .aion-classic-color .preview-header__text {
        font-size: 13px;
    }
}
.genshin-color .preview-header__text {
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 63px;
    text-transform: uppercase;
}
@media (max-width: 1280px) {
    .genshin-color .preview-header__text {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-header__text {
        font-size: 14px;
        line-height: 24px;
        margin: 0 auto 35px;
        max-width: 330px;
        text-align: center;
    }
}
@media (max-width: 374px) {
    .genshin-color .preview-header__text {
        font-size: 13px;
    }
}
.stalcraft-color .preview-header__text {
    color: #ebe8e2;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 50px;
    text-align: center;
}
.stalcraft-color .preview-header__text h1,
.stalcraft-color .preview-header__text p {
    display: block;
    font-family: var(--font-roboto);
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    max-width: 516px;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-header__text h1,
    .stalcraft-color .preview-header__text p {
        max-width: 264px;
    }
}
.bt2-color .preview-header__text,
.warface-color .preview-header__text {
    color: #ebe8e2;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 65px;
    text-align: center;
}
@media (max-width: 768px) {
    .bt2-color .preview-header__text,
    .warface-color .preview-header__text {
        margin-bottom: 40px;
    }
}
.bt2-color .preview-header__text h1,
.bt2-color .preview-header__text p,
.warface-color .preview-header__text h1,
.warface-color .preview-header__text p {
    display: block;
    font-family: var(--font-okko);
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    max-width: 600px;
}
@media (max-width: 768px) {
    .bt2-color .preview-header__text h1,
    .bt2-color .preview-header__text p,
    .warface-color .preview-header__text h1,
    .warface-color .preview-header__text p {
        max-width: 326px;
    }
}
.bt2-color .preview-header__text {
    margin-bottom: 44px;
}
@media (max-width: 768px) {
    .bt2-color .preview-header__text {
        margin-bottom: 30px;
    }
}
.bt2-color .preview-header__text h1,
.bt2-color .preview-header__text p {
    max-width: 1050px;
}
@media (max-width: 768px) {
    .bt2-color .preview-header__text h1,
    .bt2-color .preview-header__text p {
        font-size: 14px;
        line-height: 18px;
        max-width: 326px;
    }
}
.stalcraft-color .preview-header__navi {
    margin: 0 auto;
    max-width: 1160px;
}
.warface-color .preview-header__navi {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 16px 0 24px;
    position: relative;
}
.warface-color .preview-header__navi:after,
.warface-color .preview-header__navi:before {
    background: hsla(0, 0%, 100%, 0.2);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 100vw;
}
.warface-color .preview-header__navi:before {
    top: 0;
}
.warface-color .preview-header__navi:after {
    bottom: 0;
}
.warface-color .preview-header__navi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-warface);
    font-size: 18px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    overflow-x: scroll;
}
.warface-color .preview-header__navi ul li {
    list-style-type: none;
    margin: 0 15px;
    padding: 0;
}
.warface-color .preview-header__navi ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid transparent;
    border-bottom: 2px solid var(--warface-color-1);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    pointer-events: none;
}
.warface-color .preview-header__navi ul li a:hover {
    background-color: var(--warface-color-1);
    border-radius: 5px;
    opacity: 1;
}
.bt2-color .preview-header__navi {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
}
.bt2-color .preview-header__navi:before {
    top: 0;
}
.bt2-color .preview-header__navi:after {
    bottom: 0;
}
.bt2-color .preview-header__navi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-warface);
    font-size: 18px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bt2-color .preview-header__navi ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto;
    }
}
.bt2-color .preview-header__navi ul li {
    list-style-type: none;
    margin: 0 25px;
    padding: 0;
}
@media (max-width: 768px) {
    .bt2-color .preview-header__navi ul li {
        margin: 0 0 20px;
    }
}
.bt2-color .preview-header__navi ul li:last-child {
    margin-right: 80px;
}
@media (max-width: 768px) {
    .bt2-color .preview-header__navi ul li:last-child {
        margin: 0;
    }
}
.bt2-color .preview-header__navi ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid hsla(0, 0%, 100%, 0.5);
    border-bottom: none;
    border-left: none;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    justify-content: center;
    padding: 10px 28px;
    position: relative;
    text-decoration: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.bt2-color .preview-header__navi ul li a span {
    position: relative;
    text-align: center;
    z-index: 1;
}
.bt2-color .preview-header__navi ul li a:after,
.bt2-color .preview-header__navi ul li a:before {
    content: "";
    inset: 0;
    position: absolute;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.bt2-color .preview-header__navi ul li a:before {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/navi-b.svg) 0 100% no-repeat;
}
.bt2-color .preview-header__navi ul li a:after {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/navi-b-hover.svg) 0 100% no-repeat;
    opacity: 0;
}
.bt2-color .preview-header__navi ul li a:hover {
    border-right-color: var(--bt2-bg);
    border-top-color: var(--bt2-bg);
    opacity: 1;
}
.bt2-color .preview-header__navi ul li a:hover:before {
    opacity: 0;
}
.bt2-color .preview-header__navi ul li a:hover:after {
    opacity: 1;
}
.stalcraft-color .preview-header-navi__scroll .do-nicescroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0;
    z-index: 10;
}
.stalcraft-color .preview-header-navi__scroll .do-nicescroll .nicescroll-rails-hr {
    background-color: hsla(0, 0%, 100%, 0.1);
    border-radius: 10px;
    left: 15px !important;
    overflow: hidden;
    right: 15px !important;
    width: auto !important;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-header-navi__scroll .do-nicescroll .nicescroll-rails-hr {
        left: 15px !important;
    }
}
.stalcraft-color .preview-header-navi__scroll .do-nicescroll.visible-scroll {
    padding-bottom: 40px;
}
.stalcraft-color .preview-header-navi__scroll ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: var(--black);
    border: 5px solid #5d4923;
    border-radius: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-bebas);
    font-size: 24px;
    font-weight: 700;
    height: 74px;
    justify-content: space-between;
    max-width: 1160px;
    overflow: hidden;
    padding: 5px;
    text-transform: uppercase;
    width: 100%;
}
@media (max-width: 1140px) {
    .stalcraft-color .preview-header-navi__scroll ul {
        min-width: 860px;
    }
}
@media (max-width: 1024px) {
    .stalcraft-color .preview-header-navi__scroll ul {
        margin: 0 15px;
    }
}
.stalcraft-color .preview-header-navi__scroll ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    list-style-type: none;
}
.stalcraft-color .preview-header-navi__scroll ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 7px;
    color: var(--stalcraft-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 54px;
    justify-content: center;
    padding: 0 34px;
    text-decoration: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    white-space: nowrap;
}
@media (max-width: 1140px) {
    .stalcraft-color .preview-header-navi__scroll ul li a {
        padding: 0 25px;
    }
}
.stalcraft-color .preview-header-navi__scroll ul li a:hover {
    background: var(--stalcraft-color);
    color: var(--black);
    opacity: 1;
}
.preview-header__more {
    padding-bottom: 50px;
}
.psn-color .preview-header__more {
    padding-bottom: 0;
}
@media (max-width: 768px) {
    .psn-color .preview-header__more {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
}
.bns-color .preview-header__more {
    padding-bottom: 135px;
}
@media (max-width: 768px) {
    .bns-color .preview-header__more {
        padding-bottom: 50px;
    }
}
.preview-header__more .btn {
    -webkit-backdrop-filter: blur(9.5px);
    backdrop-filter: blur(9.5px);
    border-radius: var(--br-10);
    font-size: 18px;
    height: 50px;
    letter-spacing: 2px;
    line-height: 19px;
    max-width: 100%;
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 365px;
}
@media (max-width: 768px) {
    .preview-header__more .btn {
        margin: 0 auto;
        width: 306px;
    }
}
.bns-color .preview-header__more .btn {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
    border-radius: 0;
    font-family: var(--font-gotham);
    font-size: 14px;
    font-weight: 700;
    height: 47px;
    letter-spacing: -0.3px;
    padding: 0;
    position: relative;
    width: 236px;
}
.bns-color .preview-header__more .btn:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/btn.svg) 50% 50% no-repeat;
    content: "";
    height: 47px;
    inset: 0;
    position: absolute;
    width: 236px;
}
@media (max-width: 768px) {
    .bns-color .preview-header__more .btn {
        width: 236px;
    }
}
.roblox-color .preview-header__more .btn {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--roblox-color);
    color: var(--roblox-text);
    font-family: var(--font-russo-one);
    font-weight: 400;
}
.fortnite-color .preview-header__more .btn {
    background: -webkit-gradient(linear, left bottom, left top, from(#f2bd00), to(#ffe483));
    background: -webkit-linear-gradient(bottom, #f2bd00, #ffe483);
    background: -o-linear-gradient(bottom, #f2bd00 0, #ffe483 100%);
    background: linear-gradient(1turn, #f2bd00, #ffe483);
    border-radius: 50px;
    -webkit-box-shadow: inset 0 4px 10px hsla(0, 0%, 100%, 0.35);
    box-shadow: inset 0 4px 10px hsla(0, 0%, 100%, 0.35);
    color: var(--black);
    font-family: var(--font-refrigerator);
    font-size: 26px;
    font-weight: 900;
    height: 67px;
    letter-spacing: 2px;
    line-height: 29px;
    text-transform: uppercase;
    width: 313px;
}
.lol-color .preview-header__more .btn {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
    border-radius: 5px;
    color: #010202;
    font-size: 18px;
    font-weight: 900;
    height: 55px;
    letter-spacing: 2px;
    position: relative;
    text-transform: uppercase;
    width: 365px;
}
.lol-color .preview-header__more .btn:after,
.lol-color .preview-header__more .btn:before {
    bottom: 0;
    content: "";
    position: absolute;
}
.lol-color .preview-header__more .btn:before {
    background: var(--lol-button);
    border-radius: 4px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 35px, 344px 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 35px, 344px 100%, 0 100%);
    height: 100%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}
.lol-color .preview-header__more .btn:after {
    background: var(--white);
    border-radius: 4px;
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    height: 24px;
    right: 8px;
    width: 24px;
}
.lol-color .preview-header__more .btn span:before {
    border: 2px solid var(--white);
    border-radius: 5px;
    bottom: -4px;
    -webkit-clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%, 0 20px);
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%, 0 20px);
    content: "";
    left: -4px;
    position: absolute;
    right: 4px;
    top: -4px;
}
.lol-color .preview-header__more .btn span:after {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/btn.svg) 0 0 no-repeat;
    content: "";
    height: 63px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 366px;
}
@media (max-width: 992px) {
    .lol-color .preview-header__more .btn span:after {
        width: 250px;
    }
}
.freefire-color .preview-header__more .btn {
    background: var(--white);
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    height: 60px;
    letter-spacing: normal;
    line-height: 24px;
    width: 310px;
}
@media (max-width: 768px) {
    .freefire-color .preview-header__more .btn {
        font-size: 16px;
        height: 50px;
    }
}
.freefire-color .preview-header__more .btn:before {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/btn-arrow.svg) 50% 50% no-repeat;
    content: "";
    display: block;
    height: 17px;
    margin: 0 15px 0 0;
    width: 14px;
}
.freefire-color .preview-header__more .btn:hover:before {
    -webkit-animation: animate-go-down3 2s infinite;
    animation: animate-go-down3 2s infinite;
}
.psn-color .preview-header__more .btn {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--psn-color);
    border-radius: 26px;
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    height: 52px;
    letter-spacing: 0.01em;
    line-height: 26px;
    padding-bottom: 18px;
    text-transform: none;
    width: 323px;
}
@media (max-width: 768px) {
    .psn-color .preview-header__more .btn {
        font-size: 18px;
        height: 50px;
        padding: 13px 20px 16px;
    }
}
.aion-classic-color .preview-header__more .btn {
    background: transparent;
    font-family: var(--font-lora);
    font-size: 20px;
    font-weight: 700;
    height: 56px;
    line-height: 19px;
    margin: 0 auto;
    padding: 0 0 2px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    width: 409px;
}
@media (max-width: 768px) {
    .aion-classic-color .preview-header__more .btn {
        font-size: 16px;
        height: 43px;
    }
}
.aion-classic-color .preview-header__more .btn .bg {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
@media (max-width: 768px) {
    .aion-classic-color .preview-header__more .btn .bg svg {
        height: 43px;
        width: 308px;
    }
}
.aion-classic-color .preview-header__more .btn .bg .border-1 {
    stroke-width: 4;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.aion-classic-color .preview-header__more .btn .text {
    position: relative;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 1;
}
.aion-classic-color .preview-header__more .btn:hover {
    opacity: 1;
}
.aion-classic-color .preview-header__more .btn:hover .bg .border-1 {
    stroke-width: 2;
}
.aion-classic-color .preview-header__more .btn:hover .text {
    opacity: 0.65;
}
.genshin-color .preview-header__more .btn {
    background: #7174bf;
    font-size: 18px;
    font-weight: 700;
    line-height: 19px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
}
.preview-header__image {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
@media (max-width: 1280px) {
    .preview-header__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .preview-header__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.fortnite-color .preview-header__image {
    position: relative;
}
.lol-color .preview-header__image {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    position: relative;
}
@media (max-width: 768px) {
    .lol-color .preview-header__image {
        position: static;
    }
}
.lol-color .preview-header__image:after,
.lol-color .preview-header__image:before {
    content: "";
    -webkit-filter: blur(272px);
    filter: blur(272px);
    height: 399px;
    opacity: 0.36;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 549px;
    z-index: -2;
}
.lol-color .preview-header__image:before {
    background: #e8a493;
    bottom: 0;
    right: 100%;
}
.lol-color .preview-header__image:after {
    background: #7974fe;
    bottom: 100px;
    left: 50%;
}
.aion-classic-color .preview-header__image {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .aion-classic-color .preview-header__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .aion-classic-color .preview-header__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.genshin-color .preview-header__image {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    z-index: 1;
}
@media (max-width: 1280px) {
    .genshin-color .preview-header__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-header__image {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.fortnite-color .preview-header__back {
    position: absolute;
    z-index: -2;
}
.fortnite-color .preview-header__back img {
    -webkit-transform: translate(77px, 37px);
    -ms-transform: translate(77px, 37px);
    transform: translate(77px, 37px);
}
@media (max-width: 1280px) {
    .fortnite-color .preview-header__back img {
        -webkit-transform: translate(33px, 37px);
        -ms-transform: translate(33px, 37px);
        transform: translate(33px, 37px);
    }
}
.preview-header__picture {
    position: relative;
    z-index: -1;
}
@media (max-width: 768px) {
    .preview-header__picture {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
    }
    .freefire-color .preview-header__picture {
        top: 0;
    }
}
.genshin-color .preview-header__picture {
    margin-bottom: -20px;
    position: relative;
}
@media (max-width: 768px) {
    .genshin-color .preview-header__picture {
        margin-bottom: 0;
        position: absolute;
    }
}
.roblox-color .preview-header__picture:before {
    -webkit-animation: flowbg;
    animation: flowbg;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: #e8a493;
    left: -260px;
    top: 300px;
}
.roblox-color .preview-header__picture:after,
.roblox-color .preview-header__picture:before {
    content: "";
    -webkit-filter: blur(272px);
    filter: blur(272px);
    height: 399px;
    opacity: 0.36;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 549px;
}
.roblox-color .preview-header__picture:after {
    -webkit-animation: flowbg;
    animation: flowbg;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: #7974fe;
    left: 550px;
    top: 250px;
}
.preview-header__picture img {
    pointer-events: none;
    position: relative;
    z-index: 2;
}
.roblox-color .preview-header__picture img {
    -webkit-transform: translate(-72px, -21px);
    -ms-transform: translate(-72px, -21px);
    transform: translate(-72px, -21px);
}
@media (max-width: 1280px) {
    .roblox-color .preview-header__picture img {
        -webkit-transform: translate(-101px, 39px);
        -ms-transform: translate(-101px, 39px);
        transform: translate(-101px, 39px);
    }
}
@media (max-width: 768px) {
    .roblox-color .preview-header__picture img {
        -webkit-transform: translate(-35%, -14%);
        -ms-transform: translate(-35%, -14%);
        transform: translate(-35%, -14%);
    }
}
.freefire-color .preview-header__picture img {
    position: absolute;
}
.freefire-color .preview-header__picture img.main-pic {
    left: 41px;
    top: 15px;
}
@media (max-width: 1280px) {
    .freefire-color .preview-header__picture img.main-pic {
        left: -123px;
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-header__picture img.main-pic {
        left: 50%;
        -webkit-transform: translate(-58%, 160px) !important;
        -ms-transform: translate(-58%, 160px) !important;
        transform: translate(-58%, 160px) !important;
    }
}
.freefire-color .preview-header__picture img.bottom-pic {
    left: 126px;
    top: 565px;
}
@media (max-width: 1280px) {
    .freefire-color .preview-header__picture img.bottom-pic {
        left: -28px;
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-header__picture img.bottom-pic {
        display: none;
    }
}
.freefire-color .preview-header__picture img.text-pic {
    left: 241px;
    top: 637px;
}
@media (max-width: 1280px) {
    .freefire-color .preview-header__picture img.text-pic {
        height: 37px;
        left: 129px;
        top: 644px;
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-header__picture img.text-pic {
        height: 25px;
        left: 23px;
        top: 170px;
    }
}
.fortnite-color .preview-header__picture .imgs {
    display: block;
    height: 899px;
    position: relative;
    -webkit-transform: translate(-50px, -47px);
    -ms-transform: translate(-50px, -47px);
    transform: translate(-50px, -47px);
    width: 979px;
}
@media (max-width: 1280px) {
    .fortnite-color .preview-header__picture .imgs {
        -webkit-transform: translate(-110px, -69px);
        -ms-transform: translate(-110px, -69px);
        transform: translate(-110px, -69px);
    }
}
@media (max-width: 768px) {
    .fortnite-color .preview-header__picture .imgs {
        left: 50%;
        margin-left: -66px;
        -webkit-transform: translate(-50%, 58px);
        -ms-transform: translate(-50%, 58px);
        transform: translate(-50%, 58px);
    }
}
.fortnite-color .preview-header__picture img.c {
    display: block;
    margin: 19px 0 0 198px;
}
.fortnite-color .preview-header__picture img.l {
    left: 16px;
    position: absolute;
    top: 150px;
}
@media (max-width: 768px) {
    .fortnite-color .preview-header__picture img.l {
        display: none;
    }
}
.fortnite-color .preview-header__picture img.r {
    position: absolute;
    right: -16px;
    top: 158px;
}
@media (max-width: 1140px) {
    .fortnite-color .preview-header__picture img.r {
        display: none;
    }
}
.lol-color .preview-header__picture {
    -webkit-box-flex: 0;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: rgba(0, 0, 0, 0.1);
    border: 4px solid var(--lol-color);
    border-radius: 50%;
    -ms-flex: 0 0 660px;
    flex: 0 0 660px;
    height: 660px;
    margin-right: -55px;
    margin-top: -12px;
    width: 660px;
}
@media (max-width: 1280px) {
    .lol-color .preview-header__picture {
        margin-right: -114px;
    }
}
@media (max-width: 1140px) {
    .lol-color .preview-header__picture {
        margin-right: -160px;
    }
}
@media (max-width: 840px) {
    .lol-color .preview-header__picture {
        margin-right: -200px;
    }
}
@media (max-width: 768px) {
    .lol-color .preview-header__picture {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        border: none;
        left: 50%;
        margin: 0;
        position: absolute;
        top: 150px;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}
.lol-color .preview-header__picture:before {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/circle-dots-min.png) 0 0 no-repeat;
    content: "";
    height: 684px;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 684px;
}
@media (max-width: 768px) {
    .lol-color .preview-header__picture:before {
        display: none;
    }
}
.lol-color .preview-header__picture:after {
    border-color: transparent transparent var(--white) transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 660px;
    left: 50%;
    margin-left: -330px;
    margin-top: -330px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 660px;
}
@media (max-width: 768px) {
    .lol-color .preview-header__picture:after {
        display: none;
    }
}
.lol-color .preview-header__picture.start-rotate:after {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: lol-slider-rotate;
    animation-name: lol-slider-rotate;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.lol-color .preview-header__picture .lol-slider-slider {
    height: 800px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 729px;
    z-index: 1;
}
.lol-color .preview-header__picture .lol-slider-list,
.lol-color .preview-header__picture .lol-slider-slider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lol-color .preview-header__picture .lol-slider-list {
    height: 100%;
    width: 100%;
}
.lol-color .preview-header__picture .lol-slider-item {
    display: none;
    opacity: 1;
    position: relative;
}
.lol-color .preview-header__picture .lol-slider-item.slide-hide .lol-slider-item__pic img {
    opacity: 0;
}
.lol-color .preview-header__picture .lol-slider-item__support {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    bottom: 100px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: -70px;
    opacity: 0;
    position: absolute;
    text-decoration: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 5;
}
@media (max-width: 1280px) {
    .lol-color .preview-header__picture .lol-slider-item__support {
        left: -50px;
    }
}
@media (max-width: 1140px) {
    .lol-color .preview-header__picture .lol-slider-item__support {
        bottom: auto;
        top: 100px;
    }
}
@media (max-width: 768px) {
    .lol-color .preview-header__picture .lol-slider-item__support {
        display: none;
    }
}
.lol-color .preview-header__picture .lol-slider-item-support__label {
    display: block;
    font-size: 14px;
    font-weight: 900;
    margin: 0 0 14px;
    text-align: center;
    text-transform: uppercase;
}
.lol-color .preview-header__picture .lol-slider-item-support__icon {
    display: block;
}
.lol-color .preview-header__picture .lol-slider-item-support__icon img {
    display: block;
    margin: 0 auto;
}
.lol-color .preview-header__picture .lol-slider-item__pic {
    position: relative;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}
.lol-color .preview-header__picture .lol-slider-item__pic:nth-child(2n) {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.lol-color .preview-header__picture .lol-slider-item__pic:nth-child(2n) img {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}
.lol-color .preview-header__picture .lol-slider-item.active {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    opacity: 1;
    width: 100%;
}
.lol-color .preview-header__picture .lol-slider-item.active .lol-slider-item__support {
    opacity: 1;
}
.lol-color .preview-header__picture .lol-slider-item.active .lol-slider-item__pic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: lol-slider-item;
    animation-name: lol-slider-item;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.lol-color .preview-header__picture .lol-slider-item.active .lol-slider-item__pic img {
    opacity: 1;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.lol-color .preview-header__picture .lol-slider-pagi {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 50%;
    margin: -30px 0 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.lol-color .preview-header__picture .lol-slider-pagi-item {
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 6px;
    height: 12px;
    margin: 0 5px;
    overflow: hidden;
    width: 20px;
}
.lol-color .preview-header__picture .lol-slider-pagi-item.active:before {
    -webkit-animation-duration: 4.4s;
    animation-duration: 4.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: lol-slider-pagi;
    animation-name: lol-slider-pagi;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: var(--lol-color);
    content: "";
    display: block;
    height: 12px;
}
.aion-classic-color .preview-header__picture {
    margin-top: -130px;
    position: absolute;
    z-index: auto;
}
@media (max-width: 768px) {
    .aion-classic-color .preview-header__picture {
        bottom: auto;
        left: 50%;
        margin-top: 0;
        right: auto;
        top: 220px;
        -webkit-transform: translate(-43%);
        -ms-transform: translate(-43%);
        transform: translate(-43%);
    }
    .aion-classic-color .preview-header__picture img {
        height: 526px;
        -webkit-mask-image: -webkit-linear-gradient(top, #000 400px, transparent 480px);
        mask-image: linear-gradient(180deg, #000 400px, transparent 480px);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.genshin-color .preview-header__picture .genshin__slider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 780px;
    left: 50%;
    position: absolute;
    top: 100%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1478px;
    z-index: 1;
}
@media (max-width: 768px) {
    .genshin-color .preview-header__picture .genshin__slider {
        bottom: 0;
        top: auto;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
    }
}
.genshin-color .preview-header__picture .genshin-slider__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
}
.genshin-color .preview-header__picture .genshin-slider__item {
    bottom: 0;
    left: 50%;
    opacity: 0;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.genshin-color .preview-header__picture .genshin-slider__item.slide-hide .genshin-slider-item__pic img {
    opacity: 0;
}
.genshin-color .preview-header__picture .genshin-slider__item.active {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
}
.genshin-color .preview-header__picture .genshin-slider__item.active .genshin-slider-item__pic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: genshin-slider-item;
    animation-name: genshin-slider-item;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.genshin-color .preview-header__picture .genshin-slider__item.active .genshin-slider-item__pic img {
    opacity: 1;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
@media (max-width: 768px) {
    .genshin-color .preview-header__picture .genshin-slider__item {
        opacity: 0 !important;
    }
    .genshin-color .preview-header__picture .genshin-slider__item:first-child {
        opacity: 1 !important;
    }
}
.genshin-color .preview-header__picture .genshin-slider-item__pic {
    position: relative;
}
.genshin-color .preview-header__picture .genshin-slider-item__pic img {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.genshin-color .preview-header__picture .genshin-slider__pagi {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 50%;
    margin: -100px 0 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
@media (max-width: 768px) {
    .genshin-color .preview-header__picture .genshin-slider__pagi {
        display: none;
    }
}
.genshin-color .preview-header__picture .genshin-slider-pagi__item {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid var(--white);
    height: 25px;
    margin: 0 14px;
    overflow: hidden;
    padding: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 25px;
}
.genshin-color .preview-header__picture .genshin-slider-pagi__item:before {
    background: var(--white);
    content: "";
    display: block;
    height: 17px;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
}
.genshin-color .preview-header__picture .genshin-slider-pagi__item.active:before {
    -webkit-animation-duration: 4.4s;
    animation-duration: 4.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: genshin-slider-pagi;
    animation-name: genshin-slider-pagi;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.preview-header-picture__bg {
    pointer-events: none;
    position: absolute;
}
.freefire-color .preview-header-picture__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/header-pic-bg-min.png) 50% 50% no-repeat;
    height: 899px;
    left: -158px;
    top: -149px;
    width: 1278px;
}
@media (max-width: 1280px) {
    .freefire-color .preview-header-picture__bg {
        left: -313px;
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-header-picture__bg {
        bottom: 0;
        left: -114%;
        top: auto;
    }
}
.preview-header__bottom {
    bottom: 35px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3;
}
.xboxgp-color .preview-header__bottom {
    bottom: 2px;
}
@media (max-width: 768px) {
    .xboxgp-color .preview-header__bottom {
        display: none;
    }
}
.xboxgp-color .preview-header__bottom .go-to-bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    justify-content: center;
    width: 55px;
}
.nintendo-color .preview-header__bottom {
    bottom: 50px;
}
.nintendo-color .preview-header__bottom .go-to-bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border: 3px solid var(--black);
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 0 5px var(--black);
    box-shadow: 3px 3px 0 5px var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    justify-content: center;
    width: 70px;
}
.psn-color .preview-header__bottom {
    background: var(--black);
    border: 5px solid var(--psn-color);
    border-radius: 50%;
    bottom: -26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    width: 52px;
}
.psn-color .preview-header__bottom .go-to-bottom {
    height: 100%;
    width: 100%;
}
.aion-classic-color .preview-header__bottom .go-to-bottom,
.psn-color .preview-header__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.aion-classic-color .preview-header__bottom .go-to-bottom {
    background: rgba(173, 46, 139, 0.2);
    border-radius: 50%;
    height: 67px;
    width: 67px;
}
.stalcraft-color .preview-header__bottom {
    bottom: 15px;
}
.stalcraft-color .preview-header__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--stalcraft-color);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px;
}
.stalcraft-color .preview-header__bottom .go-to-bottom img {
    height: 22px;
    width: 34px;
}
.bt2-color .preview-header__bottom {
    bottom: 55px;
}
.preview__content .ea__slider {
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    .preview__content .ea__slider {
        padding: 0;
    }
}
@media (min-width: 769px) {
    .preview__content .ea-slider__item {
        min-height: 479px;
    }
}
.product__block.aion-classic-color .preview__content .ea__slider,
.product__block.fortnite-color .preview__content,
.product__block.fortnite-color .preview__content .ea__slider,
.product__block.freefire-color .preview__content,
.product__block.genshin-color .preview__content .ea__slider,
.product__block.lol-color .preview__content,
.product__block.lol-color .preview__content .ea__slider,
.product__block.roblox-color .preview__content,
.product__block.roblox-color .preview__content .ea__slider {
    padding-top: 50px;
}
.product__block.freefire-color .preview__content .ea__slider,
.product__block.lol-color .preview__content .ea__slider {
    margin-bottom: 50px;
}
.roblox-color .preview__content .ea__slider {
    margin-bottom: 40px;
}
.lol-color .preview__content {
    position: relative;
}
.lol-color .preview__content:after {
    background: #0bc6e3;
    content: "";
    -webkit-filter: blur(87px);
    filter: blur(87px);
    height: 199px;
    left: 50%;
    margin-left: -950px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1900px;
}
@media (min-width: 768px) {
    .lol-color .preview__content .ea__slider .swiper-button-next,
    .lol-color .preview__content .ea__slider .swiper-button-prev {
        height: 100px;
        margin-top: -60px;
        width: 100px;
    }
    .lol-color .preview__content .ea__slider .swiper-button-next .icon,
    .lol-color .preview__content .ea__slider .swiper-button-prev .icon {
        opacity: 0;
    }
    .lol-color .preview__content .ea__slider .swiper-button-prev {
        background: url(/bitrix/templates/c4g/css/../pictures/lol/arrow-prev.svg) 50% 50% no-repeat;
        left: -120px;
    }
}
@media (min-width: 768px) and (max-width: 1480px) {
    .lol-color .preview__content .ea__slider .swiper-button-prev {
        left: -40px;
    }
}
@media (min-width: 768px) and (max-width: 1280px) {
    .lol-color .preview__content .ea__slider .swiper-button-prev {
        left: 10px;
    }
}
@media (min-width: 768px) {
    .lol-color .preview__content .ea__slider .swiper-button-next {
        background: url(/bitrix/templates/c4g/css/../pictures/lol/arrow-next.svg) 50% 50% no-repeat;
        right: -120px;
    }
}
@media (min-width: 768px) and (max-width: 1480px) {
    .lol-color .preview__content .ea__slider .swiper-button-next {
        right: -40px;
    }
}
@media (min-width: 768px) and (max-width: 1280px) {
    .lol-color .preview__content .ea__slider .swiper-button-next {
        right: 10px;
    }
}
@media (min-width: 768px) {
    .freefire-color .preview__content .ea__slider .swiper-button-next,
    .freefire-color .preview__content .ea__slider .swiper-button-prev {
        height: 86px;
        margin-top: -60px;
        width: 86px;
    }
    .freefire-color .preview__content .ea__slider .swiper-button-next .icon,
    .freefire-color .preview__content .ea__slider .swiper-button-prev .icon {
        opacity: 0;
    }
    .freefire-color .preview__content .ea__slider .swiper-button-prev {
        background: url(/bitrix/templates/c4g/css/../pictures/freefire/arrow-prev.svg) 50% 50% no-repeat;
        left: -120px;
    }
}
@media (min-width: 768px) and (max-width: 1480px) {
    .freefire-color .preview__content .ea__slider .swiper-button-prev {
        left: -40px;
    }
}
@media (min-width: 768px) and (max-width: 1280px) {
    .freefire-color .preview__content .ea__slider .swiper-button-prev {
        left: 10px;
    }
}
@media (min-width: 768px) {
    .freefire-color .preview__content .ea__slider .swiper-button-next {
        background: url(/bitrix/templates/c4g/css/../pictures/freefire/arrow-next.svg) 50% 50% no-repeat;
        right: -120px;
    }
}
@media (min-width: 768px) and (max-width: 1480px) {
    .freefire-color .preview__content .ea__slider .swiper-button-next {
        right: -40px;
    }
}
@media (min-width: 768px) and (max-width: 1280px) {
    .freefire-color .preview__content .ea__slider .swiper-button-next {
        right: 10px;
    }
}
.product__block.nintendo-color .preview__content {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/second-bg-min.png) 50% 0 repeat #ffd200;
    margin-top: 120px;
    padding-top: 39px;
    position: relative;
    z-index: 1;
}
.product__block.nintendo-color .preview__content:after,
.product__block.nintendo-color .preview__content:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.product__block.nintendo-color .preview__content:before {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/second-top.svg) 50% 0 repeat-x;
    height: 120px;
    left: 0;
    right: 0;
    top: -120px;
}
.product__block.nintendo-color .preview__content:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd200), to(rgba(255, 210, 0, 0)));
    background: -webkit-linear-gradient(top, #ffd200, rgba(255, 210, 0, 0));
    background: -o-linear-gradient(top, #ffd200 0, rgba(255, 210, 0, 0) 100%);
    background: linear-gradient(180deg, #ffd200, rgba(255, 210, 0, 0));
    height: 230px;
    left: 0;
    right: 0;
    top: 0;
}
.product__block.nintendo-color .preview__content .b-container,
.product__block.xboxpage-color .preview__content {
    position: relative;
    z-index: 1;
}
.preview-content__top.xboxgp-color {
    background: url(/bitrix/templates/c4g/css/../pictures/xbox-new/bg_2.jpg) 100% 100% no-repeat #0b0f18;
    overflow: hidden;
    position: relative;
}
@media (max-width: 1140px) {
    .preview-content__top.xboxgp-color {
        background-position: 50% 100%;
    }
}
@media (max-width: 768px) {
    .preview-content__top.xboxgp-color {
        background-position: 60% 100%;
    }
}
.preview-content__top.xboxgp-color:after {
    background: url(/bitrix/templates/c4g/css/../pictures/xbox-new/bg_2-mask.png) 50% 100% no-repeat;
    bottom: 0;
    content: "";
    height: 906px;
    left: 0;
    position: absolute;
    right: 0;
}
.preview__first {
    position: relative;
}
.preview__first > * {
    position: relative;
    z-index: 2;
}
.preview__first .ea__slider {
    position: relative;
}
@media (min-width: 896px) {
    .fortnite-color .preview__first .ea__slider .swiper-slide {
        opacity: 0;
    }
    .fortnite-color .preview__first .ea__slider .swiper-slide-visible {
        opacity: 1;
    }
}
.preview__first .ea__slider .swiper-wrapper {
    height: auto;
}
@media (min-width: 1140px) {
    .fortnite-color .preview__first .ea__slider .swiper-button-next,
    .fortnite-color .preview__first .ea__slider .swiper-button-prev {
        --swiper-navigation-size: 86px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - var(--swiper-navigation-size) * 0.5);
        pointer-events: auto;
        width: var(--swiper-navigation-size);
    }
}
@media (min-width: 1140px) and (max-width: 1279px) {
    .fortnite-color .preview__first .ea__slider .swiper-button-next,
    .fortnite-color .preview__first .ea__slider .swiper-button-prev {
        margin-top: calc(0px - var(--swiper-navigation-size));
    }
}
@media (min-width: 1140px) {
    .fortnite-color .preview__first .ea__slider .swiper-button-next span,
    .fortnite-color .preview__first .ea__slider .swiper-button-prev span {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: var(--fortnite-bg);
        border-radius: var(--br-10);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        justify-content: center;
        width: 100%;
    }
    .fortnite-color .preview__first .ea__slider .swiper-button-next span .icon,
    .fortnite-color .preview__first .ea__slider .swiper-button-prev span .icon {
        opacity: 1;
    }
    .fortnite-color .preview__first .ea__slider .swiper-button-next:after,
    .fortnite-color .preview__first .ea__slider .swiper-button-prev:after {
        display: none;
    }
    .fortnite-color .preview__first .ea__slider .swiper-button-next .icon,
    .fortnite-color .preview__first .ea__slider .swiper-button-prev .icon {
        opacity: 1;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .fortnite-color .preview__first .ea__slider .swiper-button-next:hover .icon,
    .fortnite-color .preview__first .ea__slider .swiper-button-prev:hover .icon {
        --arrow-bg: var(--fortnite-coin-2);
        --black: var(--fortnite-coin-2);
        --black2: #fff;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
    .fortnite-color .preview__first .ea__slider .swiper-button-prev {
        left: -100px;
    }
    .fortnite-color .preview__first .ea__slider .swiper-button-next {
        right: -100px;
    }
    .fortnite-color .preview__first .ea__slider .swiper-button-disabled {
        opacity: 0.3;
    }
    .fortnite-color .preview__first .ea__slider .swiper-button-disabled:hover .icon {
        -webkit-animation: none;
        animation: none;
        opacity: 0.5;
    }
}
.preview__first .ea__slider .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: none;
    justify-content: center;
    left: auto;
    padding: 40px 0 0;
    position: relative;
    width: auto;
}
@media (max-width: 1279px) {
    .preview__first .ea__slider .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 15px;
    }
}
.preview__first .ea__slider .swiper-pagination-lock {
    display: none;
}
.preview__first .ea__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-size: 20px;
    --swiper-pagination-bullet-inactive-color: hsla(0, 0%, 100%, 0.2);
    --swiper-pagination-bullet-horizontal-gap: 10px;
    -webkit-box-flex: 0;
    border-radius: 50%;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    opacity: 1;
}
.fortnite-color .preview__first .ea__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: rgba(18, 179, 255, 0.4);
}
.warface-color .preview__first .ea__slider .swiper-pagination-bullet {
    background: #343d50;
}
.warface-color .preview__first .ea__slider .swiper-pagination-bullet-active {
    background: var(--warface-color-1);
}
.bt2-color .preview__first .ea__slider .swiper-pagination-bullet {
    background: #343d50;
}
.bt2-color .preview__first .ea__slider .swiper-pagination-bullet-active {
    background: var(--bt2-bg);
}
.roblox-color .preview__first .ea__slider .swiper-pagination-bullet {
    background: var(--roblox-text);
}
@media (max-width: 1024px) {
    .preview__first .ea__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 15px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
    }
}
@media (max-width: 374px) {
    .preview__first .ea__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 12px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
    }
}
.preview__first .ea__slider .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.fortnite-color .preview__first .ea__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--fortnite-color-2);
}
.roblox-color .preview__first .ea__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--roblox-color);
}
.lol-color .preview__first .ea__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--lol-color);
}
.aion-classic-color .preview__first .ea__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--aion-classic-price);
}
.genshin-color .preview__first .ea__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--genshin-price);
}
.bns-color .preview__first .ea__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--bns-price);
}
.stalcraft-color .preview__first .ea__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--stalcraft-color);
}
.stalcraft-color .preview__first {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/bg_2-min.jpg) 50% 0 no-repeat;
    background-size: auto 100%;
    padding-bottom: 180px;
    padding-top: 75px;
    z-index: 2;
}
@media (max-width: 1024px) {
    .stalcraft-color .preview__first {
        padding-bottom: 120px;
    }
}
.stalcraft-color .preview__first:after,
.stalcraft-color .preview__first:before {
    content: "";
    position: absolute;
}
.stalcraft-color .preview__first:after {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/line-3.svg) 50% 0 repeat-x;
    bottom: -18px;
    height: 85px;
    left: 0;
    right: 0;
}
.stalcraft-color .preview__first .ea__slider {
    padding-bottom: 20px;
    padding-top: 10px;
}
.warface-color .preview__first {
    background: url(../img/bg_2-left-min.jpg) 0 100% no-repeat var(--black);
    padding-bottom: 80px;
    padding-top: 40px;
    position: relative;
}
@media (max-width: 768px) {
    .warface-color .preview__first {
        padding-bottom: 20px;
        padding-top: 10px;
    }
}
.warface-color .preview__first:before {
    background: url(../img/bg_2-right-min.jpg) 100% 0 no-repeat;
    bottom: 0;
    content: "";
    height: 730px;
    position: absolute;
    right: 0;
    width: 940px;
}
@media (max-width: 1280px) {
    .warface-color .preview__first:before {
        background-color: var(--black);
        opacity: 0.5;
        width: 100vw;
    }
}
@media (max-width: 768px) {
    .warface-color .preview__first:before {
        background: var(--black);
    }
}
.warface-color .preview__first:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: -webkit-linear-gradient(top, transparent, #000);
    background: -o-linear-gradient(top, transparent 0, #000 100%);
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    content: "";
    height: 199px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.bt2-color .preview__first {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/bg_3-min.png) 50% 0 no-repeat var(--white);
    background-size: auto 100%;
    border-bottom: 4px solid var(--black);
    padding-bottom: 80px;
    padding-top: 40px;
    position: relative;
    z-index: 2;
}
@media (max-width: 768px) {
    .bt2-color .preview__first {
        padding-bottom: 40px;
        padding-top: 50px;
    }
}
.bt2-color .preview__first:before {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/bg_3-top.svg) 100% 0 no-repeat;
    content: "";
    height: 24px;
    position: absolute;
    right: 50%;
    top: -24px;
    width: 100%;
}
.bt2-color .preview__first:after {
    background: var(--white);
    content: "";
    height: 24px;
    margin-right: 920px;
    position: absolute;
    right: 50%;
    top: -24px;
    width: 100vh;
    z-index: -1;
}
.bt2-color .preview__first .block__head {
    color: #1f1f1f;
}
@media (max-width: 768px) {
    .bt2-color .preview__first .block__head {
        padding-left: 65px;
    }
    .bt2-color .preview__first .block__head:before {
        left: 45px;
    }
}
.bt2-color .preview__first .block__head:before {
    background: var(--bt2-bg);
}
.bt2-color .preview__first .block__head span {
    position: relative;
}
.bt2-color .preview__first .block__head span:after {
    background: -webkit-gradient(linear, right top, left top, from(#d9d9d9), to(hsla(0, 0%, 85%, 0)));
    background: -webkit-linear-gradient(right, #d9d9d9, hsla(0, 0%, 85%, 0));
    background: -o-linear-gradient(right, #d9d9d9 0, hsla(0, 0%, 85%, 0) 100%);
    background: linear-gradient(270deg, #d9d9d9, hsla(0, 0%, 85%, 0));
    content: "";
    height: 10px;
    left: 0;
    margin: 10px 0 0;
    position: absolute;
    right: 0;
    top: 100%;
}
@media (max-width: 768px) {
    .bt2-color .preview__first .block__head span:after {
        margin-top: 5px;
    }
}
.bns-color .preview__first {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/first-bg-min.jpg) 50% 0 no-repeat;
    background-size: auto 100%;
    padding-bottom: 100px;
    padding-top: 100px;
}
.bns-color .preview__first:after,
.bns-color .preview__first:before {
    content: "";
    position: absolute;
}
.bns-color .preview__first:before {
    background: #9e2c2c;
    -webkit-filter: blur(62px);
    filter: blur(62px);
    height: 175px;
    left: -webkit-calc(50% - 856px);
    left: calc(50% - 856px);
    opacity: 0.8;
    top: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1713px;
}
.bns-color .preview__first:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/line-2.svg) 50% 0 no-repeat;
    bottom: -18px;
    height: 36px;
    left: 50%;
    margin-left: -1050px;
    width: 2100px;
}
@media (max-width: 1140px) {
    .bns-color .preview__first {
        padding-bottom: 145px;
        padding-top: 88px;
    }
    .bns-color .preview__first .block__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.bns-color .preview__first .ea__slider {
    padding-bottom: 50px;
    padding-top: 10px;
}
.roblox-color .preview__first {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/content-bg-min.jpg) 50% 0 no-repeat;
    background-size: cover;
    padding-bottom: 100px;
    padding-top: 100px;
}
@media (max-width: 1140px) {
    .roblox-color .preview__first {
        padding-bottom: 145px;
        padding-top: 88px;
    }
}
.fortnite-color .preview__first {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/second-bg-min.jpg) 50% 0 no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 100px;
    padding-top: 90px;
}
@media (max-width: 1140px) {
    .fortnite-color .preview__first {
        padding-bottom: 50px;
        padding-top: 88px;
    }
}
.fortnite-color .preview__first .ea__slider {
    padding-bottom: 50px;
    padding-top: 50px;
}
.lol-color .preview__first {
    background: -webkit-gradient(linear, left top, left bottom, from(#1e1933), to(#010101));
    background: -webkit-linear-gradient(top, #1e1933, #010101);
    background: -o-linear-gradient(top, #1e1933 0, #010101 100%);
    background: linear-gradient(180deg, #1e1933, #010101);
    border-bottom: 2px solid #82693a;
    overflow: hidden;
    padding-bottom: 100px;
    padding-top: 70px;
}
.lol-color .preview__first:after,
.lol-color .preview__first:before {
    content: "";
    -webkit-filter: blur(87px);
    filter: blur(87px);
    height: 199px;
    left: 50%;
    margin-left: -800px;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1600px;
}
.lol-color .preview__first:before {
    background: #2f627a;
    bottom: 100%;
    margin-bottom: 30px;
}
.lol-color .preview__first:after {
    background: #f2cb72;
    margin-top: 30px;
    top: 100%;
}
@media (max-width: 1140px) {
    .lol-color .preview__first {
        padding-bottom: 50px;
        padding-top: 88px;
    }
}
.lol-color .preview__first .ea__slider {
    padding-bottom: 50px;
    padding-top: 50px;
    position: static;
}
.lol-color .preview__first .ea__slider:before {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/first-tl.png) 0 0 no-repeat;
    content: "";
    height: 210px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 385px;
}
@media (max-width: 1280px) {
    .lol-color .preview__first .ea__slider:before {
        left: -30px;
    }
}
@media (max-width: 768px) {
    .lol-color .preview__first .ea__slider:before {
        display: none;
    }
}
@media (max-width: 1280px) {
    .lol-color .preview__first .block__head {
        margin-left: auto;
        margin-right: auto;
        max-width: 1008px;
    }
}
@media (max-width: 1024px) {
    .lol-color .preview__first .block__head {
        max-width: 672px;
    }
}
@media (max-width: 768px) {
    .lol-color .preview__first .block__head {
        max-width: 100%;
    }
}
.freefire-color .preview__first {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/first-bg-min.jpg) 50% 50% no-repeat var(--white);
    background-size: auto 100%;
    border-bottom: 2px solid var(--black);
    color: var(--black);
    padding-bottom: 100px;
    padding-top: 90px;
}
.freefire-color .preview__first .block__head {
    color: var(--black);
}
.aion-classic-color .preview__first {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/second-bg-min.jpg) 50% 0 no-repeat #7359c3;
    background-size: cover;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    overflow: hidden;
    padding-bottom: 154px;
    padding-top: 76px;
}
@media (max-width: 1140px) {
    .aion-classic-color .preview__first {
        padding-bottom: 110px;
        padding-top: 88px;
    }
}
@media (max-width: 768px) {
    .aion-classic-color .preview__first {
        padding-top: 30px;
    }
}
.aion-classic-color .preview__first:before {
    background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), color-stop(48.23%, #fff), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0), #fff 48.23%, hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(right, hsla(0, 0%, 100%, 0) 0, #fff 48.23%, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff 48.23%, hsla(0, 0%, 100%, 0));
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1016px;
}
.aion-classic-color .preview__first .ea__slider {
    padding-bottom: 50px;
    padding-top: 50px;
}
.genshin-color .preview__first {
    background: url(/bitrix/templates/c4g/css/../pictures/genshin/first-bg-min.jpg) 50% 0 no-repeat #45260f;
    background-size: cover;
    border-bottom: 2px solid #80a3fd;
    border-top: 2px solid hsla(37, 84%, 73%, 0.5);
    overflow: hidden;
    padding-bottom: 154px;
    padding-top: 76px;
}
@media (max-width: 1140px) {
    .genshin-color .preview__first {
        padding-bottom: 110px;
        padding-top: 88px;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview__first {
        padding-top: 30px;
    }
}
.genshin-color .preview__first:after,
.genshin-color .preview__first:before {
    content: "";
    -webkit-filter: blur(87px);
    filter: blur(87px);
    height: 199px;
    left: 50%;
    position: absolute;
    width: 1600px;
}
.genshin-color .preview__first:before {
    background: #f4c780;
    top: 0;
    -webkit-transform: translate3d(-50%, -200px, 0);
    transform: translate3d(-50%, -200px, 0);
}
.genshin-color .preview__first:after {
    background: #80a7f4;
    -webkit-filter: blur(87px);
    filter: blur(87px);
    top: 100%;
    -webkit-transform: translate3d(-50%, 200px, 0);
    transform: translate3d(-50%, 200px, 0);
}
.genshin-color .preview__first .ea__slider {
    padding-bottom: 50px;
    padding-top: 50px;
}
.fortnite-color .preview-first__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/stars2-min.png) 50% 50% no-repeat;
    height: 1476px;
    left: 50%;
    margin-left: -1100px;
    margin-top: -738px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 2200px;
}
.fortnite-color .preview-first__slider {
    margin: 0 auto 60px;
    padding-top: 20px;
    width: 100%;
}
@media (min-width: 769px) {
    .fortnite-color .preview-first__slider {
        height: 564px;
    }
}
@media (min-width: 897px) {
    .fortnite-color .preview-first__slider .ea-slider__list {
        margin: 0 auto;
        max-width: 896px;
        position: relative;
        width: 100%;
    }
}
@media (max-width: 896px) and (min-width: 768px) {
    .fortnite-color .preview-first__slider .ea-slider__list {
        width: 448px;
    }
}
@media (max-width: 768px) {
    .fortnite-color .preview-first__slider {
        padding-left: 0;
        padding-right: 0;
    }
}
.fortnite-color .preview-first-slider__left,
.fortnite-color .preview-first-slider__right {
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1140px) {
    .fortnite-color .preview-first-slider__left,
    .fortnite-color .preview-first-slider__right {
        display: none;
    }
}
.fortnite-color .preview-first-slider__left .hover-move,
.fortnite-color .preview-first-slider__left img,
.fortnite-color .preview-first-slider__right .hover-move,
.fortnite-color .preview-first-slider__right img {
    position: relative;
}
.fortnite-color .preview-first-slider__left {
    margin: 25px 30px 0 0;
    right: 100%;
}
.fortnite-color .preview-first-slider__left img {
    -webkit-transform: translate(-79px, -70px);
    -ms-transform: translate(-79px, -70px);
    transform: translate(-79px, -70px);
}
.fortnite-color .preview-first-slider__right {
    left: 100%;
    margin: 0 0 0 80px;
}
.fortnite-color .preview-first-slider__right img {
    -webkit-transform: translate(11px, -10px);
    -ms-transform: translate(11px, -10px);
    transform: translate(11px, -10px);
}
.freefire-color .preview-first__bg {
    height: 44px;
    left: 50%;
    margin-left: -998px;
    position: absolute;
    width: 1996px;
}
.freefire-color .preview-first__bg--1 {
    bottom: 100%;
    margin-bottom: -35px;
}
.freefire-color .preview-first__bg--2 {
    margin-top: -12px;
    top: 100%;
}
.freefire-color .preview-first__bg img {
    display: block;
}
.bns-color .preview-first__img {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/first-pic1-min.png) 100% 50% no-repeat;
    height: 942px;
    margin-top: -471px;
    position: absolute;
    right: -20px;
    top: 50%;
    width: 1010px;
}
@media (max-width: 768px) {
    .bns-color .preview-first__img {
        display: none;
    }
}
.bt2-color .preview-first__slider,
.warface-color .preview-first__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.preview-first__bottom {
    bottom: 50px;
    left: 50%;
    outline: none;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3;
}
@media (max-width: 1140px) {
    .fortnite-color .preview-first__bottom,
    .freefire-color .preview-first__bottom,
    .lol-color .preview-first__bottom {
        bottom: 30px;
    }
}
.aion-classic-color .preview-first__bottom {
    bottom: 70px;
}
@media (max-width: 1140px) {
    .aion-classic-color .preview-first__bottom {
        bottom: 50px;
    }
}
.aion-classic-color .preview-first__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 100%, 0.5);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 67px;
    justify-content: center;
    width: 67px;
}
.genshin-color .preview-first__bottom {
    bottom: 70px;
}
@media (max-width: 1140px) {
    .genshin-color .preview-first__bottom {
        bottom: 50px;
    }
}
.genshin-color .preview-first__bottom .go-to-bottom {
    cursor: pointer;
}
.stalcraft-color .preview-first__bottom {
    bottom: -6px;
}
.stalcraft-color .preview-first__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--stalcraft-color-5);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px;
}
.stalcraft-color .preview-first__bottom .go-to-bottom img {
    height: 22px;
    width: 34px;
}
.warface-color .preview-first__bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 359px;
    z-index: 1;
}
@media (max-width: 768px) {
    .warface-color .preview-first__bottom {
        display: none;
    }
}
.warface-color .preview-first__bottom:after,
.warface-color .preview-first__bottom:before {
    content: "";
    position: absolute;
}
.warface-color .preview-first__bottom:before {
    background: hsla(0, 0%, 100%, 0.2);
    height: 1px;
    left: 50%;
    top: 7px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 100vw;
    z-index: -1;
}
.warface-color .preview-first__bottom:after {
    background: url(../img/go-down-1-bg.svg) 50% 50% no-repeat;
    display: block;
    height: 16px;
    pointer-events: none;
    width: 359px;
}
.bt2-color .preview-first__bottom {
    bottom: 30px;
}
@media (max-width: 768px) {
    .bt2-color .preview-first__bottom {
        display: none;
    }
}
.stalcraft-color .preview__second {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/bg_3-min.jpg) 50% 0 no-repeat #1c1d22;
    background-size: auto 100%;
    padding-bottom: 180px;
    padding-top: 125px;
    position: relative;
    z-index: 3;
}
@media (max-width: 1024px) {
    .stalcraft-color .preview__second {
        padding-bottom: 120px;
    }
}
.stalcraft-color .preview__second:after {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/line-3.svg) 50% 50% repeat-x;
    bottom: -25px;
    content: "";
    height: 85px;
    left: 0;
    position: absolute;
    right: 0;
}
.warface-color .preview__second {
    background: url(../img/bg-22-min.png) 50% 0 no-repeat;
    background-size: auto 100%;
    padding-bottom: 110px;
    padding-top: 118px;
    position: relative;
    z-index: 3;
}
@media (max-width: 1024px) {
    .warface-color .preview__second {
        padding-bottom: 120px;
    }
}
@media (max-width: 768px) {
    .warface-color .preview__second {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
.bt2-color .preview__second {
    background: var(--bt2-bg);
    overflow: hidden;
    padding-bottom: 110px;
    padding-top: 80px;
    position: relative;
}
@media (max-width: 1024px) {
    .bt2-color .preview__second {
        padding-bottom: 120px;
    }
}
@media (max-width: 768px) {
    .bt2-color .preview__second {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
.bt2-color .preview__second:after,
.bt2-color .preview__second:before {
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.bt2-color .preview__second:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, var(--black)));
    background: -webkit-linear-gradient(top, transparent 0, var(--black) 50%);
    background: -o-linear-gradient(top, transparent 0, var(--black) 50%);
    background: linear-gradient(180deg, transparent 0, var(--black) 50%);
    height: 411px;
}
.bt2-color .preview__second .block__head {
    margin-bottom: 60px;
}
@media (max-width: 768px) {
    .bt2-color .preview__second .block__head {
        padding-left: 65px;
    }
}
.bt2-color .preview__second .block__head:before {
    background: var(--bt2-bg);
}
@media (max-width: 768px) {
    .bt2-color .preview__second .block__head:before {
        left: 30px;
    }
}
.bt2-color .preview__second .block__head:after {
    background: var(--bt2-light);
    content: "";
    height: 2px;
    left: -27px;
    position: absolute;
    top: -32px;
    width: 380px;
}
.bt2-color .preview__second .block__head span {
    position: relative;
}
.bt2-color .preview__second .block__head span:after,
.bt2-color .preview__second .block__head span:before {
    content: "";
    position: absolute;
}
.bt2-color .preview__second .block__head span:before {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/header-arrows.svg) 0 50% no-repeat;
    display: block;
    height: 56px;
    left: 100%;
    margin: 0 0 0 32px;
    top: -6px;
    width: 120px;
}
@media (max-width: 768px) {
    .bt2-color .preview__second .block__head span:before {
        background-size: contain;
        height: 36px;
        margin-left: 10px;
        top: 0;
        width: 70px;
    }
}
.bt2-color .preview__second .block__head span:after {
    background: -webkit-gradient(linear, right top, left top, from(#d9d9d9), to(hsla(0, 0%, 85%, 0)));
    background: -webkit-linear-gradient(right, #d9d9d9, hsla(0, 0%, 85%, 0));
    background: -o-linear-gradient(right, #d9d9d9 0, hsla(0, 0%, 85%, 0) 100%);
    background: linear-gradient(270deg, #d9d9d9, hsla(0, 0%, 85%, 0));
    height: 10px;
    left: 0;
    margin: 10px 0 0;
    right: 0;
    top: 100%;
}
.bt2-color .preview__second .ea__slider {
    overflow: visible;
    padding-top: 70px;
    z-index: 10;
}
.bt2-color .preview__second .ea__slider:after,
.bt2-color .preview__second .ea__slider:before {
    content: "";
    position: absolute;
}
.bt2-color .preview__second .ea__slider:before {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/subscribe-bg.svg) 50% 0 no-repeat;
    height: 968px;
    left: 50%;
    margin-left: -849px;
    top: -82px;
    width: 1698px;
    z-index: -1;
}
.bt2-color .preview__second .ea__slider:after {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/plus.svg) 50% 50% no-repeat;
    bottom: -56px;
    height: 12px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
}
.bns-color .preview__second {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/bg_5-min.jpg) 50% 0 no-repeat var(--black);
    background-size: auto 100%;
    padding-top: 77px;
}
.roblox-color .preview__second {
    border-top: 2px solid #cfc5f6;
    padding-top: 86px;
    position: relative;
}
.fortnite-color .preview__second {
    border-top: 3px solid #8365fb;
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 90px;
    position: relative;
}
@media (max-width: 1140px) {
    .fortnite-color .preview__second {
        padding-bottom: 70px;
    }
}
.fortnite-color .preview__second:after,
.fortnite-color .preview__second:before {
    content: "";
    -webkit-filter: blur(87px);
    filter: blur(87px);
    height: 199px;
    left: 50%;
    margin-left: -950px;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1900px;
}
.fortnite-color .preview__second:before {
    background: #6c50c7;
    top: -180px;
}
.fortnite-color .preview__second:after {
    background: #00c9ee;
    top: 100%;
}
.lol-color .preview__second {
    padding-bottom: 100px;
    padding-top: 86px;
    position: relative;
}
@media (max-width: 1140px) {
    .lol-color .preview__second {
        padding-top: 52px;
    }
}
.freefire-color .preview__second {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--black)), to(#3b3056));
    background: -webkit-linear-gradient(top, var(--black) 0, #3b3056 100%);
    background: -o-linear-gradient(top, var(--black) 0, #3b3056 100%);
    background: linear-gradient(180deg, var(--black) 0, #3b3056 100%);
    border-bottom: 1px solid var(--black);
    overflow: hidden;
    padding-top: 86px;
    position: relative;
}
@media (max-width: 1140px) {
    .freefire-color .preview__second {
        padding-top: 52px;
    }
}
.freefire-color .preview__second:after,
.freefire-color .preview__second:before {
    content: "";
    -webkit-filter: blur(87px);
    filter: blur(87px);
    height: 199px;
    left: 50%;
    margin-left: -950px;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1900px;
}
.freefire-color .preview__second:before {
    background: #e28f1b;
    bottom: 100%;
}
.freefire-color .preview__second:after {
    background: #bb84e6;
    top: 100%;
}
.aion-classic-color .preview__second {
    background: #222230;
    padding-bottom: 170px;
    padding-top: 260px;
    position: relative;
}
@media (max-width: 768px) {
    .aion-classic-color .preview__second {
        padding-bottom: 40px;
        padding-top: 38px;
    }
}
.genshin-color .preview__second {
    background: #0c1f4d;
    padding-bottom: 170px;
    padding-top: 155px;
    position: relative;
}
@media (max-width: 768px) {
    .genshin-color .preview__second {
        padding-bottom: 40px;
        padding-top: 38px;
    }
}
.preview__second > * {
    position: relative;
    z-index: 2;
}
.roblox-color .preview-second__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/second-bg-min.png) 50% 0 repeat-x;
    height: 408px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.fortnite-color .preview-second__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/stars2-min.png) 50% 50% no-repeat;
    height: 1476px;
    left: 50%;
    margin-left: -1100px;
    position: absolute;
    top: 0;
    width: 2200px;
}
.freefire-color .preview-second__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/payment-bg-min.png) 50% 50% no-repeat;
    height: 969px;
    left: 50%;
    margin-left: -832.5px;
    position: absolute;
    top: 100px;
    width: 1665px;
}
.aion-classic-color .preview-second__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/payment-bg-min.jpg) 50% 50% no-repeat;
    background-size: auto 100%;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 55px;
    z-index: 0;
}
.aion-classic-color .preview-second__bg:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#222230), to(rgba(34, 34, 48, 0)));
    background: -webkit-linear-gradient(top, #222230, rgba(34, 34, 48, 0));
    background: -o-linear-gradient(top, #222230 0, rgba(34, 34, 48, 0) 100%);
    background: linear-gradient(180deg, #222230, rgba(34, 34, 48, 0));
    content: "";
    height: 460px;
    left: 0;
    position: absolute;
    width: 100%;
}
.aion-classic-color .preview-second__bg:after {
    background: -webkit-gradient(linear, left bottom, left top, from(var(--black)), to(rgba(34, 34, 48, 0)));
    background: -webkit-linear-gradient(bottom, var(--black) 0, rgba(34, 34, 48, 0) 100%);
    background: -o-linear-gradient(bottom, var(--black) 0, rgba(34, 34, 48, 0) 100%);
    background: linear-gradient(0deg, var(--black) 0, rgba(34, 34, 48, 0) 100%);
    bottom: 0;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    right: 0;
}
.genshin-color .preview-second__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/genshin/payment-bg-min.jpg) 50% 0 no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.stalcraft-color .preview-second__bg {
    position: static;
}
.stalcraft-color .preview-second__bg:after,
.stalcraft-color .preview-second__bg:before {
    content: "";
    -webkit-filter: blur(32px);
    filter: blur(32px);
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1920px;
}
.stalcraft-color .preview-second__bg:before {
    background: #fd5669;
    height: 59px;
    opacity: 0.2;
    top: 0;
}
.warface-color .preview-second__bg {
    height: 721px;
    left: 50%;
    margin-left: -580.5px;
    margin-top: -360.5px;
    position: absolute;
    top: 50%;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 1161px;
}
@media (max-width: 768px) {
    .warface-color .preview-second__bg {
        display: none;
    }
}
.warface-color .preview-second__bg--pic1 {
    background: url(../img/bg_2-stars-1.svg) 50% 50% no-repeat;
}
.warface-color .preview-second__bg--pic2 {
    background: url(../img/bg_2-stars-2.svg) 50% 50% no-repeat;
}
.aion-classic-color .preview-second__blur {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
}
.aion-classic-color .preview-second__blur:after,
.aion-classic-color .preview-second__blur:before {
    content: "";
    -webkit-filter: blur(142px);
    filter: blur(142px);
    height: 339px;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 843px;
}
.aion-classic-color .preview-second__blur:before {
    background: #8f73d5;
    bottom: -351px;
    left: -140px;
}
.aion-classic-color .preview-second__blur:after {
    background: #6c3b35;
    bottom: -301px;
    right: -150px;
}
.bt2-color .preview-second__text {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ebe8e2;
    -ms-flex: 0 0 43.33333%;
    flex: 0 0 43.33333%;
    font-family: var(--font-bebas);
    font-size: 22px;
    font-weight: 700;
    max-width: 43.33333%;
    padding-left: 15px;
    padding-right: 30px;
    padding-top: 58px;
    position: relative;
    width: 100%;
}
.bt2-color .preview-second__text:after,
.bt2-color .preview-second__text:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.bt2-color .preview-second__text:before {
    background: var(--bt2-light);
    height: 200px;
    right: 0;
    top: -34px;
    width: 2px;
}
.bt2-color .preview-second__text:after {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/plus.svg) 50% 50% no-repeat;
    height: 12px;
    right: 40px;
    top: -97px;
    width: 12px;
}
@media (max-width: 1140px) {
    .bt2-color .preview-second__text {
        font-size: 16px;
    }
}
@media (max-width: 800px) {
    .bt2-color .preview-second__text {
        display: none;
    }
}
.bt2-color .preview-second__text p {
    margin: 0 0 20px;
}
.bt2-color .preview-second__text ul {
    margin: 0;
    padding: 0;
}
.bt2-color .preview-second__text ul li {
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0 0 0 30px;
    position: relative;
}
.bt2-color .preview-second__text ul li:before {
    background: var(--white);
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 6px;
}
.warface-color .preview-second__text {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 43.33333%;
    flex: 0 0 43.33333%;
    max-width: 43.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 800px) {
    .warface-color .preview-second__text {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .warface-color .preview-second__text {
        text-align: center;
    }
    .warface-color .preview-second__text .warface-show {
        margin-bottom: 60px;
    }
}
.warface-color .preview-second__text p {
    color: #ebe8e2;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin: 0 0 35px;
}
.warface-color .preview-second__text p strong {
    color: var(--white);
    font-weight: 700;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .warface-color .preview-second__text p {
        font-size: 16px;
    }
}
.stalcraft-color .preview-second__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .stalcraft-color .preview-second__slider {
        padding-left: 0;
        padding-right: 0;
    }
}
.stalcraft-color .preview-second__slider .swiper-wrapper {
    height: auto;
}
.stalcraft-color .preview-second__slider .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: none;
    justify-content: center;
    left: auto;
    padding: 40px 0 0;
    position: relative;
    width: auto;
}
@media (max-width: 1279px) {
    .stalcraft-color .preview-second__slider .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 15px;
    }
}
.stalcraft-color .preview-second__slider .swiper-pagination-lock {
    display: none;
}
.stalcraft-color .preview-second__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-size: 20px;
    --swiper-pagination-bullet-inactive-color: hsla(0, 0%, 100%, 0.2);
    --swiper-pagination-bullet-horizontal-gap: 10px;
    -webkit-box-flex: 0;
    border-radius: 50%;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    opacity: 1;
}
@media (max-width: 1024px) {
    .stalcraft-color .preview-second__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 15px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
    }
}
@media (max-width: 374px) {
    .stalcraft-color .preview-second__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 12px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
    }
}
.stalcraft-color .preview-second__slider .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.stalcraft-color .stalcraft-color .preview-second__slider .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--stalcraft-color-2);
}
.warface-color .preview-second__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 56.66667%;
    flex: 0 0 56.66667%;
    max-width: 56.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 800px) {
    .warface-color .preview-second__slider {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.warface-color .preview-second__slider .ea-slider__block {
    margin: 0 auto;
    max-width: 640px;
    padding: 0;
}
.warface-color .preview-second__slider .ea-slider__list.alone-card {
    width: 336px;
}
@media (min-width: 1280px) {
    .warface-color .preview-second__slider .ea-slider__list.alone-card {
        width: auto;
    }
    .warface-color .preview-second__slider .ea-slider__list.alone-card .ea-slider__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .warface-color .preview-second__slider .ea-slider__list.alone-card .ea-slider__item:first-child {
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
    }
    .warface-color .preview-second__slider .ea-slider__list.alone-card .ea-slider__item:last-child {
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
}
@media (max-width: 768px) {
    .warface-color .preview-second__slider .ea-slider__list.alone-card {
        width: 414px;
    }
    .warface-color .preview-second__slider .ea-slider__list.alone-card .swiper-pagination {
        display: block;
    }
    .warface-color .preview-second__slider .ea-slider__list.alone-card .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 15px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        background: #ccc;
        border-radius: 50%;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
    }
    .warface-color .preview-second__slider .ea-slider__list.alone-card .swiper-pagination-bullet-active {
        background: var(--warface-color-1);
    }
}
@media (max-width: 413px) {
    .warface-color .preview-second__slider .ea-slider__list.alone-card {
        width: 375px;
    }
}
@media (max-width: 374px) {
    .warface-color .preview-second__slider .ea-slider__list.alone-card {
        width: 320px;
    }
}
.bt2-color .preview-second__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 56.66667%;
    flex: 0 0 56.66667%;
    max-width: 56.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 800px) {
    .bt2-color .preview-second__slider {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.bt2-color .preview-second__slider .ea-slider__block {
    max-width: 640px;
    padding: 0;
}
@media (max-width: 768px) {
    .bt2-color .preview-second__slider .ea-slider__block {
        margin: 0 auto;
    }
}
.bt2-color .preview-second__slider .ea-slider__list.alone-card {
    width: 336px;
}
@media (min-width: 1280px) {
    .bt2-color .preview-second__slider .ea-slider__list.alone-card {
        width: auto;
    }
    .bt2-color .preview-second__slider .ea-slider__list.alone-card .ea-slider__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 768px) {
    .bt2-color .preview-second__slider .ea-slider__list.alone-card {
        width: 414px;
    }
    .bt2-color .preview-second__slider .ea-slider__list.alone-card .swiper-pagination {
        display: block;
    }
    .bt2-color .preview-second__slider .ea-slider__list.alone-card .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 15px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        background: #ccc;
        border-radius: 50%;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
    }
    .bt2-color .preview-second__slider .ea-slider__list.alone-card .swiper-pagination-bullet-active {
        background: var(--bt2-bg);
    }
}
@media (max-width: 413px) {
    .bt2-color .preview-second__slider .ea-slider__list.alone-card {
        width: 375px;
    }
}
@media (max-width: 374px) {
    .bt2-color .preview-second__slider .ea-slider__list.alone-card {
        width: 320px;
    }
}
.preview-second__bottom {
    bottom: 50px;
    left: 50%;
    outline: none;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3;
}
.stalcraft-color .preview-second__bottom {
    bottom: -13px;
}
.stalcraft-color .preview-second__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--stalcraft-color);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px;
}
.stalcraft-color .preview-second__bottom .go-to-bottom img {
    height: 22px;
    width: 34px;
}
.warface-color .preview-second__bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: -90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 359px;
    z-index: 1;
}
@media (max-width: 768px) {
    .warface-color .preview-second__bottom {
        display: none;
    }
}
.warface-color .preview-second__bottom:after {
    background: url(../img/go-down-1-bg.svg) 50% 50% no-repeat;
    content: "";
    display: block;
    height: 16px;
    pointer-events: none;
    position: absolute;
    width: 359px;
}
.preview__thrid {
    position: relative;
}
.preview__thrid .ea__slider {
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
.preview__thrid .ea__slider .swiper-wrapper {
    height: auto;
}
@media (max-width: 1279px) {
    .preview__thrid .ea__slider .swiper-button-next,
    .preview__thrid .ea__slider .swiper-button-prev {
        margin-bottom: -69px;
    }
}
.preview__thrid .ea__slider .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: none;
    justify-content: center;
    left: auto;
    padding: 40px 0 0;
    position: relative;
    width: auto;
}
@media (max-width: 1279px) {
    .preview__thrid .ea__slider .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 768px) {
    .preview__thrid .ea__slider .swiper-pagination {
        padding-top: 15px;
    }
}
.preview__thrid .ea__slider .swiper-pagination-lock {
    display: none;
}
.preview__thrid .ea__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-size: 20px;
    --swiper-pagination-bullet-horizontal-gap: 10px;
    -webkit-box-flex: 0;
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 50%;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    opacity: 1;
}
.fortnite-color .preview__thrid .ea__slider .swiper-pagination-bullet {
    background: rgba(18, 179, 255, 0.4);
}
.roblox-color .preview__thrid .ea__slider .swiper-pagination-bullet {
    background: var(--roblox-text);
}
@media (max-width: 1024px) {
    .preview__thrid .ea__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 15px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
    }
}
@media (max-width: 374px) {
    .preview__thrid .ea__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 12px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
    }
}
.preview__thrid .ea__slider .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.fortnite-color .preview__thrid .ea__slider .swiper-pagination-bullet-active {
    background: var(--fortnite-color-2);
}
.roblox-color .preview__thrid .ea__slider .swiper-pagination-bullet-active {
    background: var(--roblox-color);
}
.aion-classic-color .preview__thrid .ea__slider .swiper-pagination-bullet-active {
    background: var(--aion-classic-price);
}
.genshin-color .preview__thrid .ea__slider .swiper-pagination-bullet-active {
    background: var(--genshin-price);
}
.stalcraft-color .preview__thrid .ea__slider .swiper-pagination-bullet-active {
    background: var(--stalcraft-color-3);
}
.stalcraft-color .preview__thrid {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/bg_4-gr-min.jpg) 50% 50% repeat-x var(--black);
    background-size: auto 100%;
    padding-bottom: 160px;
    padding-top: 55px;
    position: relative;
    z-index: 5;
}
@media (max-width: 1280px) {
    .stalcraft-color .preview__thrid {
        padding-bottom: 180px;
    }
}
@media (max-width: 1024px) {
    .stalcraft-color .preview__thrid {
        padding-bottom: 120px;
    }
}
@media (max-width: 768px) {
    .stalcraft-color .preview__thrid {
        padding-top: 30px;
    }
}
.stalcraft-color .preview__thrid:after,
.stalcraft-color .preview__thrid:before {
    content: "";
    position: absolute;
}
.stalcraft-color .preview__thrid:after {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/line-3.svg) 50% 50% repeat-x;
    bottom: -20px;
    height: 85px;
    left: 0;
    right: 0;
}
.stalcraft-color .preview__thrid:before {
    background: #489d48;
    bottom: 0;
    -webkit-filter: blur(32px);
    filter: blur(32px);
    height: 34px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1920px;
}
.aion-classic-color .preview__thrid {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/thrid-bg-min.jpg) 50% 50% no-repeat #222230;
    background-size: auto 100%;
    border-bottom: 5px solid hsla(0, 0%, 100%, 0.2);
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    overflow: hidden;
    padding-bottom: 258px;
    padding-top: 103px;
    position: relative;
}
@media (max-width: 1280px) {
    .aion-classic-color .preview__thrid {
        padding-bottom: 180px;
    }
    .aion-classic-color .preview__thrid .b-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .aion-classic-color .preview__thrid {
        padding-top: 30px;
    }
}
.bns-color .preview__thrid {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/bg_2-min.jpg) 50% 50% no-repeat var(--black);
    background-size: auto 100%;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 35px;
}
.bns-color .preview__thrid:after {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/line-3.svg) 50% 0 no-repeat;
    bottom: -10px;
    content: "";
    height: 41px;
    left: 50%;
    margin-left: -1050px;
    position: absolute;
    width: 2100px;
}
.bns-color .preview__thrid .block__head {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.bns-color .preview__thrid .block__head span:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/bns/header-2-bg-min.png);
    height: 118px;
    margin-top: 6px;
    width: 919px;
}
.genshin-color .preview__thrid {
    background: url(/bitrix/templates/c4g/css/../pictures/genshin/second-bg-min.jpg) 50% 50% no-repeat #172242;
    background-size: auto 100%;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    overflow: hidden;
    padding-bottom: 258px;
    padding-top: 103px;
    position: relative;
}
@media (max-width: 1280px) {
    .genshin-color .preview__thrid {
        padding-bottom: 180px;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview__thrid {
        padding-top: 30px;
    }
}
.roblox-color .preview__thrid {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bfe0ff));
    background: -webkit-linear-gradient(top, #fff, #bfe0ff);
    background: -o-linear-gradient(top, #fff 0, #bfe0ff 100%);
    background: linear-gradient(180deg, #fff, #bfe0ff);
    border-bottom: 3px solid #6a8ed5;
    overflow: hidden;
    padding-bottom: 140px;
    padding-top: 90px;
}
@media (max-width: 1140px) {
    .roblox-color .preview__thrid {
        padding-bottom: 145px;
        padding-top: 88px;
    }
}
.roblox-color .preview__thrid:before {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/thrid-bg-min.jpg) 50% 50% no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.fortnite-color .preview__thrid {
    background: -webkit-gradient(linear, left top, left bottom, from(#171b68), to(#391f73));
    background: -webkit-linear-gradient(top, #171b68, #391f73);
    background: -o-linear-gradient(top, #171b68 0, #391f73 100%);
    background: linear-gradient(180deg, #171b68, #391f73);
    border-bottom: none;
    overflow: hidden;
    padding-bottom: 130px;
    padding-top: 90px;
}
@media (max-width: 1140px) {
    .fortnite-color .preview__thrid {
        padding-bottom: 106px;
        padding-top: 88px;
    }
}
.fortnite-color .preview__thrid:before {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/first-bg-min.jpg) 50% 50% no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
@media (min-width: 769px) {
    .fortnite-color .preview__thrid .ea-slider__block {
        min-height: 479px;
    }
}
.stalcraft-color .preview-thrid__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/bg_4-min.jpg) 50% 50% no-repeat;
    background-size: auto 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
}
.preview-thrid__dust {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/dust-bg-min.png) 50% 50% no-repeat;
    height: 950px;
    margin-top: -475px;
}
.preview-thrid__diamonds,
.preview-thrid__dust {
    left: 50%;
    margin-left: -895.5px;
    position: absolute;
    top: 50%;
    width: 1791px;
}
.preview-thrid__diamonds {
    background: url(/bitrix/templates/c4g/css/../pictures/roblox/diamonds-bg-min.png) 50% 50% no-repeat;
    height: 861px;
    margin-top: -430.5px;
}
.aion-classic-color .preview-thrid__bg {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
}
.aion-classic-color .preview-thrid__bg:after,
.aion-classic-color .preview-thrid__bg:before {
    content: "";
    -webkit-filter: blur(142px);
    filter: blur(142px);
    height: 339px;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 843px;
}
.aion-classic-color .preview-thrid__bg:before {
    background: #8f73d5;
    bottom: -351px;
    left: -140px;
}
.aion-classic-color .preview-thrid__bg:after {
    background: #6c3b35;
    bottom: -301px;
    right: -150px;
}
.aion-classic-color .preview-thrid__img {
    pointer-events: none;
    position: absolute;
}
.aion-classic-color .preview-thrid__img img {
    display: block;
}
.aion-classic-color .preview-thrid__img--1 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/thrid-l-min.png) 0 100% no-repeat;
    bottom: -71px;
    height: 787px;
    left: -99px;
    width: 580px;
}
@media (max-width: 1780px) {
    .aion-classic-color .preview-thrid__img--1 {
        display: none;
    }
}
@media (max-width: 1280px) {
    .aion-classic-color .preview-thrid__img--1 {
        bottom: 50%;
        display: block;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
}
@media (max-width: 992px) {
    .aion-classic-color .preview-thrid__img--1 {
        display: none;
    }
}
.aion-classic-color .preview-thrid__img--2 {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/thrid-r-min.png) 0 100% no-repeat;
    bottom: -91px;
    height: 463px;
    right: -51px;
    width: 396px;
}
@media (max-width: 992px) {
    .aion-classic-color .preview-thrid__img--2 {
        display: none;
    }
}
.genshin-color .preview-thrid__img {
    pointer-events: none;
    position: absolute;
}
.genshin-color .preview-thrid__img img {
    display: block;
}
.genshin-color .preview-thrid__img--1 {
    background: url(/bitrix/templates/c4g/css/../pictures/genshin/second-stars-min.png) 0 100% no-repeat;
    height: 860px;
    left: 50%;
    margin-left: -958px;
    margin-top: -430px;
    top: 50%;
    width: 1916px;
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__img--1 {
        display: none;
    }
}
.genshin-color .preview-thrid__img--2 {
    background: url(/bitrix/templates/c4g/css/../pictures/genshin/moon-min.png) 0 100% no-repeat;
    height: 534px;
    left: 50%;
    top: 0;
    width: 674px;
}
@media (max-width: 1280px) {
    .genshin-color .preview-thrid__img--2 {
        display: none;
    }
}
.bns-color .preview-thrid__slider {
    margin: 0 auto;
    padding: 0 0 150px;
}
.aion-classic-color .preview-thrid__slider {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 672px;
    flex: 0 0 672px;
    max-width: 672px;
    padding-top: 30px;
    width: 100%;
}
@media (max-width: 1280px) {
    .aion-classic-color .preview-thrid__slider {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin: 0 auto;
        order: 3;
        padding-top: 80px;
    }
    .aion-classic-color .preview-thrid__slider .ea-slider__list {
        margin: 0 -15px;
        width: auto;
    }
}
@media (max-width: 768px) {
    .aion-classic-color .preview-thrid__slider {
        padding-top: 30px;
    }
    .aion-classic-color .preview-thrid__slider .ea-slider__list {
        margin: 0 auto;
        width: 414px;
    }
}
@media (max-width: 413px) {
    .aion-classic-color .preview-thrid__slider .ea-slider__list {
        width: 375px;
    }
}
@media (max-width: 374px) {
    .aion-classic-color .preview-thrid__slider .ea-slider__list {
        width: 320px;
    }
}
.genshin-color .preview-thrid__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .genshin-color .preview-thrid__slider {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__slider {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 5;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.stalcraft-color .preview-thrid__slider {
    margin: 0 auto;
    max-width: 984px;
    width: 100%;
}
.preview-thrid__desc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 672px);
    flex: 0 0 -webkit-calc(100% - 672px);
    flex: 0 0 calc(100% - 672px);
    max-width: -webkit-calc(100% - 672px);
    max-width: calc(100% - 672px);
    padding-left: 52px;
    padding-top: 83px;
    width: 100%;
}
@media (max-width: 1280px) {
    .preview-thrid__desc {
        margin: 0 auto;
        padding-left: 0;
        padding-top: 20px;
    }
}
@media (max-width: 1140px) {
    .preview-thrid__desc {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: 672px;
        padding-left: 30px;
    }
}
@media (max-width: 768px) {
    .preview-thrid__desc {
        padding: 0;
    }
}
.genshin-color .preview-thrid__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .genshin-color .preview-thrid__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.genshin-color .preview-thrid__desc .genshin__blessing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    max-width: 940px;
    width: 100%;
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc .genshin__blessing {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 30px;
        margin-bottom: 40px;
        margin-top: 30px;
        padding: 52px 15px 28px;
        position: relative;
    }
}
.genshin-color .preview-thrid__desc .genshin-blessing__item {
    margin-bottom: 68px;
}
@media (max-width: 1280px) {
    .genshin-color .preview-thrid__desc .genshin-blessing__item {
        margin-bottom: 48px;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc .genshin-blessing__item {
        margin-bottom: 26px;
    }
}
.genshin-color .preview-thrid__desc .genshin-blessing__item:last-child {
    margin-left: auto;
}
@media (max-width: 1280px) {
    .genshin-color .preview-thrid__desc .genshin-blessing__item:last-child {
        margin-bottom: 0;
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc .genshin-blessing__item:last-child {
        margin-bottom: 0;
    }
}
.genshin-color .preview-thrid__desc .genshin-blessing-item__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.genshin-color .preview-thrid__desc .genshin-blessing-item__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 0;
    align-items: center;
    border: 1px solid var(--aion-classic-prem-border-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    height: 160px;
    justify-content: center;
    margin: 0 15px 0 0;
    position: relative;
    width: 160px;
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc .genshin-blessing-item__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        height: 120px;
        padding: 20px;
        width: 120px;
    }
}
.genshin-color .preview-thrid__desc .genshin-blessing-item__icon img {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.genshin-color .preview-thrid__desc .genshin-blessing-item__icon span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #beb5ad;
    border-radius: 17px;
    color: #0f1a26;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-genshin);
    font-size: 24px;
    height: 34px;
    justify-content: center;
    left: 50%;
    line-height: 28px;
    position: absolute;
    top: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 76px;
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc .genshin-blessing-item__icon span {
        font-size: 16px;
        height: 24px;
        width: 52px;
    }
}
.genshin-color .preview-thrid__desc .genshin-blessing-item__desc {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    color: var(--white);
    font-family: var(--font-genshin);
    max-width: 575px;
    padding: 28px 38px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .genshin-color .preview-thrid__desc .genshin-blessing-item__desc {
        max-width: 365px;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc .genshin-blessing-item__desc {
        background: none;
        border-radius: 0;
        max-width: none;
        padding: 0;
        position: static;
    }
}
.genshin-color .preview-thrid__desc .genshin-blessing-item__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    left: 100%;
    line-height: 1.4;
    margin-left: -64px;
    padding-left: 78px;
    position: absolute;
    top: -13px;
    white-space: nowrap;
}
@media (max-width: 1500px) {
    .genshin-color .preview-thrid__desc .genshin-blessing-item__info {
        left: auto;
        margin-left: 0;
        right: -30px;
        top: -30px;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc .genshin-blessing-item__info {
        font-size: 10px;
        left: 50%;
        padding-left: 42px;
        right: auto;
        top: -16px;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}
.genshin-color .preview-thrid__desc .genshin-blessing-item__info img {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc .genshin-blessing-item__info img {
        height: 32px;
        width: 32px;
    }
}
.genshin-color .preview-thrid__desc .genshin-blessing-item__info span {
    text-decoration: underline;
    text-decoration-color: var(--white);
    text-decoration-style: dotted;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
.genshin-color .preview-thrid__desc .genshin-blessing-item__title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 8px;
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc .genshin-blessing-item__title {
        font-size: 16px;
    }
}
.genshin-color .preview-thrid__desc .genshin-blessing-item__text {
    font-size: 12px;
    line-height: 19px;
}
@media (max-width: 768px) {
    .genshin-color .preview-thrid__desc .genshin-blessing-item__text {
        font-size: 10px;
    }
}
.preview-thrid-desc__info {
    color: var(--white);
    font-family: var(--font-lora);
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .preview-thrid-desc__info {
        text-align: center;
    }
}
.preview-thrid-desc__title {
    color: var(--aion-class-blue);
    font-family: var(--font-lora);
    font-size: 54px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}
@media (max-width: 768px) {
    .preview-thrid-desc__title {
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 180px;
        text-align: center;
    }
    .preview-thrid-desc__title br {
        display: none;
    }
}
.preview-thrid-desc__text {
    background: var(--black);
    border-radius: 30px;
    color: var(--white);
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    max-width: 590px;
    padding: 20px 30px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .preview-thrid-desc__text {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 0;
        margin: 0 auto;
    }
}
.preview-thrid-desc__text p {
    margin-bottom: 15px;
    opacity: 0.8;
}
.preview-thrid-desc__text p:last-child {
    margin-bottom: 0;
}
.preview-thrid-desc__image {
    bottom: 100%;
    margin: 0 -67px -31px 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}
@media (max-width: 768px) {
    .preview-thrid-desc__image {
        left: 50%;
        margin: 0 0 -31px;
        right: auto;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}
.preview-thrid-desc__image img {
    display: block;
}
.preview-thrid__bottom {
    bottom: 60px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3;
}
@media (max-width: 1140px) {
    .fortnite-color .preview-thrid__bottom {
        bottom: 30px;
    }
}
.aion-classic-color .preview-thrid__bottom {
    bottom: 70px;
}
@media (max-width: 1140px) {
    .aion-classic-color .preview-thrid__bottom {
        bottom: 30px;
    }
}
.aion-classic-color .preview-thrid__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 100%, 0.5);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 67px;
    justify-content: center;
    width: 67px;
}
.stalcraft-color .preview-thrid__bottom {
    bottom: -8px;
}
.stalcraft-color .preview-thrid__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--stalcraft-color-4);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px;
}
.stalcraft-color .preview-thrid__bottom .go-to-bottom img {
    height: 22px;
    width: 34px;
}
.preview__fourth {
    position: relative;
}
.preview__fourth .ea__slider {
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
.preview__fourth .ea__slider .swiper-wrapper {
    height: auto;
}
@media (max-width: 1279px) {
    .preview__fourth .ea__slider .swiper-button-next,
    .preview__fourth .ea__slider .swiper-button-prev {
        margin-bottom: -69px;
    }
}
.preview__fourth .ea__slider .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: none;
    justify-content: center;
    left: auto;
    padding: 40px 0 0;
    position: relative;
    width: auto;
}
@media (max-width: 1279px) {
    .preview__fourth .ea__slider .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 768px) {
    .preview__fourth .ea__slider .swiper-pagination {
        padding-top: 15px;
    }
}
.preview__fourth .ea__slider .swiper-pagination-lock {
    display: none;
}
.preview__fourth .ea__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-size: 20px;
    --swiper-pagination-bullet-horizontal-gap: 10px;
    -webkit-box-flex: 0;
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 50%;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    opacity: 1;
}
.fortnite-color .preview__fourth .ea__slider .swiper-pagination-bullet {
    background: rgba(18, 179, 255, 0.4);
}
@media (max-width: 1024px) {
    .preview__fourth .ea__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 15px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
    }
}
@media (max-width: 374px) {
    .preview__fourth .ea__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 12px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
    }
}
.preview__fourth .ea__slider .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.fortnite-color .preview__fourth .ea__slider .swiper-pagination-bullet-active {
    background: var(--fortnite-color-2);
}
.fortnite-color .preview__fourth {
    background: #2b1b5e;
    border-bottom: 2px solid #391d79;
    overflow: hidden;
    padding-bottom: 130px;
    padding-top: 90px;
}
@media (max-width: 1140px) {
    .fortnite-color .preview__fourth {
        padding-bottom: 106px;
        padding-top: 88px;
    }
}
.fortnite-color .preview__fourth .block__head .help-block {
    left: 142px;
}
@media (max-width: 768px) {
    .fortnite-color .preview__fourth .block__head img {
        margin-top: -40px;
        width: 70px;
    }
    .fortnite-color .preview__fourth .block__head .help-block {
        left: 100px;
    }
}
.fortnite-color .preview__fourth:before {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/fourth-bg-min.jpg) 50% 50% no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
@media (min-width: 769px) {
    .fortnite-color .preview__fourth .ea-slider__block {
        min-height: 479px;
    }
}
.bns-color .preview__fourth {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/bg_3-min.jpg) 50% 50% no-repeat var(--black);
    background-size: auto 100%;
    overflow: hidden;
    padding-bottom: 110px;
    padding-top: 54px;
}
@media (max-width: 1140px) {
    .bns-color .preview__fourth {
        padding-bottom: 106px;
        padding-top: 88px;
    }
}
.bns-color .preview__fourth:after,
.bns-color .preview__fourth:before {
    content: "";
    position: absolute;
}
.bns-color .preview__fourth:before {
    background: #807953;
    -webkit-filter: blur(142px);
    filter: blur(142px);
    height: 159.83px;
    left: -webkit-calc(50% - 650px);
    left: calc(50% - 650px);
    top: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1300px;
}
.bns-color .preview__fourth:after {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(50%, #fff), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff 50%, hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, #fff 50%, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 50%, hsla(0, 0%, 100%, 0));
    bottom: 0;
    height: 2px;
    left: 0;
    opacity: 0.3;
    width: 100%;
}
.bns-color .preview__fourth .ea__slider {
    z-index: 4;
}
@media (min-width: 769px) {
    .bns-color .preview__fourth .ea-slider__block {
        min-height: 479px;
        padding: 0;
    }
}
.bns-color .preview__fourth .block__head {
    margin-bottom: 40px;
}
@media (max-width: 1140px) {
    .bns-color .preview__fourth .block__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
}
.bns-color .preview__fourth .block__head span:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/bns/header-3-bg-min.png);
    height: 118px;
    width: 577px;
}
.stalcraft-color .preview__fourth {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/bg_7-min.jpg) 50% 50% no-repeat var(--black);
    background-size: auto 100%;
    overflow: hidden;
}
.stalcraft-color .preview__fourth:after {
    background: #7864e1;
    content: "";
    -webkit-filter: blur(57px);
    filter: blur(57px);
    height: 134px;
    left: 50%;
    position: absolute;
    top: 100%;
    -webkit-transform: translate3d(-50%, -25px, 0);
    transform: translate3d(-50%, -25px, 0);
    width: 1920px;
}
.warface-color .preview__fourth {
    overflow: hidden;
}
.warface-color .preview__fourth:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(99.99%, #111116), to(hsla(0, 0%, 85%, 0)));
    background: -webkit-linear-gradient(top, #000, #111116 99.99%, hsla(0, 0%, 85%, 0));
    background: -o-linear-gradient(top, #000 0, #111116 99.99%, hsla(0, 0%, 85%, 0) 100%);
    background: linear-gradient(180deg, #000, #111116 99.99%, hsla(0, 0%, 85%, 0));
    bottom: 0;
    content: "";
    height: 813px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.bt2-color .preview__fourth {
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    overflow: hidden;
}
@media (max-width: 768px) {
    .bt2-color .preview__fourth {
        border-top: none;
    }
}
.bt2-color .preview__fourth:after,
.bt2-color .preview__fourth:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.bt2-color .preview__fourth:before {
    background: #a62426;
    bottom: -731px;
    -webkit-filter: blur(252px);
    filter: blur(252px);
    height: 900px;
    left: 50%;
    margin-left: 390px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1118px;
}
.bt2-color .preview__fourth:after {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/intro-sparks-min.png) 50% 100% no-repeat;
    bottom: 0;
    height: 900px;
    left: 0;
    right: 0;
}
.bns-color .preview-fourth__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 74px;
    width: 100%;
}
@media (max-width: 1140px) {
    .bns-color .preview-fourth__slider {
        padding: 44px 0 0;
    }
}
@media (max-width: 1024px) {
    .bns-color .preview-fourth__slider {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 336px;
        flex: 0 0 336px;
        max-width: 336px;
    }
}
@media (max-width: 768px) {
    .bns-color .preview-fourth__slider {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 5;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        width: 100%;
    }
}
.stalcraft-color .preview-fourth__slider {
    margin: 0 auto;
    max-width: 984px;
    width: 100%;
}
.bns-color .preview-fourth__desc {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .bns-color .preview-fourth__desc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 336px);
        flex: 0 0 -webkit-calc(100% - 336px);
        flex: 0 0 calc(100% - 336px);
        max-width: -webkit-calc(100% - 336px);
        max-width: calc(100% - 336px);
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .bns-color .preview-fourth__desc {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 660px) {
    .bns-color .preview-fourth__desc {
        padding: 0;
    }
}
.bns-color .preview-fourth__desc .bns__desc {
    margin-bottom: 50px;
    max-width: 828px;
    padding-left: 30px;
    padding-top: 50px;
}
@media (max-width: 1140px) {
    .bns-color .preview-fourth__desc .bns__desc {
        padding-left: 0;
        padding-top: 40px;
    }
}
@media (max-width: 1024px) {
    .bns-color .preview-fourth__desc .bns__desc {
        padding-left: 30px;
        padding-top: 50px;
    }
}
@media (max-width: 900px) {
    .bns-color .preview-fourth__desc .bns__desc {
        margin-bottom: 12px;
        padding-left: 0;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .bns-color .preview-fourth__desc .bns__desc {
        padding-top: 0;
    }
}
.bns-color .preview-fourth__desc .bns-desc__close {
    display: none;
}
@media (max-width: 660px) {
    .bns-color .preview-fourth__desc .bns-desc__close {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 30px;
        position: absolute;
        right: 15px;
        top: 15px;
        width: 30px;
    }
    .bns-color .preview-fourth__desc .bns-desc__close:before {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/close.svg) 50% 50% no-repeat;
        content: "";
        height: 12px;
        justify-content: center;
        width: 12px;
    }
}
.bns-color .preview-fourth__desc .bns-desc__title {
    color: var(--white);
    font-family: var(--font-trajan-pro-3);
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .bns-color .preview-fourth__desc .bns-desc__title {
        font-size: 23px;
        line-height: 1;
    }
}
@media (max-width: 660px) {
    .bns-color .preview-fourth__desc .bns-desc__title {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        height: 58px;
        justify-content: flex-end;
        margin-bottom: 12px;
    }
    .bns-color .preview-fourth__desc .bns-desc__title span {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background: rgba(65, 65, 101, 0.3);
        border-radius: 20px 0 0 20px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 58px;
        padding: 0 30px 0 70px;
        position: relative;
    }
    .bns-color .preview-fourth__desc .bns-desc__title span:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/more.svg) 50% 50% no-repeat;
        content: "";
        height: 27px;
        left: 34px;
        margin: -14px 0 0;
        position: absolute;
        top: 50%;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        width: 14px;
    }
    .bns-color .preview-fourth__desc .bns-desc__title.active span:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
.bns-color .preview-fourth__desc .bns-desc__body {
    margin: 0 -12px;
}
@media (max-width: 1280px) {
    .bns-color .preview-fourth__desc .bns-desc__body {
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background: rgba(65, 65, 101, 0.3);
        border-radius: 20px;
        position: relative;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .bns-color .preview-fourth__desc .bns-desc__body:before {
        background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/desc-line-1.svg) 50% 50% no-repeat;
        content: "";
        height: 23px;
        left: 50%;
        margin-left: -140px;
        position: absolute;
        top: -4px;
        width: 281px;
    }
}
@media (max-width: 1024px) {
    .bns-color .preview-fourth__desc .bns-desc__body {
        margin: 0;
    }
}
@media (min-width: 661px) {
    .bns-color .preview-fourth__desc .bns-desc__body {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}
@media (max-width: 660px) {
    .bns-color .preview-fourth__desc .bns-desc__body {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background: rgba(65, 65, 101, 0.2);
        border-radius: 0;
        display: none;
        padding: 30px 20px;
        position: absolute;
        width: 100%;
        z-index: 4;
    }
    .bns-color .preview-fourth__desc .bns-desc__body:before {
        display: none;
    }
}
.bns-color .preview-fourth__desc .bns-desc__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 660px) {
    .bns-color .preview-fourth__desc .bns-desc__list {
        max-height: 540px;
        overflow: auto;
        scrollbar-color: #3d8da1 hsla(0, 0%, 100%, 0.1);
        scrollbar-width: thin;
    }
}
.bns-color .preview-fourth__desc .bns-desc__column {
    -webkit-box-flex: 0;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(65, 65, 101, 0.3);
    border-radius: 20px;
    -ms-flex: 0 0 calc(50% - 24px);
    flex: 0 0 -webkit-calc(50% - 24px);
    flex: 0 0 calc(50% - 24px);
    margin: 0 12px;
    max-width: -webkit-calc(50% - 24px);
    max-width: calc(50% - 24px);
    padding: 8px 24px 4px;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
}
@media (max-width: 1280px) {
    .bns-color .preview-fourth__desc .bns-desc__column {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: none;
        border-radius: 0;
        margin: 0;
    }
}
@media (max-width: 1024px) {
    .bns-color .preview-fourth__desc .bns-desc__column {
        padding: 8px 12px 4px;
    }
}
@media (max-width: 660px) {
    .bns-color .preview-fourth__desc .bns-desc__column {
        -webkit-box-flex: 0;
        border-radius: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 auto 15px;
        max-width: 270px;
        padding: 0;
    }
    .bns-color .preview-fourth__desc .bns-desc__column:last-child {
        margin-bottom: 0;
    }
}
.bns-color .preview-fourth__desc .bns-desc__column:before {
    background: url(/bitrix/templates/c4g/css/../pictures/4g/bns/desc-line-1.svg) 50% 50% no-repeat;
    content: "";
    height: 23px;
    left: 33px;
    position: absolute;
    top: -4px;
    width: 281px;
}
@media (max-width: 1280px) {
    .bns-color .preview-fourth__desc .bns-desc__column:before {
        display: none;
    }
}
.bns-color .preview-fourth__desc .bns-desc__column:nth-child(2):before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/bns/desc-line-2.svg);
    left: 48px;
    width: 309px;
}
.bns-color .preview-fourth__desc .bns-desc__item {
    margin: 22px 0;
}
@media (max-width: 1140px) {
    .bns-color .preview-fourth__desc .bns-desc__item {
        margin: 15px 0;
    }
}
@media (max-width: 660px) {
    .bns-color .preview-fourth__desc .bns-desc__item {
        margin: 0 0 15px;
    }
    .bns-color .preview-fourth__desc .bns-desc__item:last-child {
        margin: 0;
    }
}
.bns-color .preview-fourth__desc .bns-desc-item__back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bns-color .preview-fourth__desc .bns-desc-item__icon {
    -webkit-box-flex: 0;
    -ms-flex-negative: 0;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    flex-shrink: 0;
    margin: 0 20px 0 0;
}
.bns-color .preview-fourth__desc .bns-desc-item__icon img {
    display: block;
}
.bns-color .preview-fourth__desc .bns-desc-item__title {
    font-family: var(--font-lora);
    font-size: 14px;
    font-weight: 700;
    max-width: 274px;
}
@media (max-width: 1024px) {
    .bns-color .preview-fourth__desc .bns-desc-item__title {
        font-size: 12px;
    }
}
.bns-color .preview-fourth__desc .bns-desc__more {
    font-family: var(--font-trajan-pro-3);
    font-size: 20px;
    font-weight: 700;
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
@media (max-width: 1280px) {
    .bns-color .preview-fourth__desc .bns-desc__more {
        padding: 10px 0 30px;
    }
}
@media (max-width: 660px) {
    .bns-color .preview-fourth__desc .bns-desc__more {
        padding: 30px 0 0;
    }
}
.preview-fourth__bottom {
    bottom: 60px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3;
}
@media (max-width: 768px) {
    .preview-fourth__bottom {
        bottom: 30px;
    }
}
.stalcraft-color .preview-fourth__bottom {
    bottom: -43px;
}
.stalcraft-color .preview-fourth__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--stalcraft-color-4);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px;
}
.stalcraft-color .preview-fourth__bottom .go-to-bottom img {
    height: 22px;
    width: 34px;
}
.preview__fifth {
    position: relative;
}
.stalcraft-color .preview__fifth {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/bg_5-min.jpg) 50% 50% no-repeat var(--black);
    background-size: auto 100%;
    padding-bottom: 110px;
    padding-top: 55px;
    position: relative;
    z-index: 4;
}
@media (max-width: 1280px) {
    .stalcraft-color .preview__fifth {
        padding-bottom: 180px;
    }
}
@media (max-width: 1024px) {
    .stalcraft-color .preview__fifth {
        padding-bottom: 120px;
    }
}
.stalcraft-color .preview__fifth:after {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/line-5.svg) 50% 50% repeat-x;
    bottom: -54px;
    content: "";
    height: 85px;
    left: 0;
    position: absolute;
    right: 0;
}
.preview__fifth .ea__slider {
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
.preview__fifth .ea__slider .swiper-wrapper {
    height: auto;
}
@media (max-width: 1279px) {
    .preview__fifth .ea__slider .swiper-button-next,
    .preview__fifth .ea__slider .swiper-button-prev {
        margin-bottom: -69px;
    }
}
.preview__fifth .ea__slider .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: none;
    justify-content: center;
    left: auto;
    padding: 40px 0 0;
    position: relative;
    width: auto;
}
@media (max-width: 1279px) {
    .preview__fifth .ea__slider .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 768px) {
    .preview__fifth .ea__slider .swiper-pagination {
        padding-top: 15px;
    }
}
.preview__fifth .ea__slider .swiper-pagination-lock {
    display: none;
}
.preview__fifth .ea__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-size: 20px;
    --swiper-pagination-bullet-horizontal-gap: 10px;
    -webkit-box-flex: 0;
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 50%;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    opacity: 1;
}
.fortnite-color .preview__fifth .ea__slider .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1024px) {
    .preview__fifth .ea__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 15px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
    }
}
@media (max-width: 374px) {
    .preview__fifth .ea__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 12px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
    }
}
.preview__fifth .ea__slider .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.stalcraft-color .preview__fifth .ea__slider .swiper-pagination-bullet-active {
    background: var(--stalcraft-color-4);
}
.fortnite-color .preview__fifth {
    background: -webkit-gradient(linear, left top, left bottom, from(#0f003d), to(#57c4aa));
    background: -webkit-linear-gradient(top, #0f003d, #57c4aa);
    background: -o-linear-gradient(top, #0f003d 0, #57c4aa 100%);
    background: linear-gradient(180deg, #0f003d, #57c4aa);
    border-top: 2px solid #793de2;
    overflow: hidden;
    padding-bottom: 130px;
    padding-top: 90px;
}
@media (max-width: 1140px) {
    .fortnite-color .preview__fifth {
        padding-bottom: 106px;
        padding-top: 88px;
    }
}
.fortnite-color .preview__fifth:before {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/fifth-bg-min.jpg) 50% 50% no-repeat;
    background-size: auto 100%;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.fortnite-color .preview__fifth:after {
    background: #34e65b;
    content: "";
    -webkit-filter: blur(87px);
    filter: blur(87px);
    height: 199px;
    left: 50%;
    margin-top: -20px;
    position: absolute;
    top: 100%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1600px;
}
@media (min-width: 769px) {
    .fortnite-color .preview__fifth .ea-slider__block {
        min-height: 479px;
    }
}
.stalcraft-color .preview-fifth__slider {
    margin: 0 auto;
    max-width: 984px;
    width: 100%;
}
.preview-fifth__bottom {
    bottom: 60px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3;
}
@media (max-width: 768px) {
    .preview-fifth__bottom {
        bottom: 30px;
    }
}
.stalcraft-color .preview-fifth__bottom {
    bottom: -42px;
}
.stalcraft-color .preview-fifth__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--stalcraft-color-2);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px;
}
.stalcraft-color .preview-fifth__bottom .go-to-bottom img {
    height: 22px;
    width: 34px;
}
.preview__sixth {
    position: relative;
}
.stalcraft-color .preview__sixth {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/bg_6-min.jpg) 50% 50% no-repeat var(--black);
    background-size: auto 100%;
    padding-bottom: 110px;
    padding-top: 55px;
    position: relative;
    z-index: 1;
}
.stalcraft-color .preview__sixth:after {
    background: url(/bitrix/templates/c4g/css/../pictures/stalcraft/line-5.svg) 50% 50% repeat-x;
    bottom: -54px;
    content: "";
    height: 85px;
    left: 0;
    position: absolute;
    right: 0;
}
@media (max-width: 1280px) {
    .stalcraft-color .preview__sixth {
        padding-bottom: 180px;
    }
}
@media (max-width: 1024px) {
    .stalcraft-color .preview__sixth {
        padding-bottom: 80px;
    }
}
.preview-sixth__slider .swiper-wrapper {
    height: auto;
}
@media (max-width: 1279px) {
    .preview-sixth__slider .swiper-button-next,
    .preview-sixth__slider .swiper-button-prev {
        margin-bottom: -69px;
    }
}
.preview-sixth__slider .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: none;
    justify-content: center;
    left: auto;
    padding: 40px 0 0;
    position: relative;
    width: auto;
}
@media (max-width: 1279px) {
    .preview-sixth__slider .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 768px) {
    .preview-sixth__slider .swiper-pagination {
        padding-top: 15px;
    }
}
.preview-sixth__slider .swiper-pagination-lock {
    display: none;
}
.preview-sixth__slider .swiper-pagination-bullet {
    --swiper-pagination-bullet-size: 20px;
    --swiper-pagination-bullet-horizontal-gap: 10px;
    -webkit-box-flex: 0;
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 50%;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    opacity: 1;
}
.fortnite-color .preview-sixth__slider .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1024px) {
    .preview-sixth__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 15px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 8px;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
    }
}
@media (max-width: 374px) {
    .preview-sixth__slider .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 12px;
        -webkit-box-flex: 0;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
    }
}
.preview-sixth__slider .swiper-pagination-bullet-active {
    -webkit-animation: rubberBand;
    animation: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.stalcraft-color .preview-sixth__slider .swiper-pagination-bullet-active {
    background: var(--stalcraft-color-5);
}
.stalcraft-color .preview-sixth__slider {
    margin: 0 auto;
    max-width: 984px;
    width: 100%;
}
.preview-sixth__bottom {
    bottom: 60px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3;
}
@media (max-width: 768px) {
    .preview-sixth__bottom {
        bottom: 30px;
    }
}
.stalcraft-color .preview-sixth__bottom {
    bottom: -42px;
}
.stalcraft-color .preview-sixth__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--stalcraft-color-4);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px;
}
.stalcraft-color .preview-sixth__bottom .go-to-bottom img {
    height: 22px;
    width: 34px;
}
.bns-color .preview__payment {
    padding-bottom: 168px;
}
@media (max-width: 768px) {
    .bns-color .preview__payment {
        padding-bottom: 80px;
    }
}
.roblox-color .preview__payment {
    padding-bottom: 130px;
}
.fortnite-color .preview__payment {
    padding-bottom: 140px;
    padding-top: 222px;
}
@media (max-width: 768px) {
    .fortnite-color .preview__payment {
        padding-top: 587px;
    }
}
.lol-color .preview__payment {
    padding-bottom: 140px;
    padding-top: 129px;
}
@media (max-width: 768px) {
    .lol-color .preview__payment {
        padding-top: 187px;
    }
}
.freefire-color .preview__payment {
    padding-bottom: 140px;
    padding-top: 129px;
}
@media (max-width: 768px) {
    .freefire-color .preview__payment {
        padding-top: 62px;
    }
}
.stalcraft-color .preview__payment {
    padding-bottom: 128px;
    padding-top: 93px;
}
@media (max-width: 1024px) {
    .stalcraft-color .preview__payment {
        padding-bottom: 100px;
    }
}
@media (max-width: 768px) {
    .stalcraft-color .preview__payment {
        padding-top: 62px;
    }
}
.warface-color .preview__payment {
    padding-bottom: 100px;
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1024px) {
    .warface-color .preview__payment {
        padding-bottom: 100px;
    }
}
@media (max-width: 768px) {
    .warface-color .preview__payment {
        padding-bottom: 0;
        padding-top: 0;
    }
}
.bt2-color .preview__payment {
    padding-bottom: 100px;
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
.bt2-color .preview__payment:after,
.bt2-color .preview__payment:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.bt2-color .preview__payment:before {
    background: var(--bt2-light);
    height: 2px;
    left: 50%;
    top: -1px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 380px;
}
@media (max-width: 768px) {
    .bt2-color .preview__payment:before {
        display: none;
    }
}
.bt2-color .preview__payment:after {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/corner-bl.svg) 0 100% no-repeat;
    bottom: 0;
    content: "";
    height: 458px;
    left: 0;
    position: absolute;
    width: 430px;
    z-index: -1;
}
.bt2-color .preview__payment .b-row {
    position: relative;
}
.bt2-color .preview__payment .b-row:before {
    background: var(--bt2-light);
    content: "";
    height: 81px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 1px;
}
@media (max-width: 768px) {
    .bt2-color .preview__payment .b-row:before {
        display: none;
    }
}
@media (max-width: 1024px) {
    .bt2-color .preview__payment {
        padding-bottom: 100px;
    }
}
@media (max-width: 768px) {
    .bt2-color .preview__payment {
        padding-bottom: 0;
        padding-top: 0;
    }
}
.preview-payment__left {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    pointer-events: none;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .preview-payment__left {
        -webkit-box-flex: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.preview-payment__left img {
    position: relative;
    z-index: 1;
}
.roblox-color .preview-payment__left img {
    -webkit-transform: translate(-101px);
    -ms-transform: translate(-101px);
    transform: translate(-101px);
}
@media (max-width: 1140px) {
    .roblox-color .preview-payment__left img {
        -webkit-transform: translate(-197px);
        -ms-transform: translate(-197px);
        transform: translate(-197px);
    }
}
@media (max-width: 768px) {
    .roblox-color .preview-payment__left img {
        height: 496px;
        -webkit-transform: translate(35px);
        -ms-transform: translate(35px);
        transform: translate(35px);
    }
}
.roblox-color .preview-payment__left:after,
.roblox-color .preview-payment__left:before {
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.roblox-color .preview-payment__left:before {
    background: #e25bff;
    height: 231px;
    left: 70px;
    top: 380px;
    width: 496px;
}
.roblox-color .preview-payment__left:after {
    background: #ffd600;
    height: 253px;
    left: 344px;
    opacity: 0.8;
    top: 338px;
    width: 372px;
}
.fortnite-color .preview-payment__left img {
    -webkit-transform: translate(-32px, -100px);
    -ms-transform: translate(-32px, -100px);
    transform: translate(-32px, -100px);
}
@media (max-width: 1140px) {
    .fortnite-color .preview-payment__left img {
        -webkit-transform: translate(-197px);
        -ms-transform: translate(-197px);
        transform: translate(-197px);
    }
}
@media (max-width: 768px) {
    .fortnite-color .preview-payment__left img {
        display: none;
    }
}
.fortnite-color .preview-payment__left:before {
    background: #77d8bf;
    content: "";
    -webkit-filter: blur(137px);
    filter: blur(137px);
    height: 417px;
    left: 70px;
    position: absolute;
    top: 125px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 417px;
}
.lol-color .preview-payment__left {
    margin-bottom: -236px;
}
.lol-color .preview-payment__left img {
    -webkit-transform: translate(-288px, -68px);
    -ms-transform: translate(-288px, -68px);
    transform: translate(-288px, -68px);
}
@media (max-width: 1140px) {
    .lol-color .preview-payment__left img {
        -webkit-transform: translate(-285px, -32px);
        -ms-transform: translate(-285px, -32px);
        transform: translate(-285px, -32px);
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-payment__left,
    .lol-color .preview-payment__left img {
        display: none;
    }
}
.freefire-color .preview-payment__left:before {
    background: #6d4e8d;
    content: "";
    -webkit-filter: blur(137px);
    filter: blur(137px);
    height: 417px;
    left: 101px;
    position: absolute;
    top: 221px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 417px;
}
.freefire-color .preview-payment__left img {
    -webkit-transform: translate(-58px, -35px);
    -ms-transform: translate(-58px, -35px);
    transform: translate(-58px, -35px);
}
@media (max-width: 1140px) {
    .freefire-color .preview-payment__left img {
        -webkit-transform: translate(-238px, -3px);
        -ms-transform: translate(-238px, -3px);
        transform: translate(-238px, -3px);
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-payment__left img {
        display: none;
    }
}
.aion-classic-color .preview-payment__left img {
    -webkit-transform: translate(-129px, 5px);
    -ms-transform: translate(-129px, 5px);
    transform: translate(-129px, 5px);
}
@media (max-width: 1140px) {
    .aion-classic-color .preview-payment__left img {
        -webkit-transform: translate(-229px, 5px);
        -ms-transform: translate(-229px, 5px);
        transform: translate(-229px, 5px);
    }
}
@media (max-width: 768px) {
    .aion-classic-color .preview-payment__left img {
        display: none;
    }
}
.aion-classic-color .preview-payment__left:before {
    background: #ee6136;
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    height: 373px;
    left: 200px;
    opacity: 0.8;
    position: absolute;
    top: 200px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 496px;
}
@media (max-width: 1140px) {
    .aion-classic-color .preview-payment__left:before {
        left: 0;
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-payment__left {
        display: none;
    }
}
.genshin-color .preview-payment__left img {
    -webkit-transform: translate(-205px);
    -ms-transform: translate(-205px);
    transform: translate(-205px);
}
@media (max-width: 1280px) {
    .genshin-color .preview-payment__left img {
        -webkit-transform: translate(-250px);
        -ms-transform: translate(-250px);
        transform: translate(-250px);
    }
}
@media (max-width: 1140px) {
    .genshin-color .preview-payment__left img {
        -webkit-transform: translate(-289px);
        -ms-transform: translate(-289px);
        transform: translate(-289px);
    }
}
.genshin-color .preview-payment__left:before {
    background: #ee6136;
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    height: 373px;
    left: 50px;
    opacity: 0.8;
    position: absolute;
    top: 450px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 496px;
    z-index: 2;
}
.preview-payment-left__bg {
    position: absolute;
    z-index: -1;
}
.fortnite-color .preview-payment-left__bg {
    left: 68px;
    top: 72px;
}
.freefire-color .preview-payment-left__bg {
    left: 256px;
    top: 128px;
}
.preview-payment__right {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    pointer-events: none;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .preview-payment__right {
        display: none;
    }
}
.preview-payment__right img {
    position: relative;
    z-index: 1;
}
.roblox-color .preview-payment__right img {
    -webkit-transform: translate(-159px, 11px);
    -ms-transform: translate(-159px, 11px);
    transform: translate(-159px, 11px);
}
@media (max-width: 1140px) {
    .roblox-color .preview-payment__right img {
        -webkit-transform: translate(-143px, 11px);
        -ms-transform: translate(-143px, 11px);
        transform: translate(-143px, 11px);
    }
}
.roblox-color .preview-payment__right:after {
    background: #65d4fc;
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    height: 291px;
    left: 0;
    position: absolute;
    top: 320px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 549px;
}
@media (max-width: 768px) {
    .fortnite-color .preview-payment__right {
        display: none;
    }
}
.fortnite-color .preview-payment__right img {
    -webkit-transform: translate(39px, -51px);
    -ms-transform: translate(39px, -51px);
    transform: translate(39px, -51px);
}
.fortnite-color .preview-payment__right:before {
    background: #b02f44;
    content: "";
    -webkit-filter: blur(137px);
    filter: blur(137px);
    height: 417px;
    left: 211px;
    position: absolute;
    top: 143px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 417px;
}
.lol-color .preview-payment__right {
    margin-bottom: -200px;
}
@media (max-width: 768px) {
    .lol-color .preview-payment__right {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.lol-color .preview-payment__right img {
    -webkit-transform: translate(99px, -51px);
    -ms-transform: translate(99px, -51px);
    transform: translate(99px, -51px);
}
@media (max-width: 1140px) {
    .lol-color .preview-payment__right img {
        -webkit-transform: translate(-40px, -15px);
        -ms-transform: translate(-40px, -15px);
        transform: translate(-40px, -15px);
    }
}
@media (max-width: 768px) {
    .lol-color .preview-payment__right img {
        height: 660px;
        left: 50%;
        -webkit-transform: translate(-49%, -105px);
        -ms-transform: translate(-49%, -105px);
        transform: translate(-49%, -105px);
    }
    .freefire-color .preview-payment__right {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.freefire-color .preview-payment__right:before {
    background: #cd9676;
    content: "";
    -webkit-filter: blur(137px);
    filter: blur(137px);
    height: 417px;
    left: 174px;
    position: absolute;
    top: 229px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 417px;
}
.freefire-color .preview-payment__right img {
    -webkit-transform: translate(136px, -30px);
    -ms-transform: translate(136px, -30px);
    transform: translate(136px, -30px);
}
@media (max-width: 1140px) {
    .freefire-color .preview-payment__right img {
        -webkit-transform: translate(134px, 2px);
        -ms-transform: translate(134px, 2px);
        transform: translate(134px, 2px);
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-payment__right img {
        height: 660px;
        left: 50%;
        -webkit-transform: translate(-49%, -105px);
        -ms-transform: translate(-49%, -105px);
        transform: translate(-49%, -105px);
    }
}
.aion-classic-color .preview-payment__right img {
    -webkit-transform: translate(362px, 25px);
    -ms-transform: translate(362px, 25px);
    transform: translate(362px, 25px);
}
@media (max-width: 768px) {
    .aion-classic-color .preview-payment__right img {
        display: none;
    }
}
.aion-classic-color .preview-payment__right:before {
    background: #65d4fc;
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    height: 373px;
    position: absolute;
    top: 300px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 549px;
}
.genshin-color .preview-payment__right img {
    -webkit-transform: translate3d(84px, 31px, 0);
    transform: translate3d(84px, 31px, 0);
}
@media (max-width: 1280px) {
    .genshin-color .preview-payment__right img {
        -webkit-transform: translate3d(0, 31px, 0);
        transform: translate3d(0, 31px, 0);
    }
}
@media (max-width: 1024px) {
    .genshin-color .preview-payment__right img {
        -webkit-transform: translate3d(-80px, 31px, 0);
        transform: translate3d(-80px, 31px, 0);
    }
}
@media (max-width: 768px) {
    .genshin-color .preview-payment__right img {
        display: none;
    }
}
.genshin-color .preview-payment__right:before {
    background: #65d4fc;
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    height: 373px;
    left: 0;
    position: absolute;
    top: 450px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 549px;
    z-index: 2;
}
.preview-payment-right__bg {
    position: absolute;
    z-index: -1;
}
.fortnite-color .preview-payment-right__bg {
    left: 150px;
    top: 207px;
}
.freefire-color .preview-payment-right__bg {
    left: 103px;
    top: 204px;
}
.preview-payment__center {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    pointer-events: none;
    position: relative;
    width: 100%;
}
.preview-payment__center img {
    bottom: 100%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.bns-color .preview-payment__center img,
.stalcraft-color .preview-payment__center img {
    bottom: auto;
    position: relative;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-payment__center img {
        height: 553px;
        margin-left: -30px;
    }
}
.stalcraft-color .preview-payment__center:after {
    background: #7864e1;
    border-radius: 149px;
    content: "";
    -webkit-filter: blur(72px);
    filter: blur(72px);
    height: 245px;
    left: 50%;
    position: absolute;
    top: 400px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 800px;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-payment__center:after {
        top: 280px;
    }
}
.warface-color .preview-payment__center img {
    bottom: auto;
    height: 690px;
    position: relative;
}
@media (max-width: 768px) {
    .warface-color .preview-payment__center img {
        margin-left: -30px;
        margin-top: -40px;
        pointer-events: none;
    }
}
.warface-color .preview-payment__center:after {
    background: #d73737;
    border-radius: 50%;
    content: "";
    -webkit-filter: blur(57px);
    filter: blur(57px);
    height: 380px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 350px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 980px;
}
.bt2-color .preview-payment__center img {
    bottom: auto;
    height: 602px;
    position: relative;
}
@media (max-width: 768px) {
    .bt2-color .preview-payment__center img {
        height: 382px;
        pointer-events: none;
    }
}
.bt2-color .preview-payment__center:after {
    background: var(--bt2-light);
    border-radius: 50%;
    content: "";
    -webkit-filter: blur(57px);
    filter: blur(57px);
    height: 180px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 385px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 980px;
}
@media (max-width: 768px) {
    .fortnite-color .preview-payment__center img {
        -webkit-transform: translate(-50%, 270px);
        -ms-transform: translate(-50%, 270px);
        transform: translate(-50%, 270px);
    }
}
.fortnite-color .preview-payment__center:before {
    background: #b46631;
    content: "";
    -webkit-filter: blur(137px);
    filter: blur(137px);
    height: 417px;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    top: -500px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 417px;
}
.lol-color .preview-payment__center {
    height: 0;
}
@media (max-width: 768px) {
    .lol-color .preview-payment__center {
        display: none;
    }
}
.lol-color .preview-payment__center img {
    -webkit-transform: translate(-252px, -380px);
    -ms-transform: translate(-252px, -380px);
    transform: translate(-252px, -380px);
}
@media (max-width: 1140px) {
    .lol-color .preview-payment__center img {
        height: 305px;
        -webkit-transform: translate(-155px, -352px);
        -ms-transform: translate(-155px, -352px);
        transform: translate(-155px, -352px);
    }
}
.freefire-color .preview-payment__center {
    height: 0;
}
@media (max-width: 768px) {
    .freefire-color .preview-payment__center {
        height: auto;
    }
}
.freefire-color .preview-payment__center:before {
    background: #63688c;
    content: "";
    -webkit-filter: blur(137px);
    filter: blur(137px);
    height: 417px;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    top: -602px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 417px;
}
.freefire-color .preview-payment__center img {
    -webkit-transform: translate(-281px, -18px);
    -ms-transform: translate(-281px, -18px);
    transform: translate(-281px, -18px);
}
@media (max-width: 1140px) {
    .freefire-color .preview-payment__center img {
        -webkit-transform: translate(-283px, 16px);
        -ms-transform: translate(-283px, 16px);
        transform: translate(-283px, 16px);
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-payment__center img {
        bottom: auto;
        left: 50%;
        position: relative;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}
.aion-classic-color .preview-payment__center {
    height: 0;
}
.aion-classic-color .preview-payment__center img {
    margin: 0 0 17px;
}
@media (max-width: 768px) {
    .aion-classic-color .preview-payment__center {
        height: auto;
    }
    .aion-classic-color .preview-payment__center img {
        bottom: auto;
        height: 582px;
        position: relative;
    }
}
.aion-classic-color .preview-payment__center:before {
    background: #5036ee;
    bottom: -150px;
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    height: 373px;
    left: 50%;
    margin: 0 0 0 -200px;
    opacity: 0.8;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 496px;
    z-index: 1;
}
.genshin-color .preview-payment__center {
    height: 0;
    z-index: 1;
}
.genshin-color .preview-payment__center img {
    margin: 0 0 0 -79px;
    -webkit-transform: translate(-50%, -365px);
    -ms-transform: translate(-50%, -365px);
    transform: translate(-50%, -365px);
}
@media (max-width: 768px) {
    .genshin-color .preview-payment__center {
        height: auto;
    }
    .genshin-color .preview-payment__center img {
        bottom: auto;
        height: 568px;
        position: relative;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}
.genshin-color .preview-payment__center:before {
    background: #5036ee;
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    height: 373px;
    left: 50%;
    opacity: 0.4;
    position: absolute;
    top: -600px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 496px;
    z-index: 1;
}
@media (max-width: 768px) {
    .genshin-color .preview-payment__center:before {
        top: 300px;
    }
}
.preview-payment-center__bg {
    position: absolute;
    z-index: -1;
}
.fortnite-color .preview-payment-center__bg {
    left: 50%;
    margin-left: -143px;
    top: -266px;
}
.freefire-color .preview-payment-center__bg {
    left: 50%;
    margin-left: 142px;
    top: -333px;
}
.preview-payment__block {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.stalcraft-color .preview-payment__block {
    margin-top: -400px;
    position: relative;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-payment__block {
        margin-top: -280px;
    }
}
.bt2-color .preview-payment__block {
    margin-top: -220px;
    position: relative;
}
@media (max-width: 768px) {
    .bt2-color .preview-payment__block {
        margin-top: -28px;
    }
}
.warface-color .preview-payment__block {
    margin-top: -330px;
    position: relative;
}
@media (max-width: 768px) {
    .warface-color .preview-payment__block {
        margin-top: -280px;
    }
}
.bns-color .preview-payment__block {
    margin-top: -232px;
    position: relative;
}
.bns-color .preview-payment__block:after,
.bns-color .preview-payment__block:before {
    content: "";
    -webkit-filter: blur(117px);
    filter: blur(117px);
    height: 273px;
    margin-top: -136.5px;
    opacity: 0.4;
    position: absolute;
    top: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.bns-color .preview-payment__block:before {
    background: #ee6136;
    left: 0;
    opacity: 0.5;
    width: 496px;
}
.bns-color .preview-payment__block:after {
    background: #ba8a42;
    right: 0;
    width: 549px;
}
.roblox-color .preview-payment__block {
    margin-top: -200px;
    position: relative;
}
@media (max-width: 768px) {
    .roblox-color .preview-payment__block {
        margin-top: -115px;
    }
}
.roblox-color .preview-payment__block:after {
    background: #f1cfff;
    content: "";
    -webkit-filter: blur(27px);
    filter: blur(27px);
    height: 142px;
    left: 50%;
    margin-left: -552px;
    margin-top: -110px;
    position: absolute;
    top: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1104px;
}
.fortnite-color .preview-payment__block {
    margin-top: -385px;
    position: relative;
}
@media (max-width: 1140px) {
    .fortnite-color .preview-payment__block {
        margin-top: -376px;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 768px) {
    .fortnite-color .preview-payment__block {
        margin-top: -115px;
    }
}
.fortnite-color .preview-payment__block:after {
    background: #00c9ee;
    bottom: 10px;
    content: "";
    -webkit-filter: blur(132px);
    filter: blur(132px);
    height: 187px;
    left: 50%;
    margin-left: -454px;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 907px;
}
.lol-color .preview-payment__block {
    margin-top: -412px;
    position: relative;
}
@media (max-width: 1140px) {
    .lol-color .preview-payment__block {
        margin-top: -376px;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 768px) {
    .lol-color .preview-payment__block {
        margin-top: -295px;
    }
}
.lol-color .preview-payment__block:after,
.lol-color .preview-payment__block:before {
    content: "";
    -webkit-filter: blur(27px);
    filter: blur(27px);
    left: 50%;
    opacity: 0.42;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1;
}
.lol-color .preview-payment__block:before {
    background: #be65da;
    height: 280px;
    margin-left: -685px;
    top: -30px;
    width: 1371px;
}
.lol-color .preview-payment__block:after {
    background: #0bc6e3;
    bottom: -30px;
    height: 142px;
    margin-left: -552px;
    width: 1104px;
}
.freefire-color .preview-payment__block {
    margin-top: -412px;
    position: relative;
}
@media (max-width: 1140px) {
    .freefire-color .preview-payment__block {
        margin-top: -376px;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-payment__block {
        margin-top: -430px;
    }
}
.freefire-color .preview-payment__block:after {
    background: #9382b1;
    bottom: 10px;
    content: "";
    -webkit-filter: blur(132px);
    filter: blur(132px);
    height: 142px;
    left: 50%;
    margin-left: -552px;
    opacity: 0.42;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1104px;
    z-index: 1;
}
.aion-classic-color .preview-payment__block {
    margin-top: -200px;
    position: relative;
}
@media (max-width: 768px) {
    .aion-classic-color .preview-payment__block {
        margin-top: -200px;
    }
}
.genshin-color .preview-payment__block {
    margin-top: -500px;
    position: relative;
}
@media (max-width: 768px) {
    .genshin-color .preview-payment__block {
        margin-top: -116px;
    }
}
.preview-payment__text {
    border-radius: var(--br-20);
    margin: 0 auto;
    max-width: 1104px;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1;
}
.stalcraft-color .preview-payment__text {
    background: var(--black);
    border: 2px solid #4530b5;
    border-radius: var(--br-10);
    overflow: visible;
    padding: 65px;
    z-index: 3;
}
@media (max-width: 1140px) {
    .stalcraft-color .preview-payment__text {
        border-radius: 0;
        margin: 0 -60px;
        max-width: none;
        padding: 30px 60px;
    }
}
.stalcraft-color .preview-payment__text p {
    color: #7864e1;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 auto;
    max-width: 867px;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-payment__text p {
        font-size: 14px;
        line-height: 22px;
    }
}
.bt2-color .preview-payment__text {
    background: #1f1f1f;
    border: 2px solid hsla(0, 0%, 100%, 0.1);
    border-radius: 0;
    overflow: visible;
    padding: 65px;
    z-index: 3;
}
.bt2-color .preview-payment__text:after {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/plus.svg) 50% 50% no-repeat;
    content: "";
    height: 12px;
    position: absolute;
    right: 27px;
    top: 27px;
    width: 12px;
}
@media (max-width: 768px) {
    .bt2-color .preview-payment__text:after {
        display: none;
    }
}
@media (max-width: 1140px) {
    .bt2-color .preview-payment__text {
        border-radius: 0;
        margin: 0 -60px;
        max-width: none;
        padding: 30px 60px;
    }
}
@media (max-width: 1024px) {
    .bt2-color .preview-payment__text:after {
        display: none;
    }
}
.bt2-color .preview-payment__text p {
    color: #ebe8e2;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin: 0 auto;
    max-width: 867px;
}
@media (max-width: 768px) {
    .bt2-color .preview-payment__text p {
        font-size: 14px;
        line-height: 22px;
    }
}
.warface-color .preview-payment__text {
    background: #151922;
    border: 2px solid hsla(0, 0%, 100%, 0.1);
    border-radius: var(--br-10);
    overflow: visible;
    padding: 65px;
    z-index: 3;
}
@media (max-width: 1140px) {
    .warface-color .preview-payment__text {
        border-radius: 0;
        margin: 0 -60px;
        max-width: none;
        padding: 30px 60px;
    }
}
.warface-color .preview-payment__text p {
    color: #ebe8e2;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin: 0 auto;
    max-width: 867px;
}
@media (max-width: 768px) {
    .warface-color .preview-payment__text p {
        font-size: 14px;
        line-height: 22px;
    }
}
.bns-color .preview-payment__text {
    background: var(--bns-gradient);
    border-radius: var(--br-10);
    padding: 57px 50px 60px;
    z-index: 3;
}
@media (max-width: 1140px) {
    .bns-color .preview-payment__text {
        border-radius: 0;
        margin: 0 -60px;
        max-width: none;
    }
}
.bns-color .preview-payment__text:before {
    border: 2px solid var(--bns-border-color);
    border-radius: 4px;
    bottom: 10px;
    content: "";
    left: 10px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 10px;
}
.bns-color .preview-payment__text p {
    color: var(--white);
    display: block;
    font-family: var(--font-gotham);
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 auto;
    max-width: 868px;
}
@media (max-width: 768px) {
    .bns-color .preview-payment__text p {
        font-size: 14px;
        line-height: 22px;
    }
}
.roblox-color .preview-payment__text {
    background: -webkit-gradient(linear, left top, left bottom, from(#e9eaff), to(#fafaff));
    background: -webkit-linear-gradient(top, #e9eaff, #fafaff);
    background: -o-linear-gradient(top, #e9eaff 0, #fafaff 100%);
    background: linear-gradient(180deg, #e9eaff, #fafaff);
    color: var(--roblox-text);
    padding: 60px 120px;
}
@media (max-width: 1024px) {
    .roblox-color .preview-payment__text {
        border-radius: 0;
        margin: -20px -15px 0;
        padding: 40px 20px;
        width: auto;
    }
}
.roblox-color .preview-payment__text:after,
.roblox-color .preview-payment__text:before {
    content: "";
    -webkit-filter: blur(42px);
    filter: blur(42px);
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.roblox-color .preview-payment__text:before {
    background: #fff1aa;
    bottom: 100%;
    height: 99px;
    left: -51px;
    margin: 0 0 -20px;
    opacity: 0.7;
    width: 478px;
}
.roblox-color .preview-payment__text:after {
    background: #fabbff;
    height: 99px;
    left: 50%;
    margin: -20px 0 0 -425px;
    opacity: 0.5;
    top: 100%;
    width: 859px;
}
.fortnite-color .preview-payment__text {
    background: url(/bitrix/templates/c4g/css/../pictures/fortnite/payment-bg-min.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 38px 110px 70px;
}
@media (max-width: 1140px) {
    .fortnite-color .preview-payment__text {
        border-radius: 0;
    }
}
@media (max-width: 768px) {
    .fortnite-color .preview-payment__text {
        padding: 36px 15px;
    }
}
.fortnite-color .preview-payment__text p {
    font-family: var(--font-refrigerator);
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.fortnite-color .preview-payment__text:before {
    border: 5px solid hsla(0, 0%, 100%, 0.1);
    border-radius: var(--br-20);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 1140px) {
    .fortnite-color .preview-payment__text:before {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
    }
}
.lol-color .preview-payment__text {
    background: url(/bitrix/templates/c4g/css/../pictures/lol/payment-bg.png) 50% 0 repeat-x #f7f7f7;
    color: var(--roblox-text);
    overflow: visible;
    padding: 50px 110px 70px;
    position: relative;
    z-index: 2;
}
@media (max-width: 1140px) {
    .lol-color .preview-payment__text {
        border-radius: 0;
    }
}
@media (max-width: 768px) {
    .lol-color .preview-payment__text {
        padding: 36px 15px 60px;
    }
}
.lol-color .preview-payment__text p {
    font-family: var(--font-lol);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}
.lol-color .preview-payment__text img.img-left,
.lol-color .preview-payment__text img.img-right {
    position: absolute;
}
.lol-color .preview-payment__text img.img-left {
    bottom: -63px;
    left: -50px;
}
@media (max-width: 1140px) {
    .lol-color .preview-payment__text img.img-left {
        left: 0;
    }
}
@media (max-width: 768px) {
    .lol-color .preview-payment__text img.img-left {
        bottom: -80px;
        left: -56px;
    }
}
.lol-color .preview-payment__text img.img-right {
    bottom: -48px;
    right: -24px;
}
@media (max-width: 1140px) {
    .lol-color .preview-payment__text img.img-right {
        right: 10px;
    }
}
@media (max-width: 768px) {
    .lol-color .preview-payment__text img.img-right {
        bottom: -60px;
        right: -30px;
    }
}
.freefire-color .preview-payment__text {
    background: -webkit-gradient(linear, left top, left bottom, from(#644d90), to(#1f1b2e));
    background: -webkit-linear-gradient(top, #644d90, #1f1b2e);
    background: -o-linear-gradient(top, #644d90 0, #1f1b2e 100%);
    background: linear-gradient(180deg, #644d90, #1f1b2e);
    color: var(---white);
    overflow: visible;
    padding: 50px 110px 70px;
    position: relative;
    z-index: 2;
}
@media (max-width: 1140px) {
    .freefire-color .preview-payment__text {
        border-radius: 0;
    }
}
@media (max-width: 768px) {
    .freefire-color .preview-payment__text {
        padding: 36px 15px 60px;
    }
}
.freefire-color .preview-payment__text p {
    font-family: var(--font-ff);
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}
.freefire-color .preview-payment__text img.img-left,
.freefire-color .preview-payment__text img.img-right {
    position: absolute;
}
@media (max-width: 768px) {
    .freefire-color .preview-payment__text img.img-left,
    .freefire-color .preview-payment__text img.img-right {
        display: none;
    }
}
.freefire-color .preview-payment__text img.img-left {
    left: -88px;
    top: -72px;
}
@media (max-width: 1140px) {
    .freefire-color .preview-payment__text img.img-left {
        left: 0;
    }
}
.freefire-color .preview-payment__text img.img-right {
    right: -86px;
    top: -103px;
}
@media (max-width: 1140px) {
    .freefire-color .preview-payment__text img.img-right {
        right: 10px;
    }
}
.aion-classic-color .preview-payment__text {
    background: var(--aion-classic-bg-color);
    border-radius: var(--br-10);
    padding: 57px 50px 60px;
}
@media (max-width: 1140px) {
    .aion-classic-color .preview-payment__text {
        border-radius: 0;
        margin: 0 -60px;
        max-width: none;
    }
}
.aion-classic-color .preview-payment__text:after,
.aion-classic-color .preview-payment__text:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.aion-classic-color .preview-payment__text:before {
    border: 2px solid var(--aion-classic-border-color);
    border-radius: 3px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
}
.aion-classic-color .preview-payment__text:after {
    border: 1px solid var(--aion-classic-border-color);
    bottom: 14px;
    left: 14px;
    right: 14px;
    top: 14px;
}
.aion-classic-color .preview-payment__text p {
    color: var(--aion-classic-name);
    display: block;
    font-family: var(--font-lora);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 auto;
    max-width: 868px;
}
@media (max-width: 768px) {
    .aion-classic-color .preview-payment__text p {
        font-size: 14px;
        line-height: 22px;
    }
}
.genshin-color .preview-payment__text {
    background: var(--genshin-bg-color);
    border-radius: var(--br-10);
    padding: 57px 50px 60px;
    z-index: 3;
}
@media (max-width: 1140px) {
    .genshin-color .preview-payment__text {
        border-radius: 0;
        margin: 0 -60px;
        max-width: none;
    }
}
.genshin-color .preview-payment__text:after,
.genshin-color .preview-payment__text:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.genshin-color .preview-payment__text:before {
    border: 2px solid var(--genshin-logo-color);
    border-radius: 3px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
}
.genshin-color .preview-payment__text:after {
    border: 1px solid var(--genshin-logo-color);
    bottom: 14px;
    left: 14px;
    right: 14px;
    top: 14px;
}
.genshin-color .preview-payment__text p {
    color: #595555;
    display: block;
    font-family: var(--font-genshin);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 auto;
    max-width: 868px;
}
@media (max-width: 768px) {
    .genshin-color .preview-payment__text p {
        font-size: 14px;
        line-height: 22px;
    }
}
.preview-payment-text__bg {
    border: 5px solid hsla(0, 0%, 100%, 0.1);
    border-radius: var(--br-20);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
@media (max-width: 1140px) {
    .preview-payment-text__bg {
        border-left: none;
        border-radius: 0;
        border-right: none;
        opacity: 0.6;
    }
}
.preview-payment-text__bg--1 {
    background: url(/bitrix/templates/c4g/css/../pictures/freefire/payment-text-bg-min.png) 50% 50% no-repeat;
    height: 542px;
    left: 50%;
    margin-left: -602.5px;
    margin-top: -271px;
    position: absolute;
    top: 50%;
    width: 1205px;
}
.aion-classic-color .preview-payment-text__corners {
    pointer-events: none;
}
.aion-classic-color .preview-payment-text__corners .corners-top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    justify-content: space-between;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.aion-classic-color .preview-payment-text__corners .corners-top:after,
.aion-classic-color .preview-payment-text__corners .corners-top:before {
    content: "";
    display: block;
    height: 26px;
    width: 26px;
}
.aion-classic-color .preview-payment-text__corners .corners-top:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/payment-tl.svg);
}
.aion-classic-color .preview-payment-text__corners .corners-top:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/payment-tr.svg);
}
.aion-classic-color .preview-payment-text__corners .corners-bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    justify-content: space-between;
    left: 10px;
    position: absolute;
    right: 10px;
}
.aion-classic-color .preview-payment-text__corners .corners-bottom:after,
.aion-classic-color .preview-payment-text__corners .corners-bottom:before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
}
.aion-classic-color .preview-payment-text__corners .corners-bottom:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/payment-bl.svg);
}
.aion-classic-color .preview-payment-text__corners .corners-bottom:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/aion-classic/payment-br.svg);
}
.genshin-color .preview-payment-text__corners {
    pointer-events: none;
}
.genshin-color .preview-payment-text__corners .corners-top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    justify-content: space-between;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}
.genshin-color .preview-payment-text__corners .corners-top:after,
.genshin-color .preview-payment-text__corners .corners-top:before {
    content: "";
    display: block;
    height: 26px;
    width: 26px;
}
.genshin-color .preview-payment-text__corners .corners-top:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/genshin/payment-tl.svg);
}
.genshin-color .preview-payment-text__corners .corners-top:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/genshin/payment-tr.svg);
}
.genshin-color .preview-payment-text__corners .corners-bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    justify-content: space-between;
    left: 10px;
    position: absolute;
    right: 10px;
    z-index: 1;
}
.genshin-color .preview-payment-text__corners .corners-bottom:after,
.genshin-color .preview-payment-text__corners .corners-bottom:before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
}
.genshin-color .preview-payment-text__corners .corners-bottom:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/genshin/payment-bl.svg);
}
.genshin-color .preview-payment-text__corners .corners-bottom:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/genshin/payment-br.svg);
}
.bns-color .preview-payment-text__corners {
    pointer-events: none;
}
.bns-color .preview-payment-text__corners .corners-top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    justify-content: space-between;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}
.bns-color .preview-payment-text__corners .corners-top:after,
.bns-color .preview-payment-text__corners .corners-top:before {
    content: "";
    display: block;
    height: 26px;
    width: 26px;
}
.bns-color .preview-payment-text__corners .corners-top:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/bns/payment-tl.svg);
    border-radius: 4px 0 0 0;
}
.bns-color .preview-payment-text__corners .corners-top:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/bns/payment-tr.svg);
    border-radius: 0 4px 0 0;
}
.bns-color .preview-payment-text__corners .corners-bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    justify-content: space-between;
    left: 10px;
    position: absolute;
    right: 10px;
    z-index: 1;
}
.bns-color .preview-payment-text__corners .corners-bottom:after,
.bns-color .preview-payment-text__corners .corners-bottom:before {
    content: "";
    display: block;
    height: 26px;
    width: 26px;
}
.bns-color .preview-payment-text__corners .corners-bottom:before {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/bns/payment-bl.svg);
    border-radius: 0 0 0 4px;
}
.bns-color .preview-payment-text__corners .corners-bottom:after {
    background-image: url(/bitrix/templates/c4g/css/../pictures/4g/bns/payment-br.svg);
    border-radius: 0 0 4px 0;
}
.stalcraft-color .preview-payment-text__corners {
    inset: -2px;
    pointer-events: none;
    position: absolute;
}
.stalcraft-color .preview-payment-text__corners .icon {
    --stalcraft-color: #7864e1;
    display: block;
    position: absolute;
}
.stalcraft-color .preview-payment-text__corners .icon-stalcraft-card-tl {
    left: 0;
    top: 0;
}
.stalcraft-color .preview-payment-text__corners .icon-stalcraft-card-tr {
    right: 0;
    top: 0;
}
.stalcraft-color .preview-payment-text__corners .icon-stalcraft-card-bl {
    bottom: 0;
    left: 0;
}
.stalcraft-color .preview-payment-text__corners .icon-stalcraft-card-br {
    bottom: 0;
    right: 0;
}
.preview-payment__title {
    margin-bottom: 60px;
}
@media (max-width: 768px) {
    .preview-payment__title {
        margin-bottom: 34px;
    }
}
.fortnite-color .preview-payment__title {
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .fortnite-color .preview-payment__title {
        margin-bottom: 24px;
    }
}
.aion-classic-color .preview-payment__title,
.bns-color .preview-payment__title,
.genshin-color .preview-payment__title,
.stalcraft-color .preview-payment__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-payment__title {
        margin-bottom: 20px;
    }
}
.bt2-color .preview-payment__title,
.warface-color .preview-payment__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .bt2-color .preview-payment__title,
    .warface-color .preview-payment__title {
        margin-bottom: 20px;
    }
}
.preview-payment__title .h2,
.preview-payment__title h2 {
    margin: 0;
}
.stalcraft-color .preview-payment__title .h2,
.stalcraft-color .preview-payment__title h2 {
    border-bottom: 2px solid #4530b5;
    border-top: 2px solid #4530b5;
    color: var(--stalcraft-color-4);
    font-family: var(--font-bebas);
    font-size: 90px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 90px;
    padding: 20px 10px 15px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-payment__title .h2,
    .stalcraft-color .preview-payment__title h2 {
        border: none;
        font-size: 55px;
        line-height: 55px;
        padding: 0;
    }
}
.stalcraft-color .preview-payment__title .h2:after,
.stalcraft-color .preview-payment__title .h2:before,
.stalcraft-color .preview-payment__title h2:after,
.stalcraft-color .preview-payment__title h2:before {
    background: #b1a7cf;
    content: "";
    height: 4px;
    position: absolute;
    top: -3px;
    width: 4px;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-payment__title .h2:after,
    .stalcraft-color .preview-payment__title .h2:before,
    .stalcraft-color .preview-payment__title h2:after,
    .stalcraft-color .preview-payment__title h2:before {
        display: none;
    }
}
.stalcraft-color .preview-payment__title .h2:before,
.stalcraft-color .preview-payment__title h2:before {
    left: 0;
}
.stalcraft-color .preview-payment__title .h2:after,
.stalcraft-color .preview-payment__title h2:after {
    right: 0;
}
.stalcraft-color .preview-payment__title .h2 span:after,
.stalcraft-color .preview-payment__title .h2 span:before,
.stalcraft-color .preview-payment__title h2 span:after,
.stalcraft-color .preview-payment__title h2 span:before {
    background: #b1a7cf;
    bottom: -3px;
    content: "";
    height: 4px;
    position: absolute;
    width: 4px;
}
@media (max-width: 768px) {
    .stalcraft-color .preview-payment__title .h2 span:after,
    .stalcraft-color .preview-payment__title .h2 span:before,
    .stalcraft-color .preview-payment__title h2 span:after,
    .stalcraft-color .preview-payment__title h2 span:before {
        display: none;
    }
}
.stalcraft-color .preview-payment__title .h2 span:before,
.stalcraft-color .preview-payment__title h2 span:before {
    left: 0;
}
.stalcraft-color .preview-payment__title .h2 span:after,
.stalcraft-color .preview-payment__title h2 span:after {
    right: 0;
}
.bt2-color .preview-payment__title .h2,
.bt2-color .preview-payment__title h2 {
    color: var(--white);
    font-family: var(--font-bebas);
    font-size: 80px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    padding: 10px 0 0;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bt2-color .preview-payment__title .h2,
    .bt2-color .preview-payment__title h2 {
        font-size: 40px;
    }
}
.bt2-color .preview-payment__title .h2:after,
.bt2-color .preview-payment__title .h2:before,
.bt2-color .preview-payment__title h2:after,
.bt2-color .preview-payment__title h2:before {
    background: var(--bt2-light);
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 610px;
}
@media (max-width: 768px) {
    .bt2-color .preview-payment__title .h2:after,
    .bt2-color .preview-payment__title .h2:before,
    .bt2-color .preview-payment__title h2:after,
    .bt2-color .preview-payment__title h2:before {
        display: none;
    }
}
.bt2-color .preview-payment__title .h2:before,
.bt2-color .preview-payment__title h2:before {
    top: 0;
}
.bt2-color .preview-payment__title .h2:after,
.bt2-color .preview-payment__title h2:after {
    bottom: 0;
}
.bt2-color .preview-payment__title .h2 span:after,
.bt2-color .preview-payment__title .h2 span:before,
.bt2-color .preview-payment__title h2 span:after,
.bt2-color .preview-payment__title h2 span:before {
    background: var(--bt2-light);
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: -4px;
    width: 2px;
}
@media (max-width: 768px) {
    .bt2-color .preview-payment__title .h2 span:after,
    .bt2-color .preview-payment__title .h2 span:before,
    .bt2-color .preview-payment__title h2 span:after,
    .bt2-color .preview-payment__title h2 span:before {
        display: none;
    }
}
.bt2-color .preview-payment__title .h2 span:before,
.bt2-color .preview-payment__title h2 span:before {
    margin-left: -301px;
}
.bt2-color .preview-payment__title .h2 span:after,
.bt2-color .preview-payment__title h2 span:after {
    margin-left: 299px;
}
@media (max-width: 768px) {
    .bt2-color .preview-payment__title .h2 .lines,
    .bt2-color .preview-payment__title h2 .lines {
        display: none;
    }
}
.bt2-color .preview-payment__title .h2 .lines:after,
.bt2-color .preview-payment__title .h2 .lines:before,
.bt2-color .preview-payment__title h2 .lines:after,
.bt2-color .preview-payment__title h2 .lines:before {
    background: var(--bt2-light);
    bottom: -4px;
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    width: 2px;
}
.bt2-color .preview-payment__title .h2 .lines:before,
.bt2-color .preview-payment__title h2 .lines:before {
    margin-left: -301px;
}
.bt2-color .preview-payment__title .h2 .lines:after,
.bt2-color .preview-payment__title h2 .lines:after {
    margin-left: 299px;
}
.warface-color .preview-payment__title .h2,
.warface-color .preview-payment__title h2 {
    color: var(--white);
    font-family: var(--font-warface);
    font-size: 48px;
    font-weight: 900;
    letter-spacing: normal;
    line-height: normal;
    padding: 30px 0;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .warface-color .preview-payment__title .h2,
    .warface-color .preview-payment__title h2 {
        font-size: 28px;
    }
}
.warface-color .preview-payment__title .h2:after,
.warface-color .preview-payment__title .h2:before,
.warface-color .preview-payment__title h2:after,
.warface-color .preview-payment__title h2:before {
    background: var(--warface-color-1);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 545px;
}
@media (max-width: 768px) {
    .warface-color .preview-payment__title .h2:after,
    .warface-color .preview-payment__title .h2:before,
    .warface-color .preview-payment__title h2:after,
    .warface-color .preview-payment__title h2:before {
        display: none;
    }
}
.warface-color .preview-payment__title .h2:before,
.warface-color .preview-payment__title h2:before {
    top: 0;
}
.warface-color .preview-payment__title .h2:after,
.warface-color .preview-payment__title h2:after {
    bottom: 0;
}
.roblox-color .preview-payment__title .h2,
.roblox-color .preview-payment__title h2 {
    font-family: var(--font-russo-one);
    font-size: 54px;
    font-weight: 400;
    line-height: 65px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .roblox-color .preview-payment__title .h2,
    .roblox-color .preview-payment__title h2 {
        font-size: 34px;
        line-height: 41px;
    }
}
.fortnite-color .preview-payment__title .h2,
.fortnite-color .preview-payment__title h2 {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(37.11%, #fff), color-stop(97.38%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(top, #fff 37.11%, hsla(0, 0%, 100%, 0) 97.38%);
    background: -o-linear-gradient(top, #fff 37.11%, hsla(0, 0%, 100%, 0) 97.38%);
    background: linear-gradient(180deg, #fff 37.11%, hsla(0, 0%, 100%, 0) 97.38%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: var(--font-fortnite);
    font-size: 66px;
    font-weight: 400;
    line-height: 97px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
@media (max-width: 768px) {
    .fortnite-color .preview-payment__title .h2,
    .fortnite-color .preview-payment__title h2 {
        -webkit-text-fill-color: unset;
        text-fill-color: unset;
        -webkit-background-clip: unset;
        background-clip: unset;
        background: none;
        font-size: 44px;
        line-height: 55px;
    }
    .fortnite-color .preview-payment__title .h2 span,
    .fortnite-color .preview-payment__title h2 span {
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(37.11%, #fff), color-stop(97.38%, hsla(0, 0%, 100%, 0)));
        background: -webkit-linear-gradient(top, #fff 37.11%, hsla(0, 0%, 100%, 0) 97.38%);
        background: -o-linear-gradient(top, #fff 37.11%, hsla(0, 0%, 100%, 0) 97.38%);
        background: linear-gradient(180deg, #fff 37.11%, hsla(0, 0%, 100%, 0) 97.38%);
        -webkit-background-clip: text;
        background-clip: text;
        display: block;
        position: relative;
    }
}
.lol-color .preview-payment__title .h2,
.lol-color .preview-payment__title h2 {
    font-family: var(--font-lol);
    font-size: 60px;
    font-weight: 900;
    line-height: 76px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .lol-color .preview-payment__title .h2,
    .lol-color .preview-payment__title h2 {
        font-size: 38px;
        line-height: 44px;
    }
}
.freefire-color .preview-payment__title .h2,
.freefire-color .preview-payment__title h2 {
    font-family: var(--font-ff);
    font-size: 54px;
    font-weight: 700;
    line-height: 65px;
    text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .freefire-color .preview-payment__title .h2,
    .freefire-color .preview-payment__title h2 {
        font-size: 38px;
        line-height: 44px;
    }
}
.aion-classic-color .preview-payment__title .h2,
.aion-classic-color .preview-payment__title h2 {
    border-bottom: 2px solid var(--aion-classic-border-color);
    border-top: 2px solid var(--aion-classic-border-color);
    color: var(--aion-classic-name);
    font-family: var(--font-genshin);
    font-size: 50px;
    letter-spacing: 4px;
    line-height: 50px;
    padding-bottom: 23px;
    padding-top: 25px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .aion-classic-color .preview-payment__title .h2,
    .aion-classic-color .preview-payment__title h2 {
        font-size: 30px;
        line-height: 34px;
        padding-bottom: 20px;
    }
}
.aion-classic-color .preview-payment__title .h2:after,
.aion-classic-color .preview-payment__title .h2:before,
.aion-classic-color .preview-payment__title h2:after,
.aion-classic-color .preview-payment__title h2:before {
    background: var(--aion-classic-border-color);
    content: "";
    height: 4px;
    position: absolute;
    top: -3px;
    width: 4px;
}
.aion-classic-color .preview-payment__title .h2:before,
.aion-classic-color .preview-payment__title h2:before {
    left: 0;
}
.aion-classic-color .preview-payment__title .h2:after,
.aion-classic-color .preview-payment__title h2:after {
    right: 0;
}
.aion-classic-color .preview-payment__title .h2 span:after,
.aion-classic-color .preview-payment__title .h2 span:before,
.aion-classic-color .preview-payment__title h2 span:after,
.aion-classic-color .preview-payment__title h2 span:before {
    background: var(--aion-classic-border-color);
    bottom: -3px;
    content: "";
    height: 4px;
    position: absolute;
    width: 4px;
}
.aion-classic-color .preview-payment__title .h2 span:before,
.aion-classic-color .preview-payment__title h2 span:before {
    left: 0;
}
.aion-classic-color .preview-payment__title .h2 span:after,
.aion-classic-color .preview-payment__title h2 span:after {
    right: 0;
}
.genshin-color .preview-payment__title .h2,
.genshin-color .preview-payment__title h2 {
    border-bottom: 2px solid var(--genshin-logo-color);
    border-top: 2px solid var(--genshin-logo-color);
    color: var(--genshin-logo-color);
    font-family: var(--font-genshin);
    font-size: 50px;
    letter-spacing: 4px;
    line-height: 50px;
    padding-bottom: 23px;
    padding-top: 25px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .genshin-color .preview-payment__title .h2,
    .genshin-color .preview-payment__title h2 {
        font-size: 30px;
        line-height: 34px;
        padding-bottom: 20px;
    }
}
.genshin-color .preview-payment__title .h2:after,
.genshin-color .preview-payment__title .h2:before,
.genshin-color .preview-payment__title h2:after,
.genshin-color .preview-payment__title h2:before {
    background: var(--genshin-logo-color);
    content: "";
    height: 4px;
    position: absolute;
    top: -3px;
    width: 4px;
}
.genshin-color .preview-payment__title .h2:before,
.genshin-color .preview-payment__title h2:before {
    left: 0;
}
.genshin-color .preview-payment__title .h2:after,
.genshin-color .preview-payment__title h2:after {
    right: 0;
}
.genshin-color .preview-payment__title .h2 span:after,
.genshin-color .preview-payment__title .h2 span:before,
.genshin-color .preview-payment__title h2 span:after,
.genshin-color .preview-payment__title h2 span:before {
    background: var(--genshin-logo-color);
    bottom: -3px;
    content: "";
    height: 4px;
    position: absolute;
    width: 4px;
}
.genshin-color .preview-payment__title .h2 span:before,
.genshin-color .preview-payment__title h2 span:before {
    left: 0;
}
.genshin-color .preview-payment__title .h2 span:after,
.genshin-color .preview-payment__title h2 span:after {
    right: 0;
}
.bns-color .preview-payment__title .h2,
.bns-color .preview-payment__title h2 {
    border-bottom: 2px solid var(--bns-border-color);
    border-top: 2px solid var(--bns-border-color);
    color: var(--white);
    font-family: var(--font-trajan-pro-3);
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 50px;
    padding-bottom: 23px;
    padding-top: 25px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .bns-color .preview-payment__title .h2,
    .bns-color .preview-payment__title h2 {
        font-size: 30px;
        line-height: 34px;
        padding-bottom: 20px;
    }
}
.bns-color .preview-payment__title .h2:after,
.bns-color .preview-payment__title .h2:before,
.bns-color .preview-payment__title h2:after,
.bns-color .preview-payment__title h2:before {
    background: var(--bns-border-color);
    content: "";
    height: 4px;
    position: absolute;
    top: -3px;
    width: 4px;
}
.bns-color .preview-payment__title .h2:before,
.bns-color .preview-payment__title h2:before {
    left: 0;
}
.bns-color .preview-payment__title .h2:after,
.bns-color .preview-payment__title h2:after {
    right: 0;
}
.bns-color .preview-payment__title .h2 span:after,
.bns-color .preview-payment__title .h2 span:before,
.bns-color .preview-payment__title h2 span:after,
.bns-color .preview-payment__title h2 span:before {
    background: var(--bns-border-color);
    bottom: -3px;
    content: "";
    height: 4px;
    position: absolute;
    width: 4px;
}
.bns-color .preview-payment__title .h2 span:before,
.bns-color .preview-payment__title h2 span:before {
    left: 0;
}
.bns-color .preview-payment__title .h2 span:after,
.bns-color .preview-payment__title h2 span:after {
    right: 0;
}
.preview-payment__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 31px;
    margin-left: -35px;
    margin-right: -35px;
}
.bns-color .preview-payment__list {
    margin-bottom: 50px;
}
.fortnite-color .preview-payment__list {
    margin-bottom: 53px;
}
.lol-color .preview-payment__list {
    margin-bottom: 41px;
}
@media (max-width: 768px) {
    .aion-classic-color .preview-payment__list,
    .genshin-color .preview-payment__list,
    .warface-color .preview-payment__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }
}
.preview-payment__item {
    padding: 0 35px;
}
@media (max-width: 1024px) {
    .preview-payment__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin: 10px 0;
        max-width: 50%;
    }
}
@media (max-width: 768px) {
    .aion-classic-color .preview-payment__item,
    .bt2-color .preview-payment__item,
    .genshin-color .preview-payment__item,
    .warface-color .preview-payment__item {
        padding: 0 15px;
    }
}
.genshin-color .preview-payment__item .icon {
    --white: #595555;
}
.aion-classic-color .preview-payment__item .icon {
    --white: var(--aion-classic-name);
}
.lol-color .preview-payment__item .icon,
.roblox-color .preview-payment__item .icon {
    --white: var(--roblox-text);
}
.preview-payment__item .icon-bonus-multy {
    height: 45px;
    width: 120px;
}
@media (max-width: 768px) {
    .preview-payment__item .icon-bonus-multy {
        height: 26px;
        width: 72px;
    }
    .aion-classic-color .preview-payment__item .icon-bonus-multy,
    .bt2-color .preview-payment__item .icon-bonus-multy,
    .genshin-color .preview-payment__item .icon-bonus-multy,
    .warface-color .preview-payment__item .icon-bonus-multy {
        height: 40px;
        width: 107px;
    }
}
.preview-payment__item .icon-bonus-gorod {
    height: 34px;
    width: 170px;
}
@media (max-width: 768px) {
    .preview-payment__item .icon-bonus-gorod {
        height: 20px;
        width: 102px;
    }
    .aion-classic-color .preview-payment__item .icon-bonus-gorod,
    .genshin-color .preview-payment__item .icon-bonus-gorod,
    .warface-color .preview-payment__item .icon-bonus-gorod,
    .wbt2-color .preview-payment__item .icon-bonus-gorod {
        height: 30px;
        width: 150px;
    }
}
.preview-payment__item .icon-bonus-spasibo {
    height: 42px;
    width: 150px;
}
@media (max-width: 768px) {
    .preview-payment__item .icon-bonus-spasibo {
        height: 24px;
        width: 90px;
    }
    .aion-classic-color .preview-payment__item .icon-bonus-spasibo,
    .bt2-color .preview-payment__item .icon-bonus-spasibo,
    .genshin-color .preview-payment__item .icon-bonus-spasibo,
    .warface-color .preview-payment__item .icon-bonus-spasibo {
        height: 40px;
        width: 150px;
    }
}
.preview-payment__item .icon-bonus-mnogoru {
    height: 48px;
    width: 160px;
}
@media (max-width: 768px) {
    .preview-payment__item .icon-bonus-mnogoru {
        height: 28px;
        width: 96px;
    }
    .aion-classic-color .preview-payment__item .icon-bonus-mnogoru,
    .bt2-color .preview-payment__item .icon-bonus-mnogoru,
    .genshin-color .preview-payment__item .icon-bonus-mnogoru,
    .warface-color .preview-payment__item .icon-bonus-mnogoru {
        height: 48px;
        width: 160px;
    }
}
.psn__first {
    color: var(--white);
    padding-bottom: 120px;
    padding-top: 100px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .psn__first {
        padding-bottom: 80px;
        padding-top: 50px;
    }
}
.psn-first__bg {
    background: #111;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    right: 0;
    top: 0;
    z-index: -1;
}
.psn-first__bg,
.psn-first__bg .psn-first-bg__left,
.psn-first__bg .psn-first-bg__right {
    position: absolute;
}
.psn-first__bg .psn-first-bg__left {
    bottom: -120px;
    height: 1217px;
    left: -290px;
    width: 577px;
}
.psn-first__bg .psn-first-bg__left:after,
.psn-first__bg .psn-first-bg__left:before {
    content: "";
    position: absolute;
}
.psn-first__bg .psn-first-bg__left:before {
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: psn-first;
    animation-name: psn-first;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: url(/bitrix/templates/c4g/css/../pictures/psp/first-left1.png) 50% 50% no-repeat;
    height: 1217px;
    left: 0;
    top: 0;
    width: 578px;
}
.psn-first__bg .psn-first-bg__left:after {
    -webkit-animation-delay: -12s;
    animation-delay: -12s;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: psn-first;
    animation-name: psn-first;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: url(/bitrix/templates/c4g/css/../pictures/psp/first-left2.png) 50% 50% no-repeat;
    height: 164px;
    right: 50px;
    top: 160px;
    width: 176px;
}
.psn-first__bg .psn-first-bg__right {
    height: 1317px;
    right: -340px;
    top: -210px;
    width: 1020px;
}
.psn-first__bg .psn-first-bg__right:after,
.psn-first__bg .psn-first-bg__right:before {
    content: "";
    position: absolute;
}
.psn-first__bg .psn-first-bg__right:before {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    -webkit-animation-duration: 25s;
    animation-duration: 25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: psn-first;
    animation-name: psn-first;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: url(/bitrix/templates/c4g/css/../pictures/psp/first-right1.png) 50% 50% no-repeat;
    height: 1180px;
    right: 0;
    top: 0;
    width: 581px;
}
.psn-first__bg .psn-first-bg__right:after {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: psn-first;
    animation-name: psn-first;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: url(/bitrix/templates/c4g/css/../pictures/psp/first-right2.png) 50% 50% no-repeat;
    bottom: 0;
    height: 856px;
    left: 0;
    width: 823px;
}
.psn-first__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%;
}
.psn-first__title {
    font-size: 58px;
    font-weight: 500;
    line-height: 76px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .psn-first__title {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 30px;
        padding: 0 40px;
    }
}
.psn-first__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 auto 92px;
    max-width: 974px;
}
@media (max-width: 768px) {
    .psn-first__text {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 55px;
    }
}
.psn-first__body {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 105px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .psn-first__body {
        display: none;
    }
}
.psn-first__body .b-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.psn-first__image {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.psn-first__image img {
    display: block;
    height: auto;
    max-width: 100%;
}
.psn-first__info {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .psn-first__info {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        font-size: 14px;
        line-height: 18px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        width: 100%;
    }
}
.psn-first__info .h2,
.psn-first__info h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 20px;
}
.psn-first__info p {
    margin: 0 0 30px;
}
.psn-first__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .psn-first__btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.psn-first__btn .btn-primary {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--white);
    border-radius: 26px;
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    height: 52px;
    letter-spacing: 0.01em;
    line-height: 26px;
    padding: 15px 46px 18px;
    text-transform: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: auto;
}
@media (max-width: 768px) {
    .psn-first__btn .btn-primary {
        font-size: 18px;
        height: 50px;
        padding: 13px 20px 16px;
    }
}
.psn-first__games {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.psn-first-games__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1280px;
    pointer-events: none;
}
.psn-first-games__list .swiper {
    max-width: 100%;
    overflow: visible;
}
.psn-first-games__list .swiper-wrapper {
    height: auto;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.psn-first-games__list .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 30px 0 0;
    position: relative;
}
.psn-first-games__list .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-bullet-size: 20px;
    --swiper-pagination-bullet-inactive-color: hsla(0, 0%, 100%, 0.3);
    opacity: 1;
}
@media (max-width: 768px) {
    .psn-first-games__list .swiper-pagination-bullet {
        --swiper-pagination-bullet-horizontal-gap: 5px;
        --swiper-pagination-bullet-size: 10px;
    }
}
.psn-first-games__list .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--psn-color);
}
.psn-first-games__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .psn-first-games__item {
        min-width: 220px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.psn-first-games__item img {
    border-radius: 20px;
    display: block;
    height: auto;
    width: 100%;
}
.psn-first__bottom {
    bottom: -26px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.psn-color .psn-first__bottom {
    background: var(--white);
    border: 5px solid var(--psn-color);
    border-radius: 50%;
    bottom: -26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    width: 52px;
}
.psn-color .psn-first__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}
.psn__second {
    background: var(--white);
    border-bottom: 5px solid #7eafd9;
    padding-bottom: 120px;
    padding-top: 100px;
    position: relative;
}
@media (max-width: 768px) {
    .psn__second {
        padding-bottom: 80px;
        padding-top: 50px;
    }
}
.psn__second:after {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/second-right.png) 50% 100% no-repeat;
    bottom: 0;
    content: "";
    height: 700px;
    position: absolute;
    right: 0;
    width: 373px;
}
.psn__second > .b-container {
    position: relative;
    z-index: 1;
}
.psn-second__bg {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    right: 0;
    top: 0;
}
.psn-second__bg,
.psn-second__bg .psn-second-bg__bg,
.psn-second__bg .psn-second-bg__center,
.psn-second__bg .psn-second-bg__left,
.psn-second__bg .psn-second-bg__right {
    position: absolute;
}
.psn-second__bg .psn-second-bg__left {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/second-left.png) 50% 100% no-repeat;
    height: 645px;
    left: -20px;
    top: -20px;
    width: 373px;
}
.psn-second__bg .psn-second-bg__right {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/second-right.png) 50% 100% no-repeat;
    bottom: -20px;
    height: 700px;
    right: -20px;
    width: 373px;
}
.psn-second__bg .psn-second-bg__center {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/second-center.png) 50% 100% no-repeat;
    bottom: -20px;
    height: 370px;
    left: 50%;
    margin-left: -198px;
    margin-top: -185px;
    width: 396px;
}
.psn-second__bg .psn-second-bg__bg {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/second-bg-min.jpg) 50% 50% no-repeat;
    height: 863px;
    left: 50%;
    margin-left: -691.5px;
    margin-top: -431.5px;
    top: 50%;
    width: 1383px;
}
.psn-second__bg:after {
    background: #0070cc;
    border-radius: 50%;
    -webkit-filter: blur(137px);
    filter: blur(137px);
    height: 1900px;
    left: 50%;
    margin-top: -130px;
    opacity: 0.2;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1900px;
}
.psn-second__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 70px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%;
}
@media (max-width: 768px) {
    .psn-second__header {
        margin-bottom: 40px;
    }
}
.psn-second__title {
    font-size: 58px;
    font-weight: 500;
    line-height: 76px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .psn-second__title {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 30px;
    }
}
.psn-second__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 auto;
    max-width: 805px;
}
@media (max-width: 768px) {
    .psn-second__text {
        font-size: 14px;
        line-height: 18px;
    }
}
.psn-second__body {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    margin-left: 8.33333%;
    max-width: 83.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.psn-second__accounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.psn-second-accounts__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 600px) {
    .psn-second-accounts__item {
        margin-bottom: 30px;
    }
    .psn-second-accounts__item:last-child {
        margin: 0;
    }
    .psn-second-accounts__item.wide {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.psn-second-accounts__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
@media (max-width: 768px) {
    .psn-second-accounts__image {
        margin-bottom: 30px;
    }
}
.psn-second-accounts__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.psn-second-accounts__btn .btn {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-radius: 26px;
    font-size: 20px;
    font-weight: 700;
    height: 52px;
    letter-spacing: 0.01em;
    line-height: 26px;
    padding-bottom: 18px;
    text-transform: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 320px;
}
@media (max-width: 768px) {
    .psn-second-accounts__btn .btn {
        font-size: 18px;
        height: 50px;
        padding: 13px 20px 16px;
    }
}
.psn-second-accounts__btn .btn-primary {
    background: var(--psn-color);
    color: var(--black);
}
.psn-second-accounts__btn .btn-default {
    background: #cacaca;
    color: var(--black);
}
.psn-second__bottom {
    bottom: -26px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    z-index: 2;
}
.psn-color .psn-second__bottom {
    background: var(--white);
    border: 5px solid #7eafd9;
    border-radius: 50%;
    bottom: -26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    width: 52px;
}
.psn-color .psn-second__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}
.psn__third {
    background: -webkit-gradient(linear, left top, left bottom, from(#cecdd2), to(#fff));
    background: -webkit-linear-gradient(top, #cecdd2, #fff);
    background: -o-linear-gradient(top, #cecdd2 0, #fff 100%);
    background: linear-gradient(180deg, #cecdd2, #fff);
    border-bottom: 5px solid #ffcf26;
    padding-bottom: 120px;
    padding-top: 100px;
    position: relative;
}
@media (max-width: 768px) {
    .psn__third {
        padding-bottom: 80px;
        padding-top: 50px;
    }
}
.psn__third > .b-container {
    position: relative;
    z-index: 1;
}
.psn-third__bg {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.psn-third-bg__left {
    bottom: 0;
    margin: 0 20% 0 0;
    position: absolute;
    right: 50%;
    top: 0;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    width: 500px;
}
@media (max-width: 768px) {
    .psn-third-bg__left {
        display: none;
    }
}
.psn-third-bg__right {
    bottom: 0;
    left: 50%;
    margin: 0 0 0 20%;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    width: 500px;
}
@media (max-width: 768px) {
    .psn-third-bg__right {
        margin: 0;
        -webkit-transform: translate3d(-50%, 0, 0) rotate(35deg);
        transform: translate3d(-50%, 0, 0) rotate(35deg);
    }
}
.psn-third-bg__line-1,
.psn-third-bg__line-2,
.psn-third-bg__line-3,
.psn-third-bg__line-4,
.psn-third-bg__line-5,
.psn-third-bg__line-6 {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move_forvardY;
    animation-name: move_forvardY;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: var(--white);
    border-radius: 30px;
    height: 392px;
    position: absolute;
    width: 60px;
}
.psn-third-bg__line-1 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    left: 10px;
    opacity: 0.7;
    top: 10px;
}
.psn-third-bg__line-2 {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    left: 100px;
    opacity: 0.6;
    top: 100px;
}
.psn-third-bg__line-3 {
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    left: 200px;
    opacity: 0.7;
    top: 200px;
}
.psn-third-bg__line-4 {
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    left: 250px;
    opacity: 0.5;
    top: 250px;
}
.psn-third-bg__line-5 {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    left: 300px;
    opacity: 0.3;
    top: 500px;
}
.psn-third-bg__line-6 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    left: 300px;
    opacity: 0.4;
    top: 500px;
}
.psn-third__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 70px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%;
}
@media (max-width: 768px) {
    .psn-third__header {
        margin-bottom: 40px;
    }
}
.psn-third__title {
    font-size: 58px;
    font-weight: 500;
    line-height: 76px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .psn-third__title {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 20px;
    }
}
.psn-third__body {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 30px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .psn-third__body {
        margin-bottom: 60px;
    }
}
.psn-third__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.psn-third__slider .swiper {
    overflow: visible;
}
@media (max-width: 1140px) {
    .psn-third__slider .swiper {
        overflow: hidden;
    }
}
.psn-third__slider .swiper-wrapper {
    height: auto;
}
.psn-third__slider .swiper-horizontal > .swiper-scrollbar {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    bottom: auto;
    height: 10px;
    left: auto;
    margin: 30px auto 0;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    position: relative;
    width: 472px;
}
.psn-third__slider .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
    background: #fcc013;
}
.psn-third-slider__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1140px) {
    .psn-third-slider__item {
        min-width: 352px;
    }
}
@media (max-width: 374px) {
    .psn-third-slider__item {
        min-width: 320px;
    }
}
.psn-third-slider-item__back {
    background: #f8f8f8;
    border-radius: var(--br-20);
    -webkit-box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.1);
    padding: 10px;
}
.psn-third-slider-item__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 15px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #252524;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 118px;
    margin-bottom: 25px;
    padding: 20px 30px 0;
}
@media (max-width: 1280px) {
    .psn-third-slider-item__header {
        height: 94px;
        margin-bottom: 15px;
        padding-top: 15px;
    }
}
.psn-third-slider-item__header.lux {
    background: #252524;
    color: var(--white);
}
.psn-third-slider-item__header.extra {
    background: #fcc000;
}
.psn-third-slider-item-header__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
}
@media (max-width: 1280px) {
    .psn-third-slider-item-header__title {
        font-size: 24px;
        line-height: 31px;
    }
}
.lux .psn-third-slider-item-header__title {
    color: #fcc000;
}
.psn-third-slider-item-header__desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
@media (max-width: 1280px) {
    .psn-third-slider-item-header__desc {
        font-size: 11px;
        line-height: 15px;
    }
}
.psn-third-slider-item__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 10px;
    position: relative;
}
@media (max-width: 1280px) {
    .psn-third-slider-item__item {
        padding: 0 5px;
    }
}
.psn-third-slider-item__item:after {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/check.svg) 50% 50% no-repeat;
    content: "";
    height: 15px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    width: 20px;
}
@media (max-width: 1280px) {
    .psn-third-slider-item__item:after {
        right: 5px;
    }
}
.psn-third-slider-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42px;
    flex: 0 0 42px;
    margin: 0 20px 0 0;
    width: 42px;
}
@media (max-width: 1280px) {
    .psn-third-slider-item__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px;
        width: 32px;
    }
}
@media (max-width: 374px) {
    .psn-third-slider-item__icon {
        margin: 0 5px 0 0;
    }
}
.psn-third-slider-item__title {
    font-size: 14px;
    font-weight: 400;
}
@media (max-width: 1280px) {
    .psn-third-slider-item__title {
        font-size: 11px;
    }
}
.weight .psn-third-slider-item__title {
    font-weight: 700;
}
.psn-third__btn {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%;
}
.psn-third__btn .btn {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-radius: 26px;
    font-size: 20px;
    font-weight: 700;
    height: 52px;
    letter-spacing: 0.01em;
    line-height: 26px;
    padding-bottom: 18px;
    text-transform: none;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 280px;
}
@media (max-width: 768px) {
    .psn-third__btn .btn {
        font-size: 18px;
        height: 50px;
        padding: 13px 20px 16px;
    }
}
.psn-third__btn .btn-primary {
    background: var(--psn-color);
    color: var(--black);
}
.psn-third__btn span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding-top: 17px;
    width: 100%;
}
.psn-third__bottom {
    bottom: 50px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
@media (max-width: 768px) {
    .psn-third__bottom {
        bottom: 30px;
    }
}
.psn-third__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}
.psn__fourth {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    background: -webkit-linear-gradient(top, #fff, #f3f3f3);
    background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: linear-gradient(180deg, #fff, #f3f3f3);
    border-bottom: 5px solid #ffcf26;
    padding-bottom: 120px;
    padding-top: 80px;
    position: relative;
}
@media (max-width: 768px) {
    .psn__fourth {
        padding-bottom: 80px;
        padding-top: 50px;
    }
}
.psn__fourth > .b-container {
    position: relative;
    z-index: 1;
}
.psn-fourth__bg {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.psn-fourth__bg .psn-fourth-bg__center {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/forth-bg.png) 50% 50% no-repeat;
    height: 1546px;
    left: 50%;
    margin-left: -1255px;
    margin-top: -773px;
    position: absolute;
    top: 50%;
    width: 2510px;
}
.psn-fourth__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 45px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%;
}
@media (max-width: 768px) {
    .psn-fourth__header {
        margin-bottom: 30px;
    }
}
.psn-fourth__info {
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    opacity: 0.6;
    text-transform: uppercase;
}
.psn-fourth__title {
    font-size: 58px;
    font-weight: 500;
    line-height: 76px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .psn-fourth__title {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 30px;
    }
}
.psn-fourth__text {
    color: #8b8b8b;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 auto;
    max-width: 805px;
}
@media (max-width: 768px) {
    .psn-fourth__text {
        font-size: 14px;
        line-height: 18px;
    }
}
.psn-fourth__steps {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: center;
    margin-bottom: 45px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .psn-fourth__steps {
        margin-bottom: 25px;
    }
}
.psn-fourth-steps__item {
    margin: 0 70px;
    opacity: 0.2;
    padding: 0 15px;
    position: relative;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 768px) {
    .psn-fourth-steps__item {
        margin: 0 25px;
    }
}
@media (max-width: 374px) {
    .psn-fourth-steps__item {
        margin: 0 10px;
    }
}
.step-1 .psn-fourth-steps__item:first-child,
.step-1 .psn-fourth-steps__item:first-child .psn-fourth-steps-item__dot:before,
.step-2 .psn-fourth-steps__item:first-child,
.step-2 .psn-fourth-steps__item:first-child .psn-fourth-steps-item__dot:before,
.step-2 .psn-fourth-steps__item:nth-child(2),
.step-2 .psn-fourth-steps__item:nth-child(2) .psn-fourth-steps-item__dot:before,
.step-3 .psn-fourth-steps__item:first-child,
.step-3 .psn-fourth-steps__item:first-child .psn-fourth-steps-item__dot:before,
.step-3 .psn-fourth-steps__item:nth-child(2),
.step-3 .psn-fourth-steps__item:nth-child(2) .psn-fourth-steps-item__dot:before,
.step-3 .psn-fourth-steps__item:nth-child(3),
.step-3 .psn-fourth-steps__item:nth-child(3) .psn-fourth-steps-item__dot:before {
    opacity: 1;
}
.psn-fourth-steps__item:after {
    background: var(--black);
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 15px;
    width: 130px;
}
@media (max-width: 768px) {
    .psn-fourth-steps__item:after {
        width: 50px;
    }
}
@media (max-width: 374px) {
    .psn-fourth-steps__item:after {
        width: 20px;
    }
}
.psn-fourth-steps__item:first-child {
    margin-left: 0;
}
.psn-fourth-steps__item:last-child {
    margin-right: 0;
}
.psn-fourth-steps__item:last-child:after {
    display: none;
}
.psn-fourth-steps-item__dot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid var(--black);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: 0 auto 9px;
    width: 30px;
}
.psn-fourth-steps-item__dot:before {
    background: #fcc013;
    border-radius: 50%;
    content: "";
    display: block;
    height: 16px;
    opacity: 0;
    width: 16px;
}
.psn-fourth-steps-item__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
}
.psn-fourth-steps__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 900px;
}
@media (max-width: 1024px) {
    .psn-fourth-steps__list {
        width: 860px;
    }
}
.psn-fourth-steps__list .swiper {
    overflow: visible;
    width: 100%;
}
.psn-fourth-steps__list .swiper-wrapper {
    height: auto;
}
.psn-fourth-steps__list .swiper-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    left: -100px;
    pointer-events: none;
    position: absolute;
    right: -100px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    z-index: 10;
}
@media (max-width: 1024px) {
    .psn-fourth-steps__list .swiper-nav {
        display: none;
    }
}
.psn-fourth-steps__list .swiper-button-next,
.psn-fourth-steps__list .swiper-button-prev {
    background: #222;
    border-radius: var(--br-10);
    -webkit-box-shadow: -15px 10px 10px rgba(0, 0, 0, 0.15);
    box-shadow: -15px 10px 10px rgba(0, 0, 0, 0.15);
    height: 80px;
    left: auto;
    pointer-events: auto;
    position: relative;
    right: auto;
    top: auto;
    -webkit-transition: var(--transition03-background), var(--transition03-box-shadow), var(--transition03-opacity), var(--transition03-transform);
    -o-transition: var(--transition03-background), var(--transition03-box-shadow), var(--transition03-opacity), var(--transition03-transform);
    transition: var(--transition03-background), var(--transition03-box-shadow), var(--transition03-opacity), var(--transition03-transform);
    width: 80px;
}
@media (max-width: 768px) {
    .psn-fourth-steps__list .swiper-button-next,
    .psn-fourth-steps__list .swiper-button-prev {
        height: 60px;
        width: 60px;
    }
}
.psn-fourth-steps__list .swiper-button-next:after,
.psn-fourth-steps__list .swiper-button-prev:after {
    display: none;
}
.psn-fourth-steps__list .swiper-button-next .icon,
.psn-fourth-steps__list .swiper-button-prev .icon {
    stroke: hsla(0, 0%, 100%, 0.5);
    stroke-width: 3;
    fill: none;
    height: 42px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 24px;
}
@media (max-width: 768px) {
    .psn-fourth-steps__list .swiper-button-next .icon,
    .psn-fourth-steps__list .swiper-button-prev .icon {
        height: 38px;
        width: 20px;
    }
}
.psn-fourth-steps__list .swiper-button-next:hover,
.psn-fourth-steps__list .swiper-button-prev:hover {
    background: var(--pubg-color);
    opacity: 1;
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09);
}
.psn-fourth-steps__list .swiper-button-next:hover .icon,
.psn-fourth-steps__list .swiper-button-prev:hover .icon {
    stroke: #222;
}
.psn-fourth-steps__list .swiper-button-disabled {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0.65;
}
.psn-fourth-steps__list .swiper-pagination {
    display: none;
}
@media (max-width: 1024px) {
    .psn-fourth-steps__list .swiper-pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        bottom: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        padding: 30px 0 0;
        position: relative;
    }
    .psn-fourth-steps__list .swiper-pagination-bullet {
        --swiper-pagination-bullet-horizontal-gap: 10px;
        --swiper-pagination-bullet-size: 20px;
        --swiper-pagination-bullet-inactive-color: rgba(0, 0, 0, 0.3);
        opacity: 1;
    }
    .psn-fourth-steps__list .swiper-pagination-bullet-active {
        --swiper-pagination-color: var(--psn-color);
    }
}
.psn-fourth-steps-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px;
    width: 100%;
}
.psn-fourth-steps-list__item.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    opacity: 0.1;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.psn-fourth-steps-list__item.swiper-slide-visible {
    opacity: 1;
}
.psn-fourth-steps-list-item__back {
    background: -webkit-linear-gradient(107.82deg, #f6f1e1 5.37%, #f1f6ff 126.38%);
    background: -o-linear-gradient(107.82deg, #f6f1e1 5.37%, #f1f6ff 126.38%);
    background: linear-gradient(342.18deg, #f6f1e1 5.37%, #f1f6ff 126.38%);
    border: 2px solid hsla(0, 0%, 100%, 0.3);
    border-radius: 30px;
    -webkit-box-shadow: 10px 14px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 14px 20px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px;
}
@media (max-width: 1024px) {
    .psn-fourth-steps-list-item__back {
        padding: 10px;
    }
}
@media (max-width: 768px) {
    .psn-fourth-steps-list-item__back {
        margin: 0 auto;
        max-width: 426px;
    }
}
.psn-fourth-steps-list-item__desc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 25px;
    width: 100%;
}
@media (max-width: 1024px) {
    .psn-fourth-steps-list-item__desc {
        -webkit-box-flex: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        justify-content: center;
        max-width: 100%;
        padding: 10px;
    }
}
.psn-fourth-steps-list-item__desc p {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .psn-fourth-steps-list-item__desc p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
}
.psn-fourth-steps-list-item__desc p.big {
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
}
@media (max-width: 1024px) {
    .psn-fourth-steps-list-item__desc p.big {
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }
}
.psn-fourth-steps-list-item__desc p.smile {
    padding-right: 64px;
    position: relative;
}
.psn-fourth-steps-list-item__desc p.smile:after {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/sad.svg) 50% 50% no-repeat;
    content: "";
    height: 64px;
    margin: -32px 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 64px;
}
@media (max-width: 1024px) {
    .psn-fourth-steps-list-item__desc p.smile:after {
        background-size: contain;
        height: 32px;
        margin: -16px 0 0;
        width: 32px;
    }
}
.psn-fourth-steps-list-item__desc p span.marked {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fcc013;
    border-radius: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 32px;
    padding: 0 11px 3px;
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .psn-fourth-steps-list-item__desc p span.marked {
        height: 22px;
        padding: 0 10px 2px;
    }
}
.psn-fourth-steps-list-item__desc ul {
    margin: 0 0 0 -5px;
    padding: 0;
}
@media (max-width: 768px) {
    .psn-fourth-steps-list-item__desc ul {
        margin: 0 auto;
        max-width: 320px;
        text-align: left;
    }
}
.psn-fourth-steps-list-item__desc ul li {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    list-style-type: none;
    margin: 0 0 30px;
    padding: 0 0 0 25px;
    position: relative;
}
@media (max-width: 1024px) {
    .psn-fourth-steps-list-item__desc ul li {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 10px;
    }
}
.psn-fourth-steps-list-item__desc ul li:before {
    background: #fcc013;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 10px;
}
.psn-fourth-steps-list-item__desc ul li span.nb {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.psn-fourth-steps-list-item__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .psn-fourth-steps-list-item__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
}
.psn-fourth-steps-list-item__image img {
    border-radius: var(--br-20);
    display: block;
    margin: 0 0 0 auto;
    max-width: 100%;
}
@media (max-width: 1024px) {
    .psn-fourth-steps-list-item__image img {
        margin: 0 auto;
    }
}
.psn-fourth-steps-list-item__image .image-hover {
    position: relative;
}
.psn-fourth-steps-list-item__image .image-hover picture {
    display: block;
}
.psn-fourth-steps-list-item__image .image-hover > img {
    -webkit-animation: imgHover 6s infinite;
    animation: imgHover 6s infinite;
}
.psn-fourth-steps-list-item__image .image-hover-img {
    -webkit-animation: imgHover 6s -3s infinite;
    animation: imgHover 6s -3s infinite;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.psn-fourth__bottom {
    bottom: 50px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
@media (max-width: 768px) {
    .psn-fourth__bottom {
        bottom: 30px;
    }
}
.psn-fourth__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}
.psn__fifth {
    background: -webkit-linear-gradient(298.68deg, #fff -10.29%, #cecdd2 70.99%);
    background: -o-linear-gradient(298.68deg, #fff -10.29%, #cecdd2 70.99%);
    background: linear-gradient(151.32deg, #fff -10.29%, #cecdd2 70.99%);
    padding-bottom: 120px;
    padding-top: 80px;
    position: relative;
}
@media (max-width: 768px) {
    .psn__fifth {
        padding-bottom: 80px;
        padding-top: 50px;
    }
}
.psn__fifth > .b-container {
    position: relative;
    z-index: 1;
}
.psn-fifth__bg {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    right: 0;
    top: 0;
}
.psn-fifth__bg,
.psn-fifth__bg .psn-fifth-bg__left,
.psn-fifth__bg .psn-fifth-bg__right {
    position: absolute;
}
.psn-fifth__bg .psn-fifth-bg__left {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/fifth-left.png) 0 100% no-repeat;
    height: 1334px;
    left: -20px;
    top: -20px;
    width: 457px;
}
.psn-fifth__bg .psn-fifth-bg__right {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/fifth-right.png) 100% 100% no-repeat;
    bottom: -20px;
    height: 1087px;
    right: -20px;
    width: 1228px;
}
@media (max-width: 768px) {
    .psn-fifth__bg .psn-fifth-bg__right {
        opacity: 0.2;
    }
}
.psn-fifth__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 35px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%;
}
@media (max-width: 768px) {
    .psn-fifth__header {
        margin-bottom: 20px;
    }
}
.psn-fifth__sub {
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    opacity: 0.6;
    text-transform: uppercase;
}
.psn-fifth__title {
    font-size: 58px;
    font-weight: 500;
    line-height: 76px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .psn-fifth__title {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 30px;
    }
}
.psn-fifth__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 auto;
    max-width: 575px;
}
@media (max-width: 768px) {
    .psn-fifth__text {
        font-size: 14px;
        line-height: 18px;
    }
}
.psn-fifth__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 65px;
    max-width: 1040px;
}
@media (max-width: 1024px) {
    .psn-fifth__info {
        background: -webkit-linear-gradient(120.77deg, #cfced3 -41.16%, #fff 105.32%);
        background: -o-linear-gradient(120.77deg, #cfced3 -41.16%, #fff 105.32%);
        background: linear-gradient(329.23deg, #cfced3 -41.16%, #fff 105.32%);
        border: 2px solid hsla(0, 0%, 100%, 0.3);
        border-left: none;
        border-right: none;
        -webkit-box-shadow: 10px 14px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 10px 14px 20px rgba(0, 0, 0, 0.1);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        width: 100%;
    }
}
.psn-fifth-info__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1024px) {
    .psn-fifth-info__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .psn-fifth-info__item .psn-fifth-info-item__back {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .psn-fifth-info__item:first-child .psn-fifth-info-item__nb {
        display: none;
    }
    .psn-fifth-info__item:last-child .psn-fifth-info-item__back {
        border-bottom: none;
    }
}
.psn-fifth-info-item__bg {
    background: -webkit-linear-gradient(120.77deg, #cfced3 -41.16%, #fff 105.32%);
    background: -o-linear-gradient(120.77deg, #cfced3 -41.16%, #fff 105.32%);
    background: linear-gradient(329.23deg, #cfced3 -41.16%, #fff 105.32%);
    border-radius: 20px;
    -webkit-box-shadow: 10px 14px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 14px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
    .psn-fifth-info-item__bg {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
.psn-fifth-info-item__back {
    border: 2px solid hsla(0, 0%, 100%, 0.3);
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    position: relative;
}
@media (max-width: 1024px) {
    .psn-fifth-info-item__back {
        border: none;
        border-radius: 0;
        margin: 0 auto;
        max-width: 300px;
        padding: 20px 0;
    }
}
.psn-fifth-info-item__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fcc013;
    border-radius: 13px;
    -webkit-box-shadow: 10px 14px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 14px 20px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    font-weight: 400;
    height: 25px;
    justify-content: center;
    left: 50%;
    letter-spacing: 1px;
    line-height: 13px;
    padding: 0 20px;
    position: absolute;
    text-transform: uppercase;
    top: -14px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
@media (max-width: 1024px) {
    .psn-fifth-info-item__label {
        font-size: 8px;
        height: 20px;
        left: auto;
        padding: 0 10px;
        right: -8px;
        top: -1px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.psn-fifth-info-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    margin: 0 15px 0 0;
}
@media (max-width: 1280px) {
    .psn-fifth-info-item__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
        flex: 0 0 64px;
        margin: 0 10px 0 0;
    }
}
@media (max-width: 1024px) {
    .psn-fifth-info-item__icon {
        margin: 0 8px 0 0;
    }
}
.psn-fifth-info-item__icon .icon {
    display: block;
}
.psn-fifth-info-item__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    max-width: -webkit-calc(100% - 95px);
    max-width: calc(100% - 95px);
}
@media (max-width: 1280px) {
    .psn-fifth-info-item__desc {
        max-width: -webkit-calc(100% - 74px);
        max-width: calc(100% - 74px);
    }
}
@media (max-width: 1024px) {
    .psn-fifth-info-item__desc {
        max-width: -webkit-calc(100% - 72px);
        max-width: calc(100% - 72px);
    }
}
.psn-fifth-info-item__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}
@media (max-width: 1024px) {
    .psn-fifth-info-item__title {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 5px;
    }
}
.psn-fifth-info-item__text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
@media (max-width: 1024px) {
    .psn-fifth-info-item__text {
        font-size: 10px;
        line-height: 13px;
    }
}
.psn-fifth-info-item__nb {
    font-size: 8px;
    font-weight: 400;
    line-height: 10px;
    margin: 15px 0 0;
    opacity: 0.7;
    position: absolute;
    right: 40px;
    top: 100%;
}
@media (max-width: 1024px) {
    .psn-fifth-info-item__nb {
        margin: 30px 0 0;
    }
}
.psn-fifth__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.psn-fifth__slider .ea-slider__block {
    min-height: 555px;
}
.psn-fifth__slider .swiper__filter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .psn-fifth__slider .swiper__filter .swiper-filter__current {
        display: none;
    }
}
.psn-fifth__slider .swiper__filter ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
@media (max-width: 768px) {
    .psn-fifth__slider .swiper__filter ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        background: none;
        border-radius: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        opacity: 1;
        padding: 0;
        position: relative;
        right: auto;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
    }
}
.psn-fifth__slider .swiper__filter ul li {
    border: 2px solid transparent;
    border-radius: 45px;
    margin: 0 10px;
    padding: 2px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.psn-fifth__slider .swiper__filter ul li.active {
    border: 2px solid #252524;
}
@media (max-width: 768px) {
    .psn-fifth__slider .swiper__filter ul li {
        margin: 0 7px;
    }
}
@media (max-width: 374px) {
    .psn-fifth__slider .swiper__filter ul li {
        margin: 0 5px;
    }
}
.psn-fifth__slider .swiper__filter ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border-radius: 45px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #252524;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 52px;
    letter-spacing: 0.01em;
    line-height: 26px;
    padding: 0 30px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .psn-fifth__slider .swiper__filter ul li a {
        font-size: 16px;
        height: 42px;
        padding: 0 15px;
    }
}
@media (max-width: 374px) {
    .psn-fifth__slider .swiper__filter ul li a {
        font-size: 14px;
        height: 36px;
        padding: 0 12px;
    }
}
.psn-fifth__slider .swiper__filter ul li a:after,
.psn-fifth__slider .swiper__filter ul li a:before {
    display: none;
}
.psn-fifth__slider .swiper__filter ul li.lux a {
    background: #252524;
    color: #fdc100;
}
.psn-fifth__slider .swiper__filter ul li.extra a {
    background: #ffe942;
}
.psn-fifth__slider .swiper-wrapper {
    height: auto;
}
.psn-fifth__slider .swiper-horizontal > .swiper-scrollbar {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    bottom: auto;
    height: 10px;
    left: auto;
    margin: 30px auto 0;
    max-width: 100%;
    position: relative;
    width: 472px;
}
@media (max-width: 768px) {
    .psn-fifth__slider .swiper-horizontal > .swiper-scrollbar {
        margin: 20px 15px 0;
        max-width: -webkit-calc(100% - 30px);
        max-width: calc(100% - 30px);
        width: 100%;
    }
}
.psn-fifth__slider .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
    background: #fcc013;
}
.psn-fifth__nb {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 14px;
    line-height: 18px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}
.psn-fifth__bottom {
    bottom: 50px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
@media (max-width: 768px) {
    .psn-fifth__bottom {
        bottom: 30px;
    }
}
.psn-fifth__bottom .go-to-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}
.psn__sixth {
    background: var(--white);
    padding-bottom: 120px;
    padding-top: 80px;
    position: relative;
}
@media (max-width: 768px) {
    .psn__sixth {
        padding-bottom: 80px;
        padding-top: 50px;
    }
}
.psn__sixth > .b-container {
    position: relative;
    z-index: 1;
}
.psn-sixth__bg {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    right: 0;
    top: 0;
}
.psn-sixth__bg,
.psn-sixth__bg .psn-sixth-bg__left,
.psn-sixth__bg .psn-sixth-bg__right {
    position: absolute;
}
.psn-sixth__bg .psn-sixth-bg__left {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/sixth-left.png) 0 0 no-repeat;
    height: 1056px;
    left: -20px;
    top: -20px;
    width: 426px;
}
@media (max-width: 768px) {
    .psn-sixth__bg .psn-sixth-bg__left {
        background-size: contain;
        height: 700px;
        opacity: 0.5;
        width: 300px;
    }
}
.psn-sixth__bg .psn-sixth-bg__right {
    background: url(/bitrix/templates/c4g/css/../pictures/psp/sixth-right.png) 100% 100% no-repeat;
    bottom: -20px;
    height: 1380px;
    right: -20px;
    width: 1168px;
}
@media (max-width: 768px) {
    .psn-sixth__bg .psn-sixth-bg__right {
        opacity: 0.1;
    }
}
.psn-sixth__header {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 35px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 100%;
}
.psn-sixth__sub {
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    opacity: 0.6;
    text-transform: uppercase;
}
.psn-sixth__title {
    font-size: 58px;
    font-weight: 500;
    line-height: 76px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .psn-sixth__title {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 30px;
    }
}
.psn-sixth__text {
    color: #8b8b8b;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 auto;
    max-width: 980px;
}
@media (max-width: 768px) {
    .psn-sixth__text {
        font-size: 14px;
        line-height: 18px;
    }
}
.psn-sixth__body {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.psn-sixth__body,
.psn-sixth__images {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.psn-sixth__images {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    max-width: 50%;
}
@media (max-width: 1280px) {
    .psn-sixth__images {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .psn-sixth__images {
        -webkit-box-flex: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 40px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.psn-sixth__images img {
    display: block;
    height: auto;
    max-width: 100%;
}
@media (max-width: 768px) {
    .psn-sixth__images img.ps5 {
        height: 240px;
        width: auto;
    }
    .psn-sixth__images img.ps4 {
        height: 246px;
        width: auto;
    }
}
.psn-sixth__list {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .psn-sixth__list {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .psn-sixth__list {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.psn-sixth__list .swiper-wrapper {
    display: block;
    height: auto;
}
@media (max-width: 499px) {
    .psn-sixth__list .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.psn-sixth__list .swiper-pagination {
    display: none;
}
@media (max-width: 499px) {
    .psn-sixth__list .swiper-pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        bottom: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        padding: 30px 0 0;
        position: relative;
    }
    .psn-sixth__list .swiper-pagination-bullet {
        --swiper-pagination-bullet-horizontal-gap: 10px;
        --swiper-pagination-bullet-size: 20px;
        --swiper-pagination-bullet-inactive-color: rgba(0, 0, 0, 0.1);
        opacity: 1;
    }
    .psn-sixth__list .swiper-pagination-bullet-active {
        --swiper-pagination-color: var(--psn-color);
    }
}
.psn-sixth__item {
    margin-bottom: 40px;
}
@media (max-width: 499px) {
    .psn-sixth__item {
        margin: 0;
    }
}
.psn-sixth-item__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 500px;
}
@media (max-width: 1024px) {
    .psn-sixth-item__back {
        margin: auto;
    }
}
@media (max-width: 499px) {
    .psn-sixth-item__back {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}
.psn-sixth-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    margin: 0 28px 0 0;
}
@media (max-width: 768px) {
    .psn-sixth-item__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
    }
}
@media (max-width: 499px) {
    .psn-sixth-item__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0;
    }
}
.psn-sixth-item__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    max-width: -webkit-calc(100% - 148px);
    max-width: calc(100% - 148px);
}
@media (max-width: 768px) {
    .psn-sixth-item__desc {
        max-width: -webkit-calc(100% - 108px);
        max-width: calc(100% - 108px);
    }
}
@media (max-width: 499px) {
    .psn-sixth-item__desc {
        max-width: 100%;
    }
}
.psn-sixth-item__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.psn-sixth-item__text {
    font-size: 14px;
    line-height: 20px;
}
.icon-psp-1 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-1 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-2 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-2 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-3 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-3 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-4 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-4 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-5 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-5 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-6 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-6 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-7 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-7 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-8 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-8 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-9 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-9 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-10 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-10 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-11 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-11 {
        height: 32px;
        width: 32px;
    }
}
.icon-psp-12 {
    height: 42px;
    width: 42px;
}
@media (max-width: 1280px) {
    .icon-psp-12 {
        height: 32px;
        width: 32px;
    }
}
.icon-account-1,
.icon-account-2 {
    height: 80px;
    width: 80px;
}
@media (max-width: 1280px) {
    .icon-account-1,
    .icon-account-2 {
        height: 64px;
        width: 64px;
    }
}
.icon-go-down-1,
.icon-go-down-2 {
    height: 15px;
    width: 24px;
}
.icon-second-pic-1,
.icon-second-pic-2 {
    height: 250px;
    width: 250px;
}
@media (max-width: 768px) {
    .icon-second-pic-1,
    .icon-second-pic-2 {
        height: 125px;
        width: 125px;
    }
}
.icon-plus-1,
.icon-plus-2,
.icon-plus-3,
.icon-plus-4,
.icon-plus-5,
.icon-plus-6 {
    height: 120px;
    width: 120px;
}
@media (max-width: 768px) {
    .icon-plus-1,
    .icon-plus-2,
    .icon-plus-3,
    .icon-plus-4,
    .icon-plus-5,
    .icon-plus-6 {
        height: 80px;
        width: 80px;
    }
}
@-webkit-keyframes imgHover {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    53% {
        opacity: 1;
    }
    63% {
        opacity: 0;
    }
    to {
        opacity: 0;
    }
}
@keyframes imgHover {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    53% {
        opacity: 1;
    }
    63% {
        opacity: 0;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes move_forvardY {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    20% {
        opacity: 0.8;
    }
    40% {
        opacity: 0.9;
    }
    60% {
        opacity: 0.7;
    }
    80% {
        opacity: 0.9;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes move_forvardY {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    20% {
        opacity: 0.8;
    }
    40% {
        opacity: 0.9;
    }
    60% {
        opacity: 0.7;
    }
    80% {
        opacity: 0.9;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
.preview__block.nintendo-color .hover-move {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.nintendo__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 70px;
}
@media (max-width: 768px) {
    .nintendo__header {
        padding-top: 38px;
    }
}
.nintendo-header__logo {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: center;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.nintendo-header__logo .logo-left,
.nintendo-header__logo .logo-right {
    display: inline-block;
    position: relative;
}
@-webkit-keyframes logo-anim-left {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    26% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    29% {
        -webkit-transform: translate3d(0, 4px, 0);
        transform: translate3d(0, 4px, 0);
    }
    40% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes logo-anim-left {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    26% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    29% {
        -webkit-transform: translate3d(0, 4px, 0);
        transform: translate3d(0, 4px, 0);
    }
    40% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-webkit-keyframes logo-anim-right {
    0% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    25% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    30% {
        -webkit-transform: translate3d(0, 4px, 0);
        transform: translate3d(0, 4px, 0);
    }
    40% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes logo-anim-right {
    0% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    25% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    30% {
        -webkit-transform: translate3d(0, 4px, 0);
        transform: translate3d(0, 4px, 0);
    }
    40% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.nintendo-header__logo .logo:hover .logo-left {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: logo-anim-left;
    animation-name: logo-anim-left;
}
.nintendo-header__logo .logo:hover .logo-right {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: logo-anim-right;
    animation-name: logo-anim-right;
}
.nintendo-header__logo span.bg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--nintendo-color);
    border-radius: 60px;
    -webkit-box-shadow: 0 4px 80px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 80px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 296px;
    justify-content: center;
    width: 340px;
}
@media (max-width: 1140px) {
    .nintendo-header__logo span.bg {
        height: 224px;
        width: 258px;
    }
    .nintendo-header__logo span.bg svg {
        height: 160px;
        width: 160px;
    }
}
@media (max-width: 768px) {
    .nintendo-header__logo span.bg {
        border-radius: 42px;
        height: 156px;
        width: 180px;
    }
    .nintendo-header__logo span.bg svg {
        height: 112px;
        width: 112px;
    }
}
.nintendo__navi {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
.nintendo-navi__item {
    position: absolute;
}
.nintendo-navi__item img {
    display: block;
    pointer-events: none;
}
.nintendo-navi__item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border: 3px solid var(--black);
    border-radius: 20px;
    -webkit-box-shadow: 3px 3px 0 5px #000;
    box-shadow: 3px 3px 0 5px #000;
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-futura);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    height: 70px;
    line-height: 45px;
    padding: 20px 40px;
    position: absolute;
    text-decoration: none;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .nintendo-navi__item a {
        border: 2.4px solid #000;
        border-radius: 16px;
        -webkit-box-shadow: 2.4px 2.4px 0 4px #000;
        box-shadow: 2.4px 2.4px 0 4px #000;
        font-size: 24px;
        height: 56px;
        line-height: 36px;
        padding: 16px 32px;
    }
}
.nintendo-navi__item.item1 {
    left: -15px;
    top: -292px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item1 {
        top: -222px;
    }
}
@media (max-width: 850px) {
    .nintendo-navi__item.item1 {
        left: 50%;
        margin-left: -450px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item1 {
        margin-left: -380px;
        top: -50px;
    }
}
.nintendo-navi__item.item1 img {
    height: 306px;
    width: 356px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item1 img {
        height: 258px;
        width: 300px;
    }
}
.nintendo-navi__item.item2 {
    right: 37px;
    top: -314px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item2 {
        top: -222px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item2 {
        left: 50%;
        margin-left: 100px;
        right: auto;
        top: -100px;
    }
}
.nintendo-navi__item.item2 img {
    height: 400px;
    position: relative;
    width: 248px;
    z-index: 1;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item2 img {
        height: 258px;
        width: 160px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item2 img {
        height: 194px;
        width: 120px;
    }
}
.nintendo-navi__item.item2 a {
    right: 220px;
    top: 217px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item2 a {
        right: 100px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item2 a {
        left: -100px;
        right: auto;
        top: 180px;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}
.nintendo-navi__item.item3 {
    left: -60px;
    top: 130px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item3 {
        left: 0;
        top: 200px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item3 {
        left: 50%;
        top: 170px;
    }
}
.nintendo-navi__item.item3 img {
    height: 310px;
    width: 310px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item3 img {
        height: 246px;
        width: 246px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item3 img {
        display: none;
    }
}
.nintendo-navi__item.item3 a {
    left: 220px;
    top: -45px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item3 a {
        left: 80px;
        top: -100px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item3 a {
        left: 0;
        top: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}
.nintendo-navi__item.item3 a .icon {
    pointer-events: none;
    position: absolute;
    right: -78px;
    top: -84px;
}
@media (max-width: 1140px) {
    .nintendo-navi__item.item3 a .icon {
        right: -60px;
        top: -50px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item3 a .icon {
        right: -35px;
        top: -30px;
    }
}
.nintendo-navi__item.item4 {
    left: 50%;
    top: 29px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item4 {
        top: 130px;
    }
}
@media (max-width: 1140px) {
    .nintendo-navi__item.item4 {
        top: 200px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item4 {
        margin-left: -290px;
        top: 220px;
    }
}
.nintendo-navi__item.item4 img {
    height: 581px;
    margin-left: -200px;
    width: 420px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item4 img {
        height: 466px;
        margin-left: -168px;
        width: 336px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item4 img {
        height: 402px;
        margin-left: 0;
        width: 290px;
    }
}
.nintendo-navi__item.item4 a {
    left: 178px;
    top: 145px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item4 a {
        left: 140px;
        top: 40px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item4 a {
        left: 100%;
        -webkit-transform: translate(-46%);
        -ms-transform: translate(-46%);
        transform: translate(-46%);
    }
}
.nintendo-navi__item.item5 {
    right: -39px;
    top: 247px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item5 {
        right: 0;
        top: 300px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item5 {
        left: 50%;
        margin-left: 70px;
        right: auto;
        top: 330px;
    }
}
.nintendo-navi__item.item5 img {
    height: 197px;
    width: 225px;
}
@media (max-width: 1280px) {
    .nintendo-navi__item.item5 img {
        height: 197px;
        width: 225px;
    }
}
@media (max-width: 768px) {
    .nintendo-navi__item.item5 img {
        height: 184px;
        width: 211px;
    }
}
.nintendo__first {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/first-bg-min.png) 50% 0 repeat #0064c8;
    padding-bottom: 245px;
    padding-top: 85px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1140px) {
    .nintendo__first {
        padding-top: 65px;
    }
}
@media (max-width: 768px) {
    .nintendo__first {
        padding-bottom: 300px;
    }
}
.nintendo__first:after,
.nintendo__first:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.nintendo__first:before {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/first-top.svg) 50% 0 repeat-x;
    height: 30px;
    left: 0;
    right: 0;
    top: -29px;
}
.nintendo__first:after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 100, 200, 0)), to(#0064c8));
    background: -webkit-linear-gradient(bottom, rgba(0, 100, 200, 0), #0064c8);
    background: -o-linear-gradient(bottom, rgba(0, 100, 200, 0) 0, #0064c8 100%);
    background: linear-gradient(0deg, rgba(0, 100, 200, 0), #0064c8);
    height: 300px;
    left: 0;
    right: 0;
    top: 0;
}
.nintendo__first .b-container {
    position: relative;
    z-index: 1;
}
.nintendo-first__title {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 45px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.nintendo-first__title,
.nintendo-first__title .h2,
.nintendo-first__title h2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.nintendo-first__title .h2,
.nintendo-first__title h2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ff3d9e;
    border: 3px solid var(--black);
    border-radius: 100px;
    -webkit-box-shadow: 3px 3px 0 5px var(--black);
    box-shadow: 3px 3px 0 5px var(--black);
    font-family: var(--font-futura);
    font-size: 50px;
    font-weight: 700;
    height: 99px;
    padding: 10px 44px 10px 56px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .nintendo-first__title .h2,
    .nintendo-first__title h2 {
        font-size: 33px;
        height: 70px;
        padding: 10px 34px 10px 46px;
    }
}
@media (max-width: 768px) {
    .nintendo-first__title .h2,
    .nintendo-first__title h2 {
        border: 1.344px solid #000;
        border-radius: 44.8px;
        -webkit-box-shadow: 1.344px 1.344px 0 2.24px #000;
        box-shadow: 1.344px 1.344px 0 2.24px #000;
        font-size: 22px;
        height: 44px;
        padding: 5px 20px 5px 25px;
    }
}
.nintendo-first__title .h2 .icon,
.nintendo-first__title h2 .icon {
    pointer-events: none;
    position: absolute;
}
@media (max-width: 768px) {
    .nintendo-first__title .h2 .icon,
    .nintendo-first__title h2 .icon {
        height: 68px;
        width: 64px;
    }
}
.nintendo-first__title .h2 .icon.tl,
.nintendo-first__title h2 .icon.tl {
    left: -31px;
    top: -90px;
}
@media (max-width: 1140px) {
    .nintendo-first__title .h2 .icon.tl,
    .nintendo-first__title h2 .icon.tl {
        left: -20px;
        top: -60px;
    }
}
@media (max-width: 768px) {
    .nintendo-first__title .h2 .icon.tl,
    .nintendo-first__title h2 .icon.tl {
        top: -40px;
    }
}
.nintendo-first__title .h2 .icon.tr,
.nintendo-first__title h2 .icon.tr {
    right: -75px;
    top: -90px;
}
@media (max-width: 1140px) {
    .nintendo-first__title .h2 .icon.tr,
    .nintendo-first__title h2 .icon.tr {
        right: -55px;
        top: -60px;
    }
}
@media (max-width: 768px) {
    .nintendo-first__title .h2 .icon.tr,
    .nintendo-first__title h2 .icon.tr {
        right: -40px;
        top: -40px;
    }
}
.nintendo-first__title .h2 .icon.bl,
.nintendo-first__title h2 .icon.bl {
    bottom: -71px;
    left: -123px;
}
@media (max-width: 1140px) {
    .nintendo-first__title .h2 .icon.bl,
    .nintendo-first__title h2 .icon.bl {
        bottom: -50px;
        left: -80px;
    }
}
@media (max-width: 768px) {
    .nintendo-first__title .h2 .icon.bl,
    .nintendo-first__title h2 .icon.bl {
        bottom: -30px;
        left: -50px;
    }
}
.nintendo-first__title .h2 .icon.br,
.nintendo-first__title h2 .icon.br {
    bottom: -61px;
    right: -155px;
}
@media (max-width: 1140px) {
    .nintendo-first__title .h2 .icon.br,
    .nintendo-first__title h2 .icon.br {
        bottom: -40px;
        right: -110px;
    }
}
@media (max-width: 768px) {
    .nintendo-first__title .h2 .icon.br,
    .nintendo-first__title h2 .icon.br {
        bottom: -25px;
        right: -50px;
    }
}
.nintendo-first__pic {
    background-size: contain;
    pointer-events: none;
    position: absolute;
}
.nintendo-first__pic--left {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/mario-elephant@2x-min.png) 50% 50% no-repeat;
    background-size: contain;
    bottom: 0;
    height: 284px;
    left: 50%;
    margin-left: -830px;
    width: 250px;
}
@media (max-width: 1660px) {
    .nintendo-first__pic--left {
        left: 0;
        margin-left: -40px;
    }
}
.nintendo-first__pic--right {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/nabit@2x-min.png) 50% 50% no-repeat;
    background-size: contain;
    bottom: -43px;
    height: 302px;
    left: 50%;
    margin-left: 415px;
    width: 345px;
}
.nintendo-first__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.nintendo-first__slider .swiper {
    left: 50%;
    min-height: 600px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 1700px;
}
@media (min-width: 1141px) {
    .nintendo-first__slider .swiper-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width: 1140px) {
    .nintendo-first__slider .swiper-wrapper {
        height: 600px;
    }
}
@media (max-width: 768px) {
    .nintendo-first__slider .swiper-wrapper:after {
        content: "";
        height: 100%;
        left: 100%;
        position: absolute;
        width: 100%;
    }
}
@media (max-width: 1140px) {
    .nintendo-first__slider .swiper {
        overflow: visible;
    }
}
.nintendo-first__slider .swiper__filter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 47px;
    padding: 0;
}
@media (max-width: 768px) {
    .nintendo-first__slider .swiper__filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-overflow-style: none;
        justify-content: flex-start;
        margin-bottom: 27px;
        margin-left: -15px;
        margin-right: -15px;
        overflow: auto;
        padding: 0 15px 20px;
        scrollbar-width: none;
        width: auto;
    }
    .nintendo-first__slider .swiper__filter::-webkit-scrollbar {
        display: none;
    }
}
.nintendo-first__slider .swiper__filter ul {
    margin: 0;
    padding: 0;
}
.nintendo-first__slider .swiper__filter ul li {
    margin: 0 12px;
    padding: 0;
}
@media (max-width: 768px) {
    .nintendo-first__slider .swiper__filter ul li:first-child {
        margin-left: 60px;
    }
}
.nintendo-first__slider .swiper__filter ul li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border: 3px solid var(--black);
    border-radius: 100px;
    -webkit-box-shadow: 3px 3px 0 5px #000;
    box-shadow: 3px 3px 0 5px #000;
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-futura);
    font-size: 30px;
    font-weight: 700;
    height: 64px;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    padding: 14px 20px;
    text-transform: uppercase;
    white-space: nowrap;
}
@media (max-width: 1140px) {
    .nintendo-first__slider .swiper__filter ul li a {
        border: 2.4px solid var(--black);
        border-radius: 80px;
        -webkit-box-shadow: 2.4px 2.4px 0 4px var(--black);
        box-shadow: 2.4px 2.4px 0 4px var(--black);
        font-size: 24px;
        height: 54px;
    }
}
@media (max-width: 768px) {
    .nintendo-first__slider .swiper__filter ul li a {
        border: 1.92px solid var(--black);
        border-radius: 64px;
        -webkit-box-shadow: 1.92px 1.92px 0 3.2px var(--black);
        box-shadow: 1.92px 1.92px 0 3.2px var(--black);
        font-size: 19px;
        height: 43px;
    }
}
.nintendo-first__slider .swiper__filter ul li a:after,
.nintendo-first__slider .swiper__filter ul li a:before {
    display: none;
}
.nintendo-first__slider .swiper__filter ul li.active,
.nintendo-first__slider .swiper__filter ul li:hover {
    padding: 0;
}
.nintendo-first__slider .swiper__filter ul li.active a,
.nintendo-first__slider .swiper__filter ul li:hover a {
    background: #4cebfe;
}
.nintendo-first__slider .swiper__filter ul li.active a:after,
.nintendo-first__slider .swiper__filter ul li.active a:before,
.nintendo-first__slider .swiper__filter ul li:hover a:after,
.nintendo-first__slider .swiper__filter ul li:hover a:before {
    display: none;
}
@media (max-width: 768px) {
    .nintendo-first__slider .swiper-filter__current {
        display: none;
    }
}
@media (max-width: 1720px) {
    .nintendo-first__slider .swiper {
        width: 1360px;
    }
}
@media (max-width: 1380px) {
    .nintendo-first__slider .swiper {
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: auto;
    }
}
@media (max-width: 1140px) {
    .nintendo-first__slider .swiper {
        margin: 0 auto;
        width: 1000px;
    }
}
@media (max-width: 1024px) {
    .nintendo-first__slider .swiper {
        width: 660px;
    }
}
@media (max-width: 768px) {
    .nintendo-first__slider .swiper {
        width: 320px;
    }
}
.nintendo-first__slider .swiper-pagination {
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-bullet-size: 20px;
    --swiper-theme-color: #e0191a;
    bottom: -30px;
}
.nintendo-first__slider .swiper-pagination-bullet-active {
    opacity: 1;
}
.nintendo-first__slider .swiper-slide-freemode {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
@media (max-width: 1140px) {
    .nintendo-first__slider .swiper-slide-freemode {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 600px;
        justify-content: flex-start;
    }
}
.nintendo-first-slider__br {
    height: 0;
    width: 100%;
}
@media (max-width: 1720px) {
    .nintendo-first-slider__br {
        display: none;
    }
}
.nintendo-first-slider__item {
    height: 180px;
    margin: 0 10px 20px;
    width: 320px;
}
@media (max-width: 1140px) {
    .nintendo-first-slider__item {
        margin: 0;
    }
}
.nintendo-first-slider__item img {
    border-radius: 10px;
    height: 180px;
    max-width: 320px;
}
.nintendo-first__bottom {
    left: 50%;
    position: absolute;
    top: -135px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3;
}
.nintendo-first__bottom .go-to-bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 3px solid #000;
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 0 5px #000;
    box-shadow: 3px 3px 0 5px #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    justify-content: center;
    width: 70px;
}
.nintendo__second {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/second-bg-min.png) 50% 0 repeat #ffd200;
    padding-bottom: 180px;
    padding-top: 39px;
    position: relative;
    z-index: 1;
}
.nintendo__second:after,
.nintendo__second:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.nintendo__second:before {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/second-top.svg) 50% 0 repeat-x;
    height: 120px;
    left: 0;
    right: 0;
    top: -120px;
}
.nintendo__second:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd200), to(rgba(255, 210, 0, 0)));
    background: -webkit-linear-gradient(top, #ffd200, rgba(255, 210, 0, 0));
    background: -o-linear-gradient(top, #ffd200 0, rgba(255, 210, 0, 0) 100%);
    background: linear-gradient(180deg, #ffd200, rgba(255, 210, 0, 0));
    height: 230px;
    left: 0;
    right: 0;
    top: 0;
}
.nintendo__second .b-container {
    position: relative;
    z-index: 1;
}
.nintendo-second__title {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: center;
    margin-bottom: 53px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .nintendo-second__title {
        margin-bottom: 26px;
    }
}
.nintendo-second__title .h2,
.nintendo-second__title h2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--white);
    border: 3px solid var(--black);
    border-radius: 100px;
    -webkit-box-shadow: 3px 3px 0 5px var(--black);
    box-shadow: 3px 3px 0 5px var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-futura);
    font-size: 50px;
    font-weight: 700;
    height: 99px;
    justify-content: center;
    padding: 10px 44px 10px 56px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .nintendo-second__title .h2,
    .nintendo-second__title h2 {
        border: 2.4px solid var(--black);
        border-radius: 80px;
        -webkit-box-shadow: 2.4px 2.4px 0 4px var(--black);
        box-shadow: 2.4px 2.4px 0 4px var(--black);
        font-size: 33px;
        height: 70px;
    }
}
@media (max-width: 768px) {
    .nintendo-second__title .h2,
    .nintendo-second__title h2 {
        border: 1.92px solid var(--black);
        border-radius: 64px;
        -webkit-box-shadow: 1.92px 1.92px 0 3.2px var(--black);
        box-shadow: 1.92px 1.92px 0 3.2px var(--black);
        font-size: 22px;
        height: 44px;
        padding: 5px 20px 5px 25px;
    }
}
.nintendo-second__pic {
    background-size: contain;
    pointer-events: none;
    position: absolute;
}
.nintendo-second__pic--left {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/character-mario@2x-min.png) 50% 50% no-repeat;
    background-size: contain;
    bottom: -20px;
    height: 375px;
    left: 0;
    width: 364px;
}
@media (max-width: 1240px) {
    .nintendo-second__pic--left {
        display: none;
    }
}
.nintendo-second__pic--right {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/bowser@2x-min.png) 50% 50% no-repeat;
    background-size: contain;
    bottom: -40px;
    height: 458px;
    right: -30px;
    width: 361px;
}
@media (max-width: 1240px) {
    .nintendo-second__pic--right {
        background-position: 0 0;
        background-size: cover;
        bottom: -10px;
        height: 188px;
        right: -10px;
        width: 202px;
    }
}
.nintendo-second__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
.nintendo-second__slider .icon {
    position: absolute;
}
@media (max-width: 768px) {
    .nintendo-second__slider .icon {
        display: none;
    }
}
.nintendo-second__slider .icon-flower {
    left: -154px;
    top: -59px;
}
.nintendo-second__slider .icon-wonder-flower {
    right: -40px;
    top: 10px;
}
.nintendo-second__slider .swiper {
    margin: 0 auto;
    overflow: visible;
    width: 1200px;
}
.nintendo-second__slider .swiper-carousel {
    position: relative;
}
.nintendo-second__slider .swiper-wrapper {
    height: auto;
}
.nintendo-second__slider .swiper-nav {
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    z-index: 5;
}
@media (max-width: 1240px) {
    .nintendo-second__slider .swiper-nav {
        left: 50%;
        right: auto;
        -webkit-transform: translate3d(-50%, 50%, 0);
        transform: translate3d(-50%, 50%, 0);
        width: 800px;
    }
}
@media (max-width: 991px) {
    .nintendo-second__slider .swiper-nav {
        width: 400px;
    }
}
@media (max-width: 400px) {
    .nintendo-second__slider .swiper-nav {
        width: 320px;
    }
}
.nintendo-second__slider .swiper-button-next,
.nintendo-second__slider .swiper-button-prev {
    --swiper-navigation-size: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) * 0.5);
    pointer-events: auto;
    width: var(--swiper-navigation-size);
}
@media (max-width: 1240px) {
    .nintendo-second__slider .swiper-button-next,
    .nintendo-second__slider .swiper-button-prev {
        margin-top: calc(0px - var(--swiper-navigation-size) * 0.5);
    }
}
@media (max-width: 1024px) {
    .nintendo-second__slider .swiper-button-next,
    .nintendo-second__slider .swiper-button-prev {
        --swiper-navigation-size: 78px;
    }
}
@media (max-width: 768px) {
    .nintendo-second__slider .swiper-button-next,
    .nintendo-second__slider .swiper-button-prev {
        display: none;
    }
}
.nintendo-second__slider .swiper-button-next span,
.nintendo-second__slider .swiper-button-prev span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--white);
    border: 3px solid var(--black);
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 0 5px var(--black);
    box-shadow: 3px 3px 0 5px var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}
.nintendo-second__slider .swiper-button-next span .icon,
.nintendo-second__slider .swiper-button-prev span .icon {
    opacity: 1;
}
.nintendo-second__slider .swiper-button-next:after,
.nintendo-second__slider .swiper-button-prev:after {
    display: none;
}
.nintendo-second__slider .swiper-button-next .icon,
.nintendo-second__slider .swiper-button-prev .icon {
    opacity: 1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.nintendo-second__slider .swiper-button-next:hover .icon,
.nintendo-second__slider .swiper-button-prev:hover .icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.nintendo-second__slider .swiper-button-prev {
    left: -140px;
}
@media (max-width: 768px) {
    .nintendo-second__slider .swiper-button-prev {
        left: -60px;
    }
}
.nintendo-second__slider .swiper-button-next {
    right: -140px;
}
@media (max-width: 768px) {
    .nintendo-second__slider .swiper-button-next {
        right: -60px;
    }
}
.nintendo-second__slider .swiper-button-lock {
    display: none;
}
.nintendo-second__slider .swiper-button-disabled {
    opacity: 0.3;
}
.nintendo-second__slider .swiper-button-disabled:hover .icon {
    -webkit-animation: none;
    animation: none;
    opacity: 0.5;
}
.nintendo-second__slider .swiper__filter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 55px;
    padding: 0;
}
@media (max-width: 768px) {
    .nintendo-second__slider .swiper__filter {
        -ms-overflow-style: none;
        margin-bottom: 27px;
        margin-left: -15px;
        margin-right: -15px;
        overflow: auto;
        padding: 0 15px 20px;
        scrollbar-width: none;
        width: auto;
    }
    .nintendo-second__slider .swiper__filter::-webkit-scrollbar {
        display: none;
    }
}
@media (max-width: 500px) {
    .nintendo-second__slider .swiper__filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.nintendo-second__slider .swiper__filter ul {
    margin: 0;
    padding: 0;
}
.nintendo-second__slider .swiper__filter ul li {
    margin: 0 12px;
    padding: 0;
}
@media (max-width: 768px) {
    .nintendo-second__slider .swiper__filter ul li:first-child {
        margin-left: 40px;
    }
}
.nintendo-second__slider .swiper__filter ul li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border: 3px solid var(--black);
    border-radius: 100px;
    -webkit-box-shadow: 3px 3px 0 5px #000;
    box-shadow: 3px 3px 0 5px #000;
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-futura);
    font-size: 30px;
    font-weight: 700;
    height: 64px;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    padding: 14px 20px;
    text-transform: uppercase;
    white-space: nowrap;
}
@media (max-width: 1140px) {
    .nintendo-second__slider .swiper__filter ul li a {
        border: 2.4px solid #000;
        border-radius: 80px;
        -webkit-box-shadow: 2.4px 2.4px 0 4px #000;
        box-shadow: 2.4px 2.4px 0 4px #000;
        font-size: 24px;
        height: 54px;
    }
}
@media (max-width: 768px) {
    .nintendo-second__slider .swiper__filter ul li a {
        border: 1.92px solid #000;
        border-radius: 64px;
        -webkit-box-shadow: 1.92px 1.92px 0 3.2px #000;
        box-shadow: 1.92px 1.92px 0 3.2px #000;
        font-size: 19px;
        height: 42px;
    }
}
.nintendo-second__slider .swiper__filter ul li a:after,
.nintendo-second__slider .swiper__filter ul li a:before {
    display: none;
}
.nintendo-second__slider .swiper__filter ul li.active,
.nintendo-second__slider .swiper__filter ul li:hover {
    padding: 0;
}
.nintendo-second__slider .swiper__filter ul li.active a,
.nintendo-second__slider .swiper__filter ul li:hover a {
    background: #4cebfe;
}
.nintendo-second__slider .swiper__filter ul li.active a:after,
.nintendo-second__slider .swiper__filter ul li.active a:before,
.nintendo-second__slider .swiper__filter ul li:hover a:after,
.nintendo-second__slider .swiper__filter ul li:hover a:before {
    display: none;
}
@media (max-width: 768px) {
    .nintendo-second__slider .swiper-filter__current {
        display: none;
    }
}
@media (max-width: 1240px) {
    .nintendo-second__slider .swiper {
        width: 800px;
    }
}
@media (max-width: 991px) {
    .nintendo-second__slider .swiper {
        width: 400px;
    }
}
@media (max-width: 768px) {
    .nintendo-second__slider .swiper {
        width: 324px;
    }
}
@media (max-width: 400px) {
    .nintendo-second__slider .swiper {
        width: 320px;
    }
}
.nintendo-second__slider .swiper-pagination {
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-bullet-size: 20px;
    --swiper-theme-color: #e0191a;
    bottom: -50px;
}
.nintendo-second__slider .swiper-pagination-bullet-active {
    opacity: 1;
}
.nintendo-second-slider__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
}
@media (max-width: 1240px) {
    .nintendo-second-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .nintendo-second-slider__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }
}
.nintendo-second-slider__item.swiper-slide {
    opacity: 0.3;
    pointer-events: none;
    -webkit-transition: var(--transition03-opacity);
    -o-transition: var(--transition03-opacity);
    transition: var(--transition03-opacity);
}
.nintendo-second-slider__item.swiper-slide-visible {
    opacity: 1;
    pointer-events: auto;
}
.nintendo-second-slider-item__back {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--white);
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 548px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 768px) {
    .nintendo-second-slider-item__back {
        height: 428px;
    }
}
.nintendo-second-slider-item__image {
    height: 211px;
}
@media (max-width: 768px) {
    .nintendo-second-slider-item__image {
        height: 168px;
    }
}
.nintendo-second-slider-item__image img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.nintendo-second-slider-item__name {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 26px;
}
@media (max-width: 768px) {
    .nintendo-second-slider-item__name {
        margin-bottom: 20px;
    }
}
.nintendo-second-slider-item__name span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 3px solid var(--black);
    border-radius: 100px;
    -webkit-box-shadow: 3px 3px 0 5px var(--black);
    box-shadow: 3px 3px 0 5px var(--black);
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-futura);
    font-size: 22px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    line-height: 28px;
    margin-top: -33px;
    padding: 14px 20px;
    text-transform: uppercase;
}
.color-1 .nintendo-second-slider-item__name span {
    background: #4cebfe;
}
.color-2 .nintendo-second-slider-item__name span {
    background: #c593e4;
}
.color-3 .nintendo-second-slider-item__name span {
    background: #ffd200;
}
@media (max-width: 1140px) {
    .nintendo-second-slider-item__name span {
        border: 3px solid var(--black);
        border-radius: 100px;
        -webkit-box-shadow: 3px 3px 0 5px var(--black);
        box-shadow: 3px 3px 0 5px var(--black);
        font-size: 22px;
        line-height: 28px;
    }
}
@media (max-width: 768px) {
    .nintendo-second-slider-item__name span {
        border: 2.4px solid var(--black);
        border-radius: 80px;
        -webkit-box-shadow: 2.4px 2.4px 0 4px var(--black);
        box-shadow: 2.4px 2.4px 0 4px var(--black);
        font-size: 18px;
        height: 44px;
        margin-top: -25px;
        padding: 4px 16px;
    }
}
.nintendo-second-slider-item__title {
    -webkit-box-flex: 1;
    color: var(--black);
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-family: var(--font-futura);
    font-size: 22px;
    font-weight: 500;
    line-height: 25px;
    padding: 0 40px;
    text-align: center;
}
@media (max-width: 768px) {
    .nintendo-second-slider-item__title {
        font-size: 18px;
        line-height: 20px;
    }
}
.nintendo-second-slider-item__price {
    color: var(--black);
    font-family: var(--font-futura);
    font-size: 42px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 14px;
    text-align: center;
}
@media (max-width: 768px) {
    .nintendo-second-slider-item__price {
        font-size: 34px;
    }
}
.nintendo-second-slider-item__more {
    margin-bottom: 30px;
}
.nintendo-second-slider-item__more,
.nintendo-second-slider-item__more a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.nintendo-second-slider-item__more a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e60012;
    border-radius: var(--br-15);
    color: var(--white);
    font-family: var(--font-futura);
    font-size: 22px;
    font-weight: 500;
    height: 60px;
    line-height: normal;
    padding: 13px 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
    .nintendo-second-slider-item__more a {
        font-size: 18px;
        height: 48px;
        padding: 5px 20px;
    }
}
.nintendo-second-slider-item__more a:after {
    content: "";
    inset: 0;
    position: absolute;
}
.nintendo-second__bottom {
    left: 50%;
    position: absolute;
    top: -53px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3;
}
.nintendo-second__bottom .go-to-bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 3px solid #000;
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 0 5px #000;
    box-shadow: 3px 3px 0 5px #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    justify-content: center;
    width: 70px;
}
.nintendo__third {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/third-bg-min.png) 50% 0 repeat #e62d1e;
    padding-bottom: 68px;
    padding-top: 137px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .nintendo__third {
        padding-top: 80px;
    }
}
.nintendo__third:after,
.nintendo__third:before {
    content: "";
    pointer-events: none;
    position: absolute;
}
.nintendo__third:before {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/third-top.svg) 50% 0 repeat-x;
    height: 30px;
    left: 0;
    right: 0;
    top: -29px;
}
.nintendo__third:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#e62d1e), to(rgba(227, 29, 38, 0)));
    background: -webkit-linear-gradient(top, #e62d1e, rgba(227, 29, 38, 0));
    background: -o-linear-gradient(top, #e62d1e 0, rgba(227, 29, 38, 0) 100%);
    background: linear-gradient(180deg, #e62d1e, rgba(227, 29, 38, 0));
    height: 230px;
    left: 0;
    right: 0;
    top: 0;
}
.nintendo__third .b-container {
    position: relative;
    z-index: 1;
}
.nintendo-third__title {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: center;
    margin-bottom: 85px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .nintendo-third__title {
        margin-bottom: 50px;
    }
}
.nintendo-third__title .h2,
.nintendo-third__title h2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #ffd201;
    border: 3px solid var(--black);
    border-radius: 100px;
    -webkit-box-shadow: 3px 3px 0 5px var(--black);
    box-shadow: 3px 3px 0 5px var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--font-futura);
    font-size: 50px;
    font-weight: 700;
    height: 99px;
    justify-content: center;
    padding: 10px 44px 10px 56px;
    position: relative;
    text-transform: uppercase;
}
@media (max-width: 1140px) {
    .nintendo-third__title .h2,
    .nintendo-third__title h2 {
        border: 2.4px solid var(--black);
        border-radius: 80px;
        -webkit-box-shadow: 2.4px 2.4px 0 4px var(--black);
        box-shadow: 2.4px 2.4px 0 4px var(--black);
        font-size: 33px;
        height: 70px;
    }
}
@media (max-width: 768px) {
    .nintendo-third__title .h2,
    .nintendo-third__title h2 {
        border: 1.92px solid var(--black);
        border-radius: 64px;
        -webkit-box-shadow: 1.92px 1.92px 0 3.2px var(--black);
        box-shadow: 1.92px 1.92px 0 3.2px var(--black);
        font-size: 22px;
        height: 44px;
        padding: 5px 20px 5px 25px;
    }
}
.nintendo-third__title .h2 .icon,
.nintendo-third__title h2 .icon {
    position: absolute;
    right: -102px;
    top: -70px;
}
@media (max-width: 768px) {
    .nintendo-third__title .h2 .icon,
    .nintendo-third__title h2 .icon {
        right: -40px;
        top: -40px;
    }
}
.nintendo-third__pic {
    background-size: contain;
    pointer-events: none;
    position: absolute;
}
.nintendo-third__pic--left {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/character-toadette@2x-min.png) 50% 50% no-repeat;
    background-size: contain;
    bottom: -200px;
    height: 625px;
    left: -20px;
    width: 340px;
}
@media (max-width: 1140px) {
    .nintendo-third__pic--left {
        background-position: 0 0;
        background-size: 100% auto;
        bottom: -10px;
        height: 284px;
        left: -10px;
        width: 226px;
    }
}
@media (max-width: 768px) {
    .nintendo-third__pic--left {
        height: 208px;
        width: 138px;
    }
}
.nintendo-third__pic--right {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/poplin@2x-min.png) 50% 50% no-repeat;
    background-size: contain;
    bottom: -85px;
    height: 379px;
    right: -100px;
    width: 355px;
}
@media (max-width: 1140px) {
    .nintendo-third__pic--right {
        bottom: -10px;
        height: 182px;
        right: 10px;
        width: 199px;
    }
}
@media (max-width: 768px) {
    .nintendo-third__pic--right {
        height: 160px;
        right: -30px;
        width: 150px;
    }
}
.nintendo-third__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
}
.nintendo-third__slider .ea__slider {
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
}
.nintendo-third__slider .ea-slider__block .swiper-pagination {
    display: none;
}
.icon-flower {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/flower-min.png) 50% 50% no-repeat;
    height: 282px;
    width: 284px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-flower {
        background-image: url(/bitrix/templates/c4g/css/../pictures/nintendo/flower@2x-min.png);
        background-size: 284px 282px;
    }
}
.icon-elephant-fruit {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/elephant-fruit-min.png) 50% 50% no-repeat;
    height: 122px;
    width: 159px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-elephant-fruit {
        background-image: url(/bitrix/templates/c4g/css/../pictures/nintendo/elephant-fruit@2x-min.png);
        background-size: 159px 122px;
    }
}
@media (max-width: 768px) {
    .icon-elephant-fruit {
        background-size: cover;
        height: 60px;
        width: 77px;
    }
}
.icon-wonder-flower {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/wonder-flower-min.png) 50% 50% no-repeat;
    height: 122px;
    width: 159px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-wonder-flower {
        background-image: url(/bitrix/templates/c4g/css/../pictures/nintendo/wonder-flower@2x-min.png);
        background-size: 159px 122px;
    }
}
.icon-wondering-coin {
    background: url(/bitrix/templates/c4g/css/../pictures/nintendo/wonder-coin-min.png) 50% 50% no-repeat;
    height: 153px;
    width: 141px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-wondering-coin {
        background-image: url(/bitrix/templates/c4g/css/../pictures/nintendo/wonder-coin@2x-min.png);
        background-size: 141px 153px;
    }
}
@media (max-width: 1140px) {
    .icon-wondering-coin {
        background-size: cover;
        height: 107px;
        width: 98px;
    }
}
@media (max-width: 768px) {
    .icon-wondering-coin {
        background-size: cover;
        height: 68px;
        width: 64px;
    }
}
.xbox__head {
    margin-bottom: 36px;
    padding-bottom: 14px;
    position: relative;
}
.xbox__head.center {
    text-align: center;
}
.xbox__head:after {
    background: var(--xbox-color-1);
    bottom: 0;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    -webkit-transform: skew(-18deg);
    -ms-transform: skew(-18deg);
    transform: skew(-18deg);
    width: 70px;
}
.xbox-head__logo {
    margin-bottom: 20px;
}
.xbox-head__logo img {
    display: block;
}
.xbox__head.center .xbox-head__logo img {
    margin: 0 auto;
}
.xbox-head__title {
    margin-bottom: 0;
    padding-bottom: 20px;
}
.xbox-head__title .h1,
.xbox-head__title .h2,
.xbox-head__title h1,
.xbox-head__title h2 {
    font-family: var(--font-segoeui);
    font-size: 56px;
    font-weight: 900;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .xbox-head__title .h1,
    .xbox-head__title .h2,
    .xbox-head__title h1,
    .xbox-head__title h2 {
        font-size: 36px;
    }
}
.xbox-header__desc p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 36px;
}
@media (max-width: 768px) {
    .xbox-header__desc p {
        font-size: 14px;
        line-height: 24px;
    }
}
.xbox-header__desc ul {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 36px;
}
@media (max-width: 768px) {
    .xbox-header__desc ul {
        font-size: 14px;
        line-height: 24px;
    }
}
.xbox-header__desc ul li {
    display: block;
    list-style-type: none;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
    position: relative;
}
.xbox-header__desc ul li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.414.293 6.121 5 1.414 9.707 0 8.293 3.293 5 0 1.707 1.414.293Z' fill='%23519B36'/%3E%3C/svg%3E");
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 7px;
}
@media (max-width: 768px) {
    .xbox-header__desc ul li:before {
        top: 7px;
    }
}
.xbox-header__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 36px;
}
.xbox-header__button .btn {
    border-radius: var(--br-5);
    font-size: 20px;
    font-weight: 700;
    height: 48px;
    padding: 10px 20px 13px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: auto;
}
@media (max-width: 576px) {
    .xbox-header__button .btn {
        width: 100%;
    }
}
.xbox-header__button .btn-primary {
    background: var(--xbox-color-1);
}
.xbox-header__nb,
.xbox-header__nb p {
    margin: 0;
    padding: 0;
}
.xbox-header__nb p.nb {
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
}
.xbox__first {
    padding-bottom: 100px;
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .xbox__first {
        padding-bottom: 50px;
    }
}
.xbox-first__title {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 60px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.xbox-first__title .h2,
.xbox-first__title h2 {
    font-family: var(--font-segoeui);
    font-size: 36px;
    font-weight: 900;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .xbox-first__title .h2,
    .xbox-first__title h2 {
        font-size: 18px;
    }
}
.xbox-first__title .h2 a,
.xbox-first__title h2 a {
    color: var(--white);
    text-decoration-color: var(--xbox-color-1);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 4px;
    text-underline-offset: 10px;
}
@media (max-width: 768px) {
    .xbox-first__title .h2 a,
    .xbox-first__title h2 a {
        text-decoration-thickness: 2px;
        text-underline-offset: 6px;
    }
}
.xbox-first__games {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.xbox-first-games__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1280px;
    pointer-events: none;
}
.xbox-first-games__list .swiper {
    max-width: 100%;
    overflow: visible;
}
.xbox-first-games__list .swiper-wrapper {
    height: auto;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.xbox-first-games__list .swiper-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 30px 0 0;
    position: relative;
}
.xbox-first-games__list .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-bullet-size: 20px;
    --swiper-pagination-bullet-inactive-color: hsla(0, 0%, 100%, 0.3);
    opacity: 1;
}
@media (max-width: 768px) {
    .xbox-first-games__list .swiper-pagination-bullet {
        --swiper-pagination-bullet-horizontal-gap: 5px;
        --swiper-pagination-bullet-size: 10px;
    }
}
.xbox-first-games__list .swiper-pagination-bullet-active {
    --swiper-pagination-color: var(--psn-color);
}
.xbox-first-games__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .xbox-first-games__item {
        min-width: 220px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.xbox-first-games__item img {
    border-radius: 20px;
    display: block;
    height: auto;
    width: 100%;
}
.xbox-first__bottom {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3;
}
@media (max-width: 768px) {
    .xbox-first__bottom {
        display: none;
    }
}
.xbox-first__bottom .go-to-bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    justify-content: center;
    width: 55px;
}
.xbox__second {
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative;
}
@media (max-width: 768px) {
    .xbox__second {
        padding-top: 0;
    }
}
.xbox__second:after {
    bottom: 0;
    -webkit-box-shadow: 0 0 900px 880px #000;
    box-shadow: 0 0 900px 880px #000;
    content: "";
    height: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.xbox__second .b-container {
    position: relative;
    z-index: 1;
}
.xbox-second__title {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .xbox-second__title {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.xbox-second__content {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50.83333%;
    flex: 0 0 50.83333%;
    max-width: 50.83333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .xbox-second__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1140px) {
    .xbox-second__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .xbox-second__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.xbox-second__text {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 50px;
}
.xbox-second__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.xbox-second__item {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 35px;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 768px) {
    .xbox-second__item {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.xbox-second-item__back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.xbox-second-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    margin: 0;
}
.xbox-second-item__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 14px;
    line-height: 20px;
}
.xbox-second__slider {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 55px;
    width: 100%;
}
.xbox-second__slider .ea__slider {
    overflow: visible;
}
.xbox-second__bottom {
    bottom: 70px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3;
}
@media (max-width: 768px) {
    .xbox-second__bottom {
        bottom: 40px;
    }
}
.xbox-second__bottom .go-to-bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    justify-content: center;
    width: 55px;
}
.xbox__third {
    background: url(/bitrix/templates/c4g/css/../pictures/xbox-new/bg_3-min.jpg) 50% 50% no-repeat #171717;
    background-size: auto 100%;
    border-bottom: 6px solid var(--xbox-color-1);
    border-top: 6px solid var(--xbox-color-1);
    padding-bottom: 64px;
    padding-top: 80px;
}
@media (max-width: 768px) {
    .xbox__third {
        padding-top: 50px;
    }
}
.xbox-third__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
}
.xbox-third__slider,
.xbox-third__title {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}
.xbox-third__slider {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
}
.xbox-third__slider .ea__slider {
    overflow: visible;
}
.xbox-third__slider .ea__slider .swiper-button-prev .icon {
    margin-right: 3px;
}
.xbox-third__slider .ea__slider .swiper-button-next .icon {
    margin-left: 3px;
}
.xbox-third__slider .ea__slider .swiper-button-next .icon,
.xbox-third__slider .ea__slider .swiper-button-prev .icon {
    stroke-width: 3;
    height: 28px;
    width: 17px;
}
@media (min-width: 768px) {
    .xbox-third__slider .ea__slider .swiper-button-next,
    .xbox-third__slider .ea__slider .swiper-button-prev {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: var(--white);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 56px;
        justify-content: center;
        margin-top: -28px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        width: 56px;
    }
    .xbox-third__slider .ea__slider .swiper-button-next.swiper-button-lock,
    .xbox-third__slider .ea__slider .swiper-button-prev.swiper-button-lock {
        display: none;
    }
    .xbox-third__slider .ea__slider .swiper-button-next:hover,
    .xbox-third__slider .ea__slider .swiper-button-prev:hover {
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }
    .xbox-third__slider .ea__slider .swiper-button-next .icon,
    .xbox-third__slider .ea__slider .swiper-button-prev .icon {
        stroke: var(--black);
        display: block;
        opacity: 1;
    }
}
.xbox__fourth {
    background: url(/bitrix/templates/c4g/css/../pictures/xbox-new/bg_4-min.jpg) 50% 50% no-repeat var(--black);
    background-size: cover;
    padding-bottom: 230px;
    padding-top: 103px;
    position: relative;
}
@media (max-width: 1140px) {
    .xbox__fourth {
        padding-top: 100px;
    }
}
@media (max-width: 768px) {
    .xbox__fourth {
        background-position: 30% 50%;
        padding-bottom: 50px;
        padding-top: 50px;
    }
}
.xbox-fourth__content {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 43.33333%;
    flex: 0 0 43.33333%;
    max-width: 43.33333%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
@media (max-width: 1280px) {
    .xbox-fourth__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 1140px) {
    .xbox-fourth__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .xbox-fourth__content {
        -webkit-box-flex: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.xbox-fourth__title .h2,
.xbox-fourth__title h2 {
    font-family: var(--font-segoeui);
    font-size: 44px;
    font-weight: 900;
    line-height: 56px;
    margin-bottom: 40px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .xbox-fourth__title .h2,
    .xbox-fourth__title h2 {
        font-size: 36px;
        line-height: 46px;
    }
}
.xbox-fourth__text {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 40px;
}
@media (max-width: 1140px) {
    .xbox-fourth__text {
        max-width: 300px;
    }
}
@media (max-width: 768px) {
    .xbox-fourth__text {
        max-width: 100%;
    }
}
.xbox-fourth__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 36px;
}
.xbox-fourth__button .btn {
    border-radius: var(--br-5);
    font-family: var(--font-segoeui);
    font-size: 14px;
    font-weight: 700;
    height: 38px;
    padding: 5px 20px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: auto;
}
@media (max-width: 576px) {
    .xbox-fourth__button .btn {
        width: 100%;
    }
}
.xbox-fourth__button .btn-primary {
    background: var(--xbox-color-1);
}
.xbox-fourth__button .btn svg {
    margin: 0 0 2px 10px;
}
.xbox-fourth__nb,
.xbox-fourth__nb p {
    margin: 0;
    padding: 0;
}
.xbox-fourth__nb p.nb {
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
}
.xbox__month {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: #626262;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--font-segoeui);
    font-size: 13px;
    font-weight: 700;
    height: auto;
    left: 20px;
    letter-spacing: normal;
    line-height: 1;
    opacity: 1;
    position: absolute;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: 30px;
    z-index: 1;
}
.xboxgp-grey-color .xbox__month {
    color: var(--white);
}
.xbox__month span {
    display: block;
    font-size: 34px;
    font-weight: 900;
    line-height: 30px;
    padding-bottom: 4px;
}
.product__block.xboxpage-color .ea__slider {
    overflow: visible;
}
.product__block.xboxpage-color .ea__slider .swiper-button-prev .icon {
    margin-right: 3px;
}
.product__block.xboxpage-color .ea__slider .swiper-button-next .icon {
    margin-left: 3px;
}
.product__block.xboxpage-color .ea__slider .swiper-button-next .icon,
.product__block.xboxpage-color .ea__slider .swiper-button-prev .icon {
    stroke-width: 3;
    height: 28px;
    width: 17px;
}
@media (min-width: 768px) {
    .product__block.xboxpage-color .ea__slider .swiper-button-next,
    .product__block.xboxpage-color .ea__slider .swiper-button-prev {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: var(--white);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 56px;
        justify-content: center;
        margin-top: -28px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        width: 56px;
    }
    .product__block.xboxpage-color .ea__slider .swiper-button-next.swiper-button-lock,
    .product__block.xboxpage-color .ea__slider .swiper-button-prev.swiper-button-lock {
        display: none;
    }
    .product__block.xboxpage-color .ea__slider .swiper-button-next:hover,
    .product__block.xboxpage-color .ea__slider .swiper-button-prev:hover {
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }
    .product__block.xboxpage-color .ea__slider .swiper-button-next .icon,
    .product__block.xboxpage-color .ea__slider .swiper-button-prev .icon {
        stroke: var(--black);
        display: block;
        opacity: 1;
    }
}
.read-more__block {
    position: relative;
}
.basket__page .read-more__block.opened {
    margin-bottom: 40px;
}
.read-more__wrap {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (min-width: 1023px) {
    .only-in-mobile .read-more__wrap {
        max-height: unset !important;
    }
    .only-in-mobile .read-more__wrap:after {
        display: none;
    }
}
@media (min-width: 769px) {
    .warface-show.only-in-mobile .read-more__wrap {
        max-height: unset !important;
    }
    .warface-show.only-in-mobile .read-more__wrap:after {
        display: none;
    }
}
.read-more__wrap:after {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(80%, #101a29));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #101a29 80%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #101a29 80%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #101a29 80%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}
@media (min-width: 1023px) {
    .only-in-mobile .read-more__wrap:after {
        display: none;
    }
}
.warface-show.only-in-mobile .read-more__wrap:after {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(80%, #16161f));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #16161f 80%);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #16161f 80%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #16161f 80%);
}
@media (min-width: 769px) {
    .warface-show.only-in-mobile .read-more__wrap:after {
        display: none;
    }
}
.rm-complete.closed .read-more__wrap:after {
    opacity: 1;
    visibility: visible;
}
.read-more__block {
    margin-bottom: 20px;
}
.read-more__block.closed .show-all .on {
    display: none;
}
.read-more__block.closed .show-all .off {
    display: block;
}
.read-more__bottom {
    margin-bottom: 0;
}
.read-more__bottom.basket-show {
    bottom: 0;
    height: 50px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.opened .read-more__bottom.basket-show {
    bottom: -40px;
}
.read-more__bottom.basket-show a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #0d1624;
    border: 2px solid rgba(103, 122, 149, 0.7);
    border-radius: 7px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
@media (max-width: 767px) {
    .read-more__bottom.basket-show a {
        font-size: 10px;
        height: 34px;
    }
}
.read-more__bottom.basket-show a .read-more__title {
    height: 42px;
    padding: 0 25px;
}
@media (max-width: 767px) {
    .read-more__bottom.basket-show a .read-more__title {
        height: 30px;
        padding: 0 10px;
    }
}
@media (min-width: 1023px) {
    .only-in-mobile .read-more__bottom {
        display: none !important;
    }
}
@media (min-width: 769px) {
    .warface-show.only-in-mobile .read-more__bottom {
        display: none !important;
    }
}
.read-more__bottom a {
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
}
.warface-show .read-more__bottom a {
    text-decoration: underline;
    text-decoration-color: var(--warface-color-2);
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
}
.warface-show .read-more__bottom a:hover {
    color: var(--warface-color-2);
    opacity: 1;
}
.read-more__bottom:before {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    visibility: hidden;
}
.rm-complete.closed .read-more__bottom:before:after {
    opacity: 1;
    visibility: visible;
}
.read-more__bottom .off {
    display: none;
}
.read-more__bottom .on {
    display: block;
}
.read-more__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.only-in-mobile .read-more__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.read-more__title span {
    text-decoration: none;
}
.bt2__coins {
    position: static;
    z-index: auto;
}
.bt2__coins .icon {
    position: absolute;
}
.bt2__coins .icon-bt2-coin-1 {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/coin-1.png) 50% 50% no-repeat;
    height: 91px;
    left: 50%;
    margin-left: -39%;
    top: -10px;
    width: 75px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .bt2__coins .icon-bt2-coin-1 {
        background-image: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/coin-1@2x.png);
        background-size: 75px 91px;
    }
}
@media (max-width: 768px) {
    .bt2__coins .icon-bt2-coin-1 {
        margin-left: -52%;
    }
}
.bt2__coins .icon-bt2-coin-2 {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/coin-2.png) 50% 50% no-repeat;
    height: 119px;
    left: 50%;
    margin-left: 36%;
    top: 30px;
    width: 104px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .bt2__coins .icon-bt2-coin-2 {
        background-image: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/coin-2@2x.png);
        background-size: 104px 119px;
    }
}
.bt2__coins .icon-bt2-coin-3 {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/coin-3.png) 50% 50% no-repeat;
    height: 91px;
    left: 50%;
    margin-left: -6%;
    top: 120px;
    width: 121px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .bt2__coins .icon-bt2-coin-3 {
        background-image: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/coin-3@2x.png);
        background-size: 121px 91px;
    }
}
.bt2__coins .icon-bt2-coin-4 {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/coin-4.png) 50% 50% no-repeat;
    bottom: 50px;
    height: 121px;
    left: 50%;
    margin-left: 25%;
    width: 107px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .bt2__coins .icon-bt2-coin-4 {
        background-image: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/coin-4@2x.png);
        background-size: 107px 121px;
    }
}
.bt2__coins .icon-bt2-coin-5 {
    background: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/coin-5.png) 50% 50% no-repeat;
    bottom: -30px;
    height: 104px;
    left: 50%;
    margin-left: -22%;
    width: 119px;
}
@media (-o-min-device-pixel-ratio: 2/1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .bt2__coins .icon-bt2-coin-5 {
        background-image: url(/bitrix/templates/c4g/css/../pictures/battle-teams-2/coin-5@2x.png);
        background-size: 119px 104px;
    }
}
@media (max-width: 768px) {
    .bt2__coins .icon-bt2-coin-5 {
        left: 0;
        margin-left: -50px;
    }
}
.bt2-corners i {
    border: 2px solid #00fff0;
    height: 25px;
    position: absolute;
    width: 25px;
}
.bt2-corners i.tl {
    border-bottom: none;
    border-right: none;
    left: -2px;
    top: -2px;
}
.bt2-corners i.tr {
    border-bottom: none;
    border-left: none;
    right: -2px;
    top: -2px;
}
.bt2-corners i.bl {
    border-right: none;
    border-top: none;
    bottom: -2px;
    left: -2px;
}
.bt2-corners i.br {
    border-left: none;
    border-top: none;
    bottom: -2px;
    right: -2px;
}
.order-login-item .icon {
    height: 26px;
    -webkit-transition: var(--transition03);
    -o-transition: var(--transition03);
    transition: var(--transition03);
    width: 26px;
}
.order-login-item:hover .icon {
    opacity: 0.65;
}
a {
    -webkit-transition: opacity var(--transition05);
    -o-transition: opacity var(--transition05);
    transition: opacity var(--transition05);
}
.menu-open {
    line-height: 38px;
}
.menu-open img.off,
.menu-open img.on {
    -webkit-transition: var(--transition05);
    -o-transition: var(--transition05);
    transition: var(--transition05);
}
.menu-open img.on {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.menu-open img.on.d-nblock,
.menu-open.active img.off {
    display: block;
}
.menu-open:hover .off {
    display: inline-block !important;
    opacity: 0;
}
.menu-open:hover .on {
    opacity: 1;
}
.nicescroll-rails-vr {
    background: hsla(19, 22%, 80%, 0.5);
    border-radius: 5px;
    overflow: hidden;
}
.product-top__text .nicescroll-rails-vr {
    max-height: 120px;
}
.max-2-row {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 43px;
    max-width: 100%;
    overflow: hidden;
}
.ea-slider__item--big .max-2-row,
.ea-slider__item--mid .max-2-row,
.ea-slider__item--super .max-2-row {
    max-height: 56px;
}
.max-3-row {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 58px;
    max-width: 100%;
    overflow: hidden;
}
.ea-slider__item--big .max-3-row,
.ea-slider__item--mid .max-3-row,
.ea-slider__item--super .max-3-row {
    max-height: 84px;
}
ul.nav li {
    list-style-type: none;
}
.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.nav-tabs .nav-link {
    margin: 0 10px;
    text-decoration: none;
}
.nav-tabs .nav-link.disabled {
    background-color: transparent;
    border-color: transparent;
    color: #ccc;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: #eee;
    color: #eee;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .tab-pane.fade {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.tab-content > .tab-pane.fade:not(.show) {
    opacity: 0;
}
.tab-content > .active {
    display: block;
}
/* End */

/* Start:/bitrix/templates/c4g/css/fix.css?17050589951779*/
.popup-old-price {
    font-size: 60%;
    text-decoration: line-through;
}
.promocode-error {
}
.promocode-correct {
}
.hide-old-price {
    display: none;
}
.promocode-error,
.kupon-input-error {
    color: #c74242;
}
.promocode-correct,
.kupon-input-correct {
    color: #43883d;
}
.order-kupon-input {
    font-weight: bold;
}
.kupon-input-correct {
    background-image: url(/bitrix/templates/c4g/css/../images/promocode_ok.svg);
    background-position-y: center;
    background-position-x: calc(100% - 10px);
    background-repeat: no-repeat;
}

.beeline_circle {
    background: url(/bitrix/templates/c4g/css/../images/circle_beeline.svg) center center no-repeat;
    width: 22px;
    height: 21px;
    display: inline-block;
    background-size: contain;
    margin-top: -10px;
}
.beeline_circle_inside {
    background: url(/bitrix/templates/c4g/css/../images/circle_beeline.svg) center center no-repeat;
    width: 12px;
    background-size: contain;
    height: 12px;
    margin-top: -15px;
    margin-left: -2px;
    display: inline-block;
}
.beeline_circle_top {
    margin-bottom: 24px;
}
.beeline_circle_inside_top {
    margin-bottom: 5px;
    margin-left: -5px;
}
@media (max-width: 900px) {
    .beeline_circle {
        display: none;
    }
}
@media (min-width: 901px) {
    .beeline_circle_inside {
        display: none;
    }
}
.roblox-price-old {
    font-size: 24px !important;
    color: var(--roblox-text) !important;
    margin-bottom: 3px !important;
    margin-left: -120px !important;
    opacity: 0.25 !important;
}
.limited_txt_info {
    white-space: nowrap;
    max-width: 170px;
    display: inline-block;
    overflow: hidden;
}
.dots_fix {
    display: inline-block;
    margin-top: -15px;
}
.genshin-color .jq-selectbox__trigger-arrow {
    background: unset;
}
.product__block.xboxpage-color {
    text-align: left;
}

/* End */

/* Start:/bitrix/templates/c4g/css/magnific-popup.css?14966503086951*/
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #ccc;
}
.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}


.menu-click {
    color: #fff;
}

.burger-btn {
    display: none;
    cursor: pointer;
}

.header__burger-menu {
    position: fixed;
    z-index: 4;
    right: 0;
    top: 0;
    transition: .3s ease;
    transform: translateX(+100%);
}

.header__burger-menu.active {
    transform: translateX(0);
}

.burger-menu {
    height: 100%;
    background: #161719;
    display: flex;
    flex-direction: column;
    width: 236px;
    height: 100vh;
    padding: 20px 16px;
}

.burger-menu__nav {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
}

.burger-menu__nav {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
}

.burger-menu__nav-elem {
    display: flex;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #9b9db1;
    padding: 12px 0;
    border-bottom: 1px solid #1c1d27;
    transition: .3s ease;
    cursor: pointer;
}

.burger-menu__nav-elem.button{
    color: #fff;
    justify-content: center;
}

.burger-btn.active {
    position: fixed;
    z-index: 5;
}

@media screen and (max-width: 767px) {
    .ea-slider__item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ea-slider-item__picture {
        max-height: 280px;
    }

    .warface-color .ea-slider-item__back {
        max-height: 250px;
    }

    .ea-slider-item__picture {
        max-height: 280px;
    }

    .warface-prem-color .ea-slider-item__back,
    .warface-prem-color .ea-slider-item__picture {
        max-height: 370px;
    }

    .warface-prem-color .ea-slider-item__price {
        margin-bottom: 20px;
    }

    .burger-btn {
        display: flex;
    }

    .warface-color .ea-slider-item__picture {
        background-size: 75% auto;
    }
}

.warface-color .ea-slider-item__back:hover:after {
    border-color: var(--warface-color-1);
}