@-webkit-keyframes ripple-data-v-cc303192 {
           0% {
               transform: scale(0);
               opacity: 1
           }
           to {
               transform: scale(1.4);
               opacity: 0
           }
       }

@keyframes ripple-data-v-cc303192 {
    0% {
        transform: scale(0);
        opacity: 1
    }
    to {
        transform: scale(1.4);
        opacity: 0
    }
}
.lazyImage[data-v-c4ba3760] {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden
 }

.lazyImage.--object-fit-cover .lazyImage__img[data-v-c4ba3760] {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;object-position: center;";
    -o-object-position: center;
    object-position: center
}

.lazyImage.--object-fit-contain .lazyImage__img[data-v-c4ba3760] {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;object-position: center;";
    -o-object-position: center;
    object-position: center
}

.lazyImage__picture[data-v-c4ba3760] {
    display: flex;
    width: 100%;
    height: 100%
}

.lazyImage__img[data-v-c4ba3760] {
    width: 100%;
    height: 100%;
    transition: all .3s linear
}

.lazyImage__img.--visible[data-v-c4ba3760] {
    opacity: 1
}

@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text) {
    .error__title[data-v-7ce8f0f7] {
        background: radial-gradient(52.53% 52.53% at 48.98% 31.65%, hsla(0, 0%, 100%, .54) 0, hsla(0, 0%, 100%, 0) 100%), linear-gradient(180deg, #fbd50e, #ffb017 100%, #ffb017 0, #ffb017 0);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-box-decoration-break: clone
    }
}

@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text) {
    .error__subtitle[data-v-7ce8f0f7] {
        background: radial-gradient(52.53% 52.53% at 48.98% 31.65%, hsla(0, 0%, 100%, .54) 0, hsla(0, 0%, 100%, 0) 100%), linear-gradient(180deg, #fbd50e, #ffb017 100%, #ffb017 0, #ffb017 0);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-box-decoration-break: clone
    }
}

 *, ::before, ::after {
     box-sizing: border-box
 }

html {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

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

button {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

p {
    margin: 0
}

button {
    background-color: transparent;
    background-image: none
}

ul {
    margin: 0;
    padding: 0
}

html {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.5
}

body {
    line-height: inherit
}

*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

img {
    border-style: solid
}

button, [role="button"] {
    cursor: pointer
}

h2 {
    font-weight: inherit
}

a {
    color: inherit
}

button {
    padding: 0;
    line-height: inherit;
    color: inherit
}

img, svg, iframe {
    display: block;
    vertical-align: middle
}

*, ::before, ::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-ring-inset: var(--tw-empty,);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-blur: var(--tw-empty,);
    --tw-brightness: var(--tw-empty,);
    --tw-contrast: var(--tw-empty,);
    --tw-grayscale: var(--tw-empty,);
    --tw-hue-rotate: var(--tw-empty,);
    --tw-invert: var(--tw-empty,);
    --tw-saturate: var(--tw-empty,);
    --tw-sepia: var(--tw-empty,);
    --tw-drop-shadow: var(--tw-empty,);
    --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    --tw-backdrop-blur: var(--tw-empty,);
    --tw-backdrop-brightness: var(--tw-empty,);
    --tw-backdrop-contrast: var(--tw-empty,);
    --tw-backdrop-grayscale: var(--tw-empty,);
    --tw-backdrop-hue-rotate: var(--tw-empty,);
    --tw-backdrop-invert: var(--tw-empty,);
    --tw-backdrop-opacity: var(--tw-empty,);
    --tw-backdrop-saturate: var(--tw-empty,);
    --tw-backdrop-sepia: var(--tw-empty,);
    --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.container {
    width: 100%
}

@media (min-width: 320px) {
    .container {
        max-width: 320px
    }
}

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

@media (min-width: 540px) {
    .container {
        max-width: 540px
    }
}

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

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px
    }
}

@media (min-width: 1680px) {
    .container {
        max-width: 1680px
    }
}

@media (min-width: 1720px) {
    .container {
        max-width: 1720px
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1920px
    }
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px
}

.top-0 {
    top: 0px
}

.left-0 {
    left: 0px
}

.right-0 {
    right: 0px
}

.bottom-0 {
    bottom: 0px
}

.z-40 {
    z-index: 40
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mt-auto {
    margin-top: auto
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-auto {
    margin-left: auto
}

.mb-3 {
    margin-bottom: 0.75rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mr-\[22px\] {
    margin-right: 22px
}

.mt-1 {
    margin-top: 0.25rem
}

.mt-3 {
    margin-top: 0.75rem
}

.mt-10 {
    margin-top: 2.5rem
}

.block {
    display: block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.hidden {
    display: none
}

.h-full {
    height: 100%
}

.h-10 {
    height: 2.5rem
}

.w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.w-full {
    width: 100%
}

.w-20 {
    width: 5rem
}

.max-w-full {
    max-width: 100%
}

.cursor-pointer {
    cursor: pointer
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-4 {
    row-gap: 1rem
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: center
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.pb-5 {
    padding-bottom: 1.25rem
}

.text-center {
    text-align: center
}

.uppercase {
    text-transform: uppercase
}

@media (min-width: 540px) {
    .sm\:mx-0 {
        margin-left: 0px;
        margin-right: 0px
    }

    .sm\:mb-0 {
        margin-bottom: 0px
    }

    .sm\:mt-6 {
        margin-top: 1.5rem
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-wrap {
        flex-wrap: wrap
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .sm\:gap-y-3 {
        row-gap: 0.75rem
    }

    .sm\:pb-6 {
        padding-bottom: 1.5rem
    }

    .sm\:text-left {
        text-align: left
    }
}

@media (min-width: 768px) {
    .md\:m-0 {
        margin: 0px
    }

    .md\:flex {
        display: flex
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .md\:pb-7 {
        padding-bottom: 1.75rem
    }
}

@media (min-width: 1024px) {
    .lg\:mr-auto {
        margin-right: auto
    }

    .lg\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }
}

@media (min-width: 1440px) {
    .xl\:mt-4 {
        margin-top: 1rem
    }

    .xl\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }
}
body {
     margin: 0
 }

.app {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.app main {
    flex: 1 0 auto;
    z-index: 10
}

* {
    outline: none
}

a {
    cursor: pointer;
    white-space: nowrap
}

a, a:hover {
    text-decoration: none
}

ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

@supports (aspect-ratio:auto) {
    .ratio4by3 .gamePlay__figure {
        max-height: 692px;
        aspect-ratio: 4/3;
        width: 100%;
        height: auto;
        padding-bottom: 0
    }

    .ratio4by3 .gamePlay__iframe {
        aspect-ratio: 4/3
    }

    .ratio16by9 .gamePlay__figure {
        aspect-ratio: 16/9;
        width: 100%;
        height: auto;
        max-height: 515px;
        padding-bottom: 0
    }

    @media (min-width: 1440px) {
        .ratio16by9 .gamePlay__figure {
            max-height: 698px
        }
    }@media (min-width: 1920px) {
    .ratio16by9 .gamePlay__figure {
        max-height: 883px
    }
}.ratio16by9 .gamePlay__iframe {
     aspect-ratio: 16/9
 }
}

@font-face {
    font-family: "SourceSansPro-Regular";
    font-weight: 400;
    src: url("../../fonts/SourceSansPro-Regular.16832da.woff2") format("woff2")
}

@font-face {
    font-family: "SourceSansPro-Semibold";
    font-weight: 600;
    src: url("../../fonts/SourceSansPro-Semibold.120c4c7.woff2") format("woff2")
}

@font-face {
    font-family: "SourceSansPro-Bold";
    font-weight: 700;
    src: url("../../fonts/SourceSansPro-Bold.fe372cd.woff2") format("woff2")
}

@font-face {
    font-family: "SourceSansPro-Black";
    font-weight: 900;
    src: url("../../fonts/SourceSansPro-Black.804fb94.woff2") format("woff2")
}

@font-face {
    font-family: "Montserrat-Black";
    font-weight: 900;
    src: url("../../fonts/Montserrat-Black.63f7596.woff2") format("woff2")
}

.h2.--semibold {
    font: 600 36px/1.44 "SourceSansPro-Semibold", sans-serif
}

.h6 {
    font: 700 12px/1 "SourceSansPro-Bold", sans-serif
}

.heading4 {
    font: 900 20px/1.6 "SourceSansPro-Black", sans-serif
}

.heading6 {
    font: 900 14px/1.16 "SourceSansPro-Black", sans-serif
}

.text {
    font: 400 12px/1.32 "SourceSansPro-Regular", sans-serif
}

.text.--small {
    font: 700 10px/1.2 "SourceSansPro-Bold", sans-serif
}

@media (min-width: 320px) {
    .container {
        max-width: 100%;
        padding: 0 16px;
        margin: auto
    }
}

@media (min-width: 768px) {
    .container {
        padding: 0 40px
    }
}

@media (min-width: 1024px) {
    .container {
        padding: 0 80px
    }
}

@media (min-width: 1440px) {
    .container {
        padding: 0 100px
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1920px;
        padding: 0 200px
    }
}

@-webkit-keyframes scaling {
    0%, to {
        transform: scale(.2)
    }
    50% {
        transform: scale(1)
    }
}

@keyframes scaling {
    0%, to {
        transform: scale(.2)
    }
    50% {
        transform: scale(1)
    }
}

button {
    outline: none
}

@media (hover: hover) {
    button:hover {
        outline: none;
        cursor: pointer
    }
}

button:active, button:focus {
    outline: none
}

.button {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    transition: all .3s linear
}

@media (hover: hover) {
    .button:hover:before {
        width: 200%;
        transform: translateX(15%) skewX(-10deg)
    }
}

.button:active:before {
    width: 200%;
    transform: translateX(15%) skewX(-10deg)
}

.button:before {
    position: absolute;
    content: "";
    top: 0;
    right: 9%;
    height: 100%;
    width: 62%;
    transform: translateX(0) skewX(-10deg);
    transition: all .3s linear
}

.button__text {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.button__text.--right {
    padding-right: 28px
}

.button__icon {
    position: absolute;
    top: calc(50% - 12px);
    height: 24px;
    width: 24px;
    transition: transform .3s linear
}

.button__icon.--right {
    right: 0
}

.button__icon.--rotate180 {
    transform: rotate(180deg)
}

.button.--primary {
    background-color: #ffd84d;
    box-shadow: 4px 4px 0 #dd5e53
}

.button.--primary:active {
    box-shadow: 2px 2px 0 #dd5e53
}

.button.--primary:active:before {
    background-color: #e9b600
}

.button.--primary:before {
    background-color: #ffc700
}

.button.--primary .button__text {
    color: #344452
}

.button.--primary .button__icon path {
    fill: #344452
}

.button.--primary.--transparent {
    border: 2px solid #ffd84d
}

@media (hover: hover) {
    .button.--primary.--transparent:hover {
        border-color: #ca8500
    }
}

.button.--primary.--transparent:active {
    border-color: #8f5f00
}

.button.--primary.--transparent .button__text {
    color: #ffc700
}

.button.--primary.--transparent .button__icon path {
    fill: #ffc700
}

.button.--secondary {
    background-color: #657f96;
    box-shadow: 4px 4px 0 #000
}

.button.--secondary:active {
    box-shadow: 2px 2px 0 #000
}

.button.--secondary:active:before {
    background-color: #335471
}

.button.--secondary:before {
    background-color: #3e5f7b
}

.button.--secondary .button__text {
    color: #ffc700
}

.button.--xl {
    height: 52px;
    padding: 0 40px
}

.button.--xl .button__text {
    font: 700 20px/1.58 "SourceSansPro-Bold", sans-serif
}

.button.--xs {
    height: 36px;
    padding: 0 40px
}

.button.--xs .button__text {
    font: 700 16px/1.48 "SourceSansPro-Bold", sans-serif
}

.button.--xxs {
    height: 32px;
    padding: 0 24px
}

.button.--xxs.--right {
    padding: 0 12px 0 24px
}

.button.--xxs .button__text {
    font: 700 16px/1.48 "SourceSansPro-Bold", sans-serif
}

.button.--xxs .button__text.--right {
    padding-right: 24px
}

.button.--xxs .button__icon {
    top: calc(50% - 10px);
    height: 20px;
    width: 20px
}

.button.--right {
    padding: 0 24px 0 40px
}

.button.--wide {
    width: 100%
}

.button.--transparent {
    background-color: transparent;
    box-shadow: none
}

.button.--transparent:active {
    box-shadow: none
}

.button.--transparent:before {
    display: none
}

.link {
    position: relative;
    display: inline-block;
    margin: 0 2px;
    background: transparent;
    border: none;
    text-shadow: none;
    text-decoration: none;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    cursor: pointer;
    transition: all .3s linear
}

@media (hover: hover) {
    .link:hover {
        color: #ffc700
    }
}

.link:active {
    color: #fff
}

.link.--small {
    font: 700 12px/1.32 "SourceSansPro-Bold", sans-serif
}

.link.--normal {
    font: 700 14px/1.72 "SourceSansPro-Bold", sans-serif
}

.link.--underline {
    position: relative
}

.link.--underline:after {
    content: "";
    height: 1px;
    left: 0;
    bottom: 0;
    background: currentColor;
    position: absolute;
    width: 100%
}

.link.--primary {
    color: #ffd84d
}

@media (hover: hover) {
    .link.--primary:hover {
        color: #ffc700
    }
}

.link.--primary:active {
    color: #e9b600
}

.link.--light {
    color: #fff
}

@media (hover: hover) {
    .link.--light:hover {
        color: #ffc700
    }
}

.link.--light:active {
    color: #fff
}

.link.--secondaryTheme {
    color: #e4ecf7
}

@media (hover: hover) {
    .link.--secondaryTheme:hover {
        color: #ffc700
    }
}

.link.--secondaryTheme:active {
    color: #e4ecf7
}

* {
    -webkit-tap-highlight-color: transparent
}

@media (min-width: 1920px) {
    html {
        background-color: #1e2c37
    }

    body {
        width: 1920px;
        margin: 0 auto
    }
}

main {
    position: relative;
    color: #fff
}

@media (min-width: 1024px) {
    main {
        padding-bottom: 60px
    }
}

body {
    position: relative;
    font-family: "SourceSansPro-Bold", sans-serif;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    color: #fff;
    background-color: #1e2c37
}

body, img {
    max-width: 100%
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.popup__wrap {
    min-width: 100vw;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.popup__wrap::-webkit-scrollbar-track {
    position: absolute;
    -webkit-box-shadow: none;
    background-color: transparent
}

.popup__wrap::-webkit-scrollbar {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    background-color: transparent;
    -webkit-transition: .3s linear;
    transition: .3s linear
}

.popup__wrap::-webkit-scrollbar:horizontal {
    height: 0
}

.popup__wrap::-webkit-scrollbar-thumb, .popup__wrap:hover::-webkit-scrollbar-track {
    position: absolute;
    -webkit-box-shadow: none;
    background-color: transparent
}

.popup__wrap:hover::-webkit-scrollbar-track {
    border-radius: 10px
}

.popup__wrap:hover::-webkit-scrollbar {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 1;
    background-color: transparent
}

.popup__wrap:hover::-webkit-scrollbar-thumb {
    position: absolute;
    border-radius: 0;
    -webkit-box-shadow: none;
    background-color: transparent
}

.gameItem {
    border-radius: 4px
}

.gameItem:hover .gameItem__like, .gameItem:hover .gameItem__shadow {
    opacity: 1
}

.gameItem__wrap {
    height: inherit;
    border-radius: 6px
}

.gameItem__rtp {
    height: 16px;
    background: #c84c41;
    padding: 2px 5px;
    top: 8px;
    left: 8px;
    border-radius: 2px;
    color: #fff;
    z-index: 1
}

.gameItem__tournament {
    opacity: 1;
    bottom: 8px;
    right: 8px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    transition: all .3s linear
}

.gameItem__tournamentIcon {
    width: 20px;
    min-width: 20px;
    height: 20px;
    fill: #c84c41
}

.gameItem__shadow {
    opacity: 0;
    background: rgba(30, 44, 55, .9);
    z-index: 2;
    transition: all .3s linear
}

.gameItem__imgWrap {
    height: 0;
    padding-bottom: 75.25%;
    min-height: 100%;
    width: 100%;
    background-color: #657f96
}

@supports (aspect-ratio:auto) {
    .gameItem__imgWrap {
        min-height: 100%;
        width: 100%;
        aspect-ratio: 12/9;
        padding-bottom: 0;
        height: auto
    }
}

.gameItem__wrapBtns > :not(:last-child) {
    margin-bottom: 8px
}

.gameItem__provider {
    z-index: 1;
    width: 60px;
    height: 32px;
    top: 6px;
    right: 5px
}

.gameItem__like {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 17px;
    min-width: 17px;
    height: 17px;
    z-index: 3;
    opacity: 0;
    transition: all .3s linear
}

@media (min-width: 1440px) {
    .gameItem__like {
        top: 8px;
        right: 8px;
        width: 20px;
        min-width: 20px;
        height: 20px
    }
}

.gameItem__likeIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s linear
}

.gameItem__likeIcon.--default {
    opacity: 1
}

.gameItem__likeIcon.--active {
    opacity: 0
}

.gameItem.--vertical .gameItem__imgWrap {
    height: 0;
    padding-bottom: 75.25%;
    min-height: 100%;
    width: 100%
}

@supports (aspect-ratio:auto) {
    .gameItem.--vertical .gameItem__imgWrap {
        min-height: 100%;
        width: 100%;
        aspect-ratio: 5/8;
        padding-bottom: 0;
        height: auto
    }
}

@supports (aspect-ratio:auto) {
    .brandItem__wrap {
        min-height: 100%;
        width: 100%;
        aspect-ratio: 12/9
    }
}

@supports (aspect-ratio:auto) {
    .brandItem.--vertical .brandItem__wrap {
        aspect-ratio: 6/8
    }
}

.swiper-pagination {
    bottom: 0;
    left: 0;
    right: 0
}

.swiper-pagination.--primary .swiper-pagination-bullet {
    background: #fff;
    opacity: .3;
    z-index: 2;
    transition: all .3s linear
}

.swiper-pagination.--primary .swiper-pagination-bullet:not(:last-child) {
    margin-right: 8px
}

.swiper-pagination.--primary .swiper-pagination-bullet:hover {
    opacity: .5
}

.swiper-pagination.--primary .swiper-pagination-bullet-active {
    background: linear-gradient(180deg, #fbd50e, #ffb017 100%, #ffb017 0, #ffb017 0);
    opacity: 1
}

.swiper-pagination.--primary .swiper-pagination-bullet-active:hover {
    opacity: 1
}

.swiper-button-default-next, .swiper-button-default-prev {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    opacity: .5;
    transition: all .3s linear
}

.swiper-button-default-next:hover, .swiper-button-default-prev:hover, .swiper-button-default:hover {
    opacity: 1
}

.swiper-button-default-next:after, .swiper-button-default-prev:after, .swiper-button-default:after {
    content: "";
    position: absolute;
    pointer-events: auto;
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-color: transparent;
    background-image:  url('../../img/a3466c9dd0839ef14898c13e19431f5e.svg');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.swiper-button-default-prev {
    transform: matrix(-1, 0, 0, 1, 0, 0) translateY(-50%)
}

@media (min-width: 768px) {
    .logo[data-v-cc6a7b52] {
        width: 132px;
        height: 60px
    }
}

@media (min-width: 1024px) {
    .logo[data-v-cc6a7b52] {
        width: 154px;
        height: 70px
    }
}

.logo.--header[data-v-cc6a7b52] {
    width: 123px;
    height: 56px
}

@media (min-width: 768px) {
    .logo.--header[data-v-cc6a7b52] {
        width: 132px;
        height: 60px
    }
}

@media (min-width: 1024px) {
    .logo.--header[data-v-cc6a7b52] {
        width: 154px;
        height: 70px
    }
}
.headerNav__item[data-v-c5abfb6e]:not(:last-child) {
     margin-right: 24px
 }

@media (min-width: 1024px) {
    .headerNav__item[data-v-c5abfb6e]:not(:last-child) {
        margin-right: 16px
    }
}

@media (min-width: 1440px) {
    .headerNav__item[data-v-c5abfb6e]:not(:last-child) {
        margin-right: 14px
    }
}

.headerNav__item[data-v-c5abfb6e]:nth-child(n+3) {
    display: none
}

@media (min-width: 1440px) {
    .headerNav__item[data-v-c5abfb6e]:nth-child(n+3) {
        display: flex
    }
}

.headerNav__item[data-v-c5abfb6e]:nth-child(n+4) {
    display: none
}

@media (min-width: 1024px) {
    .headerNav__item[data-v-c5abfb6e]:nth-child(n+4) {
        display: flex
    }
}
.btnHamburger:hover .btnHamburger__icon path[data-v-61f410c9] {
     transition: all .3s linear;
     fill: #ffd84d
 }

.btnSearch:hover .btnSearch__icon path[data-v-544212fa] {
     transition: all .3s linear;
     fill: #ffd84d
 }

.languageSelector[data-v-2711a72a] {
    position: relative;
    margin-left: 10px
}

.languageSelector__choosenFlag[data-v-2711a72a] {
    position: relative;
    width: 28px;
    height: 28px
}

.languageSelector__choosenWrap[data-v-2711a72a] {
    display: flex
}

.languageSelector__dropdown[data-v-2711a72a] {
    width: 100%;
    height: 100%
}

.languageSelector__dropdown div[data-v-2711a72a]:nth-child(2) {
    overflow: hidden
}

.languageSelector__choosen[data-v-2711a72a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    cursor: pointer
}

.arrow[data-v-2711a72a] {
    display: none
}

.headerActions[data-v-0f8c9901] > :not(:first-child) {
    margin-left: 12px
}

@media (min-width: 1440px) {
    .headerActions[data-v-0f8c9901] > :not(:first-child) {
        margin-left: 20px
    }
}

.headerActions__langs[data-v-0f8c9901] {
    display: none
}

@media (min-width: 1024px) {
    .headerActions__langs[data-v-0f8c9901] {
        display: block
    }
}
.header[data-v-0554f85e] {
     height: 60px;
     background: #13212d;
     border-bottom: 1px solid #1e2c37;
     z-index: 30;
     max-width: 1920px
 }

@media (min-width: 1024px) {
    .header__container[data-v-0554f85e] {
        padding: 0 40px
    }
}

@media (min-width: 1440px) {
    .header__container[data-v-0554f85e] {
        padding: 0 100px
    }
}

@media (min-width: 1920px) {
    .header__container[data-v-0554f85e] {
        padding: 0 200px
    }
}

.header__logo[data-v-0554f85e] {
    position: relative;
    height: 100%;
    top: 6px
}

@media (min-width: 1024px) {
    .header__logo[data-v-0554f85e] {
        position: absolute;
        top: 14px;
        left: 50%;
        transform: translateX(-50%)
    }
}

.header__burger[data-v-0554f85e] {
    margin-right: 16px
}

@media (min-width: 540px) {
    .header__burger[data-v-0554f85e] {
        margin-right: 20px
    }
}

@media (min-width: 1440px) {
    .header__burger[data-v-0554f85e] {
        margin-right: 60px
    }
}
.footerAffiliates[data-v-8e8d524a] {
     grid-gap: 10px;
     padding: 20px 0
 }

.footerAffiliates__item[data-v-8e8d524a] {
    width: 64px;
    height: 30px
}

@media (min-width: 768px) {
    .footerAffiliates__item[data-v-8e8d524a] {
        width: 46px;
        height: 22px
    }
}

@media (min-width: 1024px) {
    .footerAffiliates__item[data-v-8e8d524a] {
        width: 58px;
        height: 28px
    }
}

@media (min-width: 1440px) {
    .footerAffiliates__item[data-v-8e8d524a] {
        width: 78px;
        height: 38px
    }
}

@media (min-width: 1920px) {
    .footerAffiliates__item[data-v-8e8d524a] {
        width: 84px;
        height: 40px
    }
}

.footerAffiliates__link[data-v-8e8d524a] {
    text-decoration: none
}
.footerPayments[data-v-0896f005] {
     margin: 0;
     padding: 20px 0;
     list-style: none;
     flex-wrap: wrap
 }

.footerPayments__item[data-v-0896f005] {
    padding: 0 4px;
    width: 50px;
    height: 24px
}

@media (min-width: 768px) {
    .footerPayments__item[data-v-0896f005] {
        width: 64px;
        height: 30px
    }
}

@media (min-width: 1024px) {
    .footerPayments__item[data-v-0896f005] {
        width: 80px
    }
}

@media (min-width: 1440px) {
    .footerPayments__item[data-v-0896f005] {
        width: 86px
    }
}
.footerEmblems[data-v-5c6dc8a6] {
     min-width: 210px;
     justify-content: center
 }

@media (min-width: 768px) {
    .footerEmblems[data-v-5c6dc8a6] {
        justify-content: flex-start
    }
}

.footerEmblems__18[data-v-5c6dc8a6] {
    width: 38px;
    min-width: 38px;
    height: 38px;
    font-family: "SourceSansPro-Bold", sans-serif;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff
}

.footerEmblems__item[data-v-5c6dc8a6] {
    margin-right: 22px
}

.footerEmblems__item[data-v-5c6dc8a6]:last-child {
    margin: 0
}

.footer__container[data-v-e4168de4] {
     max-width: 1640px
 }

.footer[data-v-e4168de4] {
    background: #13212d;
    flex-shrink: 0;
    padding: 28px 0;
    z-index: 20
}

@media (min-width: 768px) {
    .footer[data-v-e4168de4] {
        padding: 40px 0
    }
}

@media (min-width: 1024px) {
    .footer[data-v-e4168de4] {
        padding: 48px 0
    }
}

.footer__text[data-v-e4168de4] {
    color: rgba(228, 236, 247, .6);
    padding: 20px 0 16px
}

@media (min-width: 540px) {
    .footer__text[data-v-e4168de4] {
        padding: 24px 0 16px
    }
}

@media (min-width: 1024px) {
    .footer__text[data-v-e4168de4] {
        padding: 28px 0 16px
    }
}

@media (min-width: 1440px) {
    .footer__text[data-v-e4168de4] {
        padding: 28px 0
    }
}

@media (min-width: 768px) {
    .footer__info-block[data-v-e4168de4] {
        width: 33.33%
    }
}

.footer__copyright[data-v-e4168de4] {
    color: rgba(228, 236, 247, .6);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (min-width: 540px) {
    .footer__copyright[data-v-e4168de4] {
        width: 100%;
        text-align: center
    }
}

@media (min-width: 768px) {
    .footer__copyright[data-v-e4168de4] {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        text-align: right
    }
}

.footer__hr[data-v-e4168de4] {
    width: 100%;
    height: 1px;
    background-color: #414141
}
.sideMenu[data-v-4e543798] {
     color: #fff;
     width: 308px;
     background: #1e2c37;
     height: calc(var(--vh) * 100);
     z-index: 53
 }

.overlay[data-v-4822a920] {
     z-index: 40;
     background: rgba(11, 21, 29, .9);
     opacity: 0;
     visibility: hidden;
     transition: all .3s linear
 }
@-webkit-keyframes loader-animation-rotate-data-v-590e0270 {
           0% {
               transform: rotate(0)
           }
           to {
               transform: rotate(1turn)
           }
       }

@keyframes loader-animation-rotate-data-v-590e0270 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}
@-webkit-keyframes animate-box-data-v-16c48668 {
           0% {
               transform: rotate3d(1, 1, 1, -15deg)
           }
           to {
               transform: rotate3d(1, 1, 1, 15deg)
           }
       }

@keyframes animate-box-data-v-16c48668 {
    0% {
        transform: rotate3d(1, 1, 1, -15deg)
    }
    to {
        transform: rotate3d(1, 1, 1, 15deg)
    }
}

.Vue-Toastification__container {
     z-index: 9999;
     position: fixed;
     padding: 4px;
     width: 600px;
     box-sizing: border-box;
     display: flex;
     min-height: 100%;
     color: #fff;
     flex-direction: column;
     pointer-events: none
 }

@media only screen and (min-width: 600px) {
    .Vue-Toastification__container.top-center, .Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right {
        top: 1em
    }

    .Vue-Toastification__container.bottom-center, .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right {
        bottom: 1em;
        flex-direction: column-reverse
    }

    .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.top-left {
        left: 1em
    }

    .Vue-Toastification__container.bottom-right, .Vue-Toastification__container.top-right {
        right: 1em
    }

    .Vue-Toastification__container.bottom-center, .Vue-Toastification__container.top-center {
        left: 50%;
        margin-left: -300px
    }
}

@media only screen and (max-width: 600px) {
    .Vue-Toastification__container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Vue-Toastification__container.top-center, .Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right {
        top: 0
    }

    .Vue-Toastification__container.bottom-center, .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right {
        bottom: 0;
        flex-direction: column-reverse
    }
}

@-webkit-keyframes scale-x-frames {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

@keyframes scale-x-frames {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@-webkit-keyframes bounceOutRight {
    40% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(1000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    40% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(1000px, 0, 0)
    }
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

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

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

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes fadeOutTop {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(-50px);
        opacity: 0
    }
}

@keyframes fadeOutTop {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(-50px);
        opacity: 0
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(-50px);
        opacity: 0
    }
}

@keyframes fadeOutLeft {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(-50px);
        opacity: 0
    }
}

@-webkit-keyframes fadeOutBottom {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(50px);
        opacity: 0
    }
}

@keyframes fadeOutBottom {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(50px);
        opacity: 0
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(50px);
        opacity: 0
    }
}

@keyframes fadeOutRight {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(50px);
        opacity: 0
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        transform: translateX(-50px);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeInLeft {
    0% {
        transform: translateX(-50px);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        transform: translateX(50px);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        transform: translateX(50px);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInTop {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInTop {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInBottom {
    0% {
        transform: translateY(50px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        transform: translateY(50px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slideInBlurredLeft {
    0% {
        transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }
    to {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredLeft {
    0% {
        transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }
    to {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slideInBlurredTop {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 0;
        filter: blur(240px);
        opacity: 0
    }
    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredTop {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 0;
        filter: blur(240px);
        opacity: 0
    }
    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slideInBlurredRight {
    0% {
        transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 0 50%;
        filter: blur(40px);
        opacity: 0
    }
    to {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredRight {
    0% {
        transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 0 50%;
        filter: blur(40px);
        opacity: 0
    }
    to {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slideInBlurredBottom {
    0% {
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }
    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredBottom {
    0% {
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }
    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slideOutBlurredTop {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 0;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateY(-1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 0;
        filter: blur(240px);
        opacity: 0
    }
}

@keyframes slideOutBlurredTop {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 0;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateY(-1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 0;
        filter: blur(240px);
        opacity: 0
    }
}

@-webkit-keyframes slideOutBlurredBottom {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateY(1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }
}

@keyframes slideOutBlurredBottom {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateY(1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }
}

@-webkit-keyframes slideOutBlurredLeft {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateX(-1000px) scaleX(2) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes slideOutBlurredLeft {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateX(-1000px) scaleX(2) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }
}

@-webkit-keyframes slideOutBlurredRight {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateX(1000px) scaleX(2) scaleY(.2);
        transform-origin: 0 50%;
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes slideOutBlurredRight {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateX(1000px) scaleX(2) scaleY(.2);
        transform-origin: 0 50%;
        filter: blur(40px);
        opacity: 0
    }
}
:root {
     --swiper-theme-color: #007aff
 }

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

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

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

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

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}
.baseBackground[data-v-5da95918] {
     background-color: #1e2c37;
     z-index: -2
 }

.mainSliderItem[data-v-68ea0da8] {
     width: 100%;
     min-width: 100%;
     height: 487px;
     padding-bottom: 10px
 }

@media (min-width: 540px) {
    .mainSliderItem[data-v-68ea0da8] {
        height: 587px
    }
}

@media (min-width: 768px) {
    .mainSliderItem[data-v-68ea0da8] {
        height: 400px
    }
}

@media (min-width: 1024px) {
    .mainSliderItem[data-v-68ea0da8] {
        height: 536px
    }
}

.mainSliderItem[data-v-68ea0da8]:before {
    display: none;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .8;
    background: linear-gradient(180deg, rgba(30, 44, 55, 0), #1e2c37)
}

@media (min-width: 768px) {
    .mainSliderItem[data-v-68ea0da8]:before {
        display: block;
        z-index: 11
    }
}

@media (min-width: 1440px) {
    .mainSliderItem[data-v-68ea0da8]:before {
        z-index: -1
    }
}

.mainSliderItem__bg[data-v-68ea0da8] {
    height: 325px;
    background-position: -100px
}

@media (min-width: 540px) {
    .mainSliderItem__bg[data-v-68ea0da8] {
        height: 370px;
        background-position: -175px
    }
}

@media (min-width: 768px) {
    .mainSliderItem__bg[data-v-68ea0da8] {
        background-position: -222px
    }
}

@media (min-width: 1024px) {
    .mainSliderItem__bg[data-v-68ea0da8] {
        background-position: 0 0
    }
}

@media (min-width: 1440px) {
    .mainSliderItem__bg[data-v-68ea0da8] {
        height: 85%
    }
}

@media (min-width: 1920px) {
    .mainSliderItem__bg[data-v-68ea0da8] {
        height: 100%
    }

    .mainSliderItem__container[data-v-68ea0da8] {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 100px
    }
}

.mainSliderItem__content[data-v-68ea0da8] {
    position: relative;
    justify-content: flex-end
}

@media (min-width: 768px) {
    .mainSliderItem__content[data-v-68ea0da8] {
        justify-content: center;
        padding: 70px 0 65px
    }
}

@media (min-width: 1024px) {
    .mainSliderItem__content[data-v-68ea0da8] {
        padding: 105px 0
    }
}

.mainSliderItem__title[data-v-68ea0da8] {
    font-size: 28px;
    color: #fff;
    margin: 0 auto 12px
}

@media (min-width: 540px) {
    .mainSliderItem__title[data-v-68ea0da8] {
        font-size: 32px;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .mainSliderItem__title[data-v-68ea0da8] {
        margin: 0;
        text-align: left;
        font-size: 26px
    }
}

@media (min-width: 1024px) {
    .mainSliderItem__title[data-v-68ea0da8] {
        font-size: 30px
    }
}

.mainSliderItem__text[data-v-68ea0da8] {
    margin-bottom: 12px;
    text-align: center;
    color: #fff;
    font: 600 32px/1.3 "SourceSansPro-Semibold", sans-serif
}

@media (min-width: 540px) {
    .mainSliderItem__text[data-v-68ea0da8] {
        font: 700 36px/1.22 "SourceSansPro-Bold", sans-serif
    }
}

@media (min-width: 768px) {
    .mainSliderItem__text[data-v-68ea0da8] {
        text-align: left;
        font-size: 30px
    }
}

@media (min-width: 1024px) {
    .mainSliderItem__text[data-v-68ea0da8] {
        font-size: 40px;
        line-height: 1.24;
        margin-bottom: 18px
    }
}

.mainSliderItem__text[data-v-68ea0da8]:first-of-type {
    position: relative;
    display: inline-block;
    color: #ffd84d;
    padding: 0 4px;
    font: italic 900 36px/1.12 "Montserrat-Black", sans-serif;
    margin: 0 auto 12px
}

@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text) {
    .mainSliderItem__text[data-v-68ea0da8]:first-of-type {
        background: radial-gradient(52.53% 52.53% at 48.98% 31.65%, hsla(0, 0%, 100%, .54) 0, hsla(0, 0%, 100%, 0) 100%), linear-gradient(180deg, #fbd50e, #ffb017 100%, #ffb017 0, #ffb017 0);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-box-decoration-break: clone
    }
}

.mainSliderItem__text[data-v-68ea0da8]:first-of-type:before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    padding: 0 4px;
    text-shadow: 0 3px 0 #dc635d
}

@media (min-width: 540px) {
    .mainSliderItem__text[data-v-68ea0da8]:first-of-type {
        font-size: 48px;
        line-height: 1.16
    }
}

@media (min-width: 768px) {
    .mainSliderItem__text[data-v-68ea0da8]:first-of-type {
        margin: 0 0 12px;
        font-size: 35px;
        max-width: 500px
    }
}

@media (min-width: 1024px) {
    .mainSliderItem__text[data-v-68ea0da8]:first-of-type {
        line-height: 1.24;
        font-size: 45px;
        max-width: 550px
    }
}

@media (min-width: 1440px) {
    .mainSliderItem__text[data-v-68ea0da8]:first-of-type {
        font-size: 50px;
        max-width: 700px
    }
}

.mainSliderItem__btn[data-v-68ea0da8] {
    margin: 12px auto 0;
    min-width: 184px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%
}

.mainSliderItem__btn[data-v-68ea0da8]:last-child {
    margin-top: 22px
}

@media (min-width: 540px) {
    .mainSliderItem__btn[data-v-68ea0da8]:last-child {
        margin-top: 40px
    }
}

@media (min-width: 768px) {
    .mainSliderItem__btn[data-v-68ea0da8] {
        width: auto;
        margin: auto 0 0
    }

    .mainSliderItem__btn[data-v-68ea0da8]:last-child {
        margin-left: 17px
    }
}

@media (min-width: 1024px) {
    .mainSliderItem__btn[data-v-68ea0da8] {
        height: 60px
    }

    .mainSliderItem__btn[data-v-68ea0da8]:last-child {
        margin-left: 30px
    }
}

.mainSliderItem__btn[data-v-68ea0da8] .button {
    margin: 0 auto
}

@media (min-width: 768px) {
    .mainSliderItem__btn[data-v-68ea0da8] .button {
        margin: 0 auto 0 0
    }
}

@media (min-width: 1024px) {
    .mainSliderItem__btn[data-v-68ea0da8] .button {
        height: 60px
    }
}

.mainSliderItem__imgWrap[data-v-68ea0da8] {
    position: absolute;
    width: 406px;
    height: 258px;
    top: 28px;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width: 540px) {
    .mainSliderItem__imgWrap[data-v-68ea0da8] {
        width: 502px;
        height: 320px
    }
}

@media (min-width: 768px) {
    .mainSliderItem__imgWrap[data-v-68ea0da8] {
        top: 50%;
        left: auto;
        right: -28px;
        transform: translateX(0) translateY(-50%)
    }
}

@media (min-width: 1024px) {
    .mainSliderItem__imgWrap[data-v-68ea0da8] {
        width: 660px;
        height: 420px;
        right: -68px
    }
}

@media (min-width: 1440px) {
    .mainSliderItem__imgWrap[data-v-68ea0da8] {
        right: 0
    }
}

@media (min-width: 1920px) {
    .mainSliderItem__imgWrap[data-v-68ea0da8] {
        right: 100px
    }
}

.mainSliderItem__imgWrap[data-v-68ea0da8]:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 170px;
    z-index: 2;
    background: linear-gradient(180deg, rgba(30, 44, 55, 0), #1e2c37)
}

@media (min-width: 768px) {
    .mainSliderItem__imgWrap[data-v-68ea0da8]:before {
        display: none
    }
}

.mainSlider {
     margin-bottom: 25px;
     padding-bottom: 36px;
     min-height: 487px
 }

@media (min-width: 540px) {
    .mainSlider {
        margin-bottom: 20px;
        padding-bottom: 50px;
        min-height: 587px
    }
}

@media (min-width: 768px) {
    .mainSlider {
        padding-bottom: 0;
        margin-bottom: 0;
        min-height: 470px
    }
}

@media (min-width: 1440px) {
    .mainSlider {
        min-height: 580px
    }
}

.mainSlider__btn {
    display: none
}

@media (min-width: 1024px) {
    .mainSlider__btn {
        display: block
    }
}

.mainSlider__btn.--prev {
    left: 24px
}

@media (min-width: 1440px) {
    .mainSlider__btn.--prev {
        left: 40px
    }
}

@media (min-width: 1920px) {
    .mainSlider__btn.--prev {
        left: 200px
    }
}

.mainSlider__btn.--next {
    right: 24px
}

@media (min-width: 1440px) {
    .mainSlider__btn.--next {
        right: 40px
    }
}

@media (min-width: 1920px) {
    .mainSlider__btn.--next {
        right: 200px
    }
}

@media (min-width: 768px) {
    .mainSlider__pagination {
        bottom: 20px
    }
}

@media (min-width: 1024px) {
    .mainSlider__pagination {
        bottom: 32px
    }
}

.mainSlider .mainSlider__vpnImg {
    height: 60px;
    width: 60px;
    top: inherit;
    left: 0;
    bottom: 40px;
    z-index: 1
}

@media (min-width: 360px) {
    .mainSlider .mainSlider__vpnImg {
        left: 4px
    }
}

@media (min-width: 540px) {
    .mainSlider .mainSlider__vpnImg {
        height: 70px;
        width: 70px;
        left: 30px;
        bottom: 50px
    }
}

@media (min-width: 768px) {
    .mainSlider .mainSlider__vpnImg {
        left: 40px;
        bottom: 40px
    }
}

@media (min-width: 1024px) {
    .mainSlider .mainSlider__vpnImg {
        left: 80px;
        bottom: 25px
    }
}

@media (min-width: 1440px) {
    .mainSlider .mainSlider__vpnImg {
        height: 100px;
        width: 100px;
        left: 100px;
        bottom: 10px
    }
}

@media (min-width: 1920px) {
    .mainSlider .mainSlider__vpnImg {
        left: 340px
    }
}

.ac-intersection-observer-wrapper {
     position: relative;
     display: flex;
     min-width: 1px;
     min-height: 1px
 }

.ac-intersection-observer-emitter {
    position: absolute;
    display: block;
    min-width: 1px;
    min-height: 1px;
    visibility: hidden
}
.categoriesMain__nav[data-v-ba568994] {
     padding: 0 0 16px;
     margin: 0 0 16px;
     -ms-overflow-style: none;
     scrollbar-width: none
 }

.categoriesMain__nav[data-v-ba568994]::-webkit-scrollbar-track {
    position: absolute;
    -webkit-box-shadow: none;
    background-color: transparent
}

.categoriesMain__nav[data-v-ba568994]::-webkit-scrollbar {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    background-color: transparent;
    -webkit-transition: .3s linear;
    transition: .3s linear
}

.categoriesMain__nav[data-v-ba568994]::-webkit-scrollbar:horizontal {
    height: 0
}

.categoriesMain__nav[data-v-ba568994]::-webkit-scrollbar-thumb, .categoriesMain__nav[data-v-ba568994]:hover::-webkit-scrollbar-track {
    position: absolute;
    -webkit-box-shadow: none;
    background-color: transparent
}

.categoriesMain__nav[data-v-ba568994]:hover::-webkit-scrollbar-track {
    border-radius: 10px
}

.categoriesMain__nav[data-v-ba568994]:hover::-webkit-scrollbar {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 1;
    background-color: transparent
}

.categoriesMain__nav[data-v-ba568994]:hover::-webkit-scrollbar-thumb {
    position: absolute;
    border-radius: 0;
    -webkit-box-shadow: none;
    background-color: transparent
}

.categoriesMain__list[data-v-ba568994] {
    padding: 0 16px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .categoriesMain__list[data-v-ba568994] {
        padding: 0 40px
    }
}

@media (min-width: 1024px) {
    .categoriesMain__list[data-v-ba568994] {
        padding: 0 80px
    }
}

@media (min-width: 1440px) {
    .categoriesMain__list[data-v-ba568994] {
        padding: 0 100px
    }
}

@media (min-width: 1920px) {
    .categoriesMain__list[data-v-ba568994] {
        padding: 0 200px
    }
}

.categoriesMain__item[data-v-ba568994] {
    max-width: 76px
}

@media (min-width: 1024px) {
    .categoriesMain__item[data-v-ba568994] {
        min-width: 100px
    }
}

.categoriesMain__item[data-v-ba568994]:not(:last-of-type) {
    margin-right: 16px
}

@media (min-width: 768px) {
    .categoriesMain__item[data-v-ba568994]:not(:last-of-type) {
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .categoriesMain__item[data-v-ba568994]:not(:last-of-type) {
        margin-right: 28px
    }
}

@media (min-width: 1440px) {
    .categoriesMain__item[data-v-ba568994]:not(:last-of-type) {
        margin-right: 24px
    }
}

@media (min-width: 1920px) {
    .categoriesMain__item[data-v-ba568994]:not(:last-of-type) {
        margin-right: 22px
    }
}

.categoriesMain__link:hover .categoriesMain__itemTop[data-v-ba568994] {
    background: #335471;
    border: 2px solid #335471
}


.categoriesMain__itemTop[data-v-ba568994] {
    background: #344452;
    border: 2px solid #344452;
    border-radius: 4px;
    min-width: 76px;
    max-width: 76px;
    min-height: 76px;
    max-height: 76px;
    transition: all .3s linear
}

@media (min-width: 1024px) {
    .categoriesMain__itemTop[data-v-ba568994] {
        min-width: 100px;
        max-width: 100px;
        min-height: 100px;
        max-height: 100px;
        width: 100%
    }
}

.categoriesMain__imgWrap[data-v-ba568994] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(calc(-50% + 2px));
    pointer-events: none;
    min-width: 76px;
    max-width: 76px;
    min-height: 76px;
    max-height: 76px
}

@media (min-width: 1024px) {
    .categoriesMain__imgWrap[data-v-ba568994] {
        min-width: 100px;
        max-width: 100px;
        min-height: 100px;
        max-height: 100px;
        width: 100%
    }
}

.categoriesMain__name[data-v-ba568994] {
    color: #fff
}
.bannerMini[data-v-c47b2e24] {
     background-color: #13212d;
     border-radius: 8px;
     background-image: url('../../img/bg.a132f87.webp');
     padding: 12px 20px 20px
 }

@media (min-width: 540px) {
    .bannerMini[data-v-c47b2e24] {
        padding: 18px 16px
    }
}

@media (min-width: 768px) {
    .bannerMini[data-v-c47b2e24] {
        padding: 32px 32px 40px
    }
}

@media (min-width: 1024px) {
    .bannerMini[data-v-c47b2e24] {
        padding: 28px 24px 26px
    }
}

@media (min-width: 1440px) {
    .bannerMini[data-v-c47b2e24] {
        padding: 28px
    }
}

@media (min-width: 1920px) {
    .bannerMini[data-v-c47b2e24] {
        padding: 20px 30px 30px
    }
}

.bannerMini[data-v-c47b2e24]:before {
    content: "";
    position: absolute;
    bottom: -46px;
    left: 0;
    width: 400px;
    height: 175px;
    background-image: url('../../img/lights.e81270a.webp');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media (min-width: 768px) {
    .bannerMini[data-v-c47b2e24]:before {
        bottom: 46px
    }
}

@media (min-width: 1024px) {
    .bannerMini[data-v-c47b2e24]:before {
        bottom: -119px
    }
}

@media (min-width: 1440px) {
    .bannerMini[data-v-c47b2e24]:before {
        bottom: -36px
    }
}

@media (min-width: 1920px) {
    .bannerMini[data-v-c47b2e24]:before {
        bottom: 26px
    }
}

.bannerMini__title[data-v-c47b2e24] {
    margin-bottom: 32px
}

@media (min-width: 540px) {
    .bannerMini__title[data-v-c47b2e24] {
        margin-bottom: 12px
    }
}

@media (min-width: 768px) {
    .bannerMini__title[data-v-c47b2e24] {
        font-size: 18px;
        margin-bottom: 22px
    }
}

@media (min-width: 1024px) {
    .bannerMini__title[data-v-c47b2e24] {
        margin-bottom: 26px
    }
}

@media (min-width: 1440px) {
    .bannerMini__title[data-v-c47b2e24] {
        font-size: 24px;
        margin-bottom: 0
    }
}

@media (min-width: 1920px) {
    .bannerMini__title[data-v-c47b2e24] {
        margin-bottom: 20px
    }
}

.bannerMini__subtitle[data-v-c47b2e24] {
    padding-left: 24px
}

.bannerMini__subtitle[data-v-c47b2e24]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-image: url("../../img/29017d29af5e6476da76d43b3e4e5c63.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.bannerMini__imgWrap[data-v-c47b2e24] {
    width: 100%;
    min-height: 58px
}

@media (min-width: 540px) {
    .bannerMini__imgWrap[data-v-c47b2e24] {
        min-height: 64px
    }
}

@media (min-width: 768px) {
    .bannerMini__imgWrap[data-v-c47b2e24] {
        min-height: 84px
    }
}

@media (min-width: 1024px) {
    .bannerMini__imgWrap[data-v-c47b2e24] {
        display: none
    }
}

@media (min-width: 1440px) {
    .bannerMini__imgWrap[data-v-c47b2e24] {
        display: block;
        min-height: 78px
    }
}

@media (min-width: 1920px) {
    .bannerMini__imgWrap[data-v-c47b2e24] {
        min-height: 96px
    }
}

.bannerMini__btn[data-v-c47b2e24] {
    margin: 0 auto;
    max-width: 228px
}
@supports ((height:-webkit-fit-content) or (height:-moz-fit-content) or (height:fit-content)) {
    .mainFeaturedGames__list[data-v-215ed200] {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

@supports not ((height:-webkit-fit-content) or (height:-moz-fit-content) or (height:fit-content)) {
    .mainFeaturedGames__list[data-v-215ed200] {
        height: auto
    }
}

.mainFeaturedGames[data-v-215ed200] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    color: #fff
}

.mainFeaturedGames__list[data-v-215ed200] {
    display: grid;
    grid-gap: 16px;
    grid-template-rows:repeat(5, 1fr);
    grid-template-columns:repeat(2, 1fr)
}

@media (min-width: 540px) {
    .mainFeaturedGames__list[data-v-215ed200] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1024px) {
    .mainFeaturedGames__list[data-v-215ed200] {
        grid-template-columns:repeat(6, 1fr);
        grid-template-rows:repeat(3, 1fr);
        grid-gap: 20px
    }
}

@media (min-width: 1280px) {
    .mainFeaturedGames__list[data-v-215ed200] {
        grid-gap: 16px
    }
}

.mainFeaturedGames__item[data-v-215ed200]:nth-child(n+7) {
    display: none
}

@media (min-width: 540px) {
    .mainFeaturedGames__item[data-v-215ed200]:nth-child(n+7) {
        display: block
    }

    .mainFeaturedGames__item[data-v-215ed200]:nth-child(n+15) {
        display: none
    }
}

.mainFeaturedGames__item.--medium[data-v-215ed200] {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 6
}

@media (min-width: 540px) {
    .mainFeaturedGames__item.--medium[data-v-215ed200] {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 5
    }
}

@media (min-width: 1024px) {
    .mainFeaturedGames__item.--medium[data-v-215ed200] {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 4
    }
}

.mainFeaturedGames__item.--big[data-v-215ed200] {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 4
}

@media (min-width: 540px) {
    .mainFeaturedGames__item.--big[data-v-215ed200] {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-end: 5
    }
}

@media (min-width: 1024px) {
    .mainFeaturedGames__item.--big[data-v-215ed200] {
        grid-column-start: 5;
        grid-column-end: 7;
        grid-row-start: 1;
        grid-row-end: 3
    }
}

.mainFeaturedGames__btn[data-v-215ed200] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@supports not (((-webkit-line-clamp:2) or (-ms-line-clamp:2)) and (display:-webkit-box) and (-webkit-box-orient:vertical)) {
    .gameItemPlay__name[data-v-a879d128] {
        white-space: nowrap
    }
}

@supports ((-webkit-line-clamp:2) or (-ms-line-clamp:2)) and (display:-webkit-box) and (-webkit-box-orient:vertical) {
    .gameItemPlay__name[data-v-a879d128] {
        word-wrap: break-word;
        display: -webkit-box;
        -ms-line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }
}

@-webkit-keyframes fadein {
           0% {
               opacity: 0
           }
           to {
               opacity: 1
           }
       }

@keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.home[data-v-44c8d056] {
     padding-top: 60px;
     padding-bottom: 0
 }

@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text) {
    .gameSliderItem__text[data-v-6ebf03f5]:first-of-type {
        background: radial-gradient(52.53% 52.53% at 48.98% 31.65%, hsla(0, 0%, 100%, .54) 0, hsla(0, 0%, 100%, 0) 100%), linear-gradient(180deg, #fbd50e, #ffb017 100%, #ffb017 0, #ffb017 0);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-box-decoration-break: clone
    }
}

@supports (aspect-ratio:auto) {
    .ratio4by3 .gameControl__controlWrap {
        max-width: 930px
    }

    @media (min-width: 1920px) {
        .ratio4by3 .gameControl__controlWrap {
            max-width: 923px
        }
    }.gameControl__controlWrap {
         max-width: 1240px;
         width: 100%
     }

    @media (min-width: 1920px) {
        .gameControl__controlWrap {
            max-width: 1520px
        }
    }
}

@supports (aspect-ratio:auto) {
    .ratio16by9 .gamePlay__wrapFrame[data-v-ebcb3ab4] {
        max-height: 700px;
        aspect-ratio: 16/9
    }

    @media (max-height: 860px) {
        .ratio16by9 .gamePlay__wrapFrame[data-v-ebcb3ab4] {
            max-height: 570px
        }
    }@media (max-height: 754px) {
    .ratio16by9 .gamePlay__wrapFrame[data-v-ebcb3ab4] {
        max-height: 480px
    }

}@media (max-height: 670px) {
    .ratio16by9 .gamePlay__wrapFrame[data-v-ebcb3ab4] {
        max-height: 380px
    }
}.ratio4by3 .gamePlay__wrapFrame[data-v-ebcb3ab4] {
     max-height: 680px;
     aspect-ratio: 4/3
 }

    @media (max-height: 860px) {
        .ratio4by3 .gamePlay__wrapFrame[data-v-ebcb3ab4] {
            max-height: 540px
        }
    }@media (max-height: 754px) {
    .ratio4by3 .gamePlay__wrapFrame[data-v-ebcb3ab4] {
        max-height: 450px
    }
}@media (max-height: 670px) {
    .ratio4by3 .gamePlay__wrapFrame[data-v-ebcb3ab4] {
        max-height: 390px
    }
}
}
.sf-hidden {
    display: none !important
}

img[src="data:,"], source[src="data:,"] {
    display: none !important
}


#wp-admin-bar-aioseo-main .ab-item {
    display: flex !important;
    align-items: center;
}

#wpadminbar #wp-admin-bar-aioseo-main .aioseo-logo.svg {
    height: 21px !important;
}

.s-block-content {
    height: auto;
    overflow: hidden;
    position: relative;
    max-height: 700px;
    color: #ffffff;
}

.s-block-content.height-auto {
    max-height: none !important;
}

.s-block-content.toggle-active:before {
    display: block;
}

.s-block-content:before {
    display: none;
    bottom: 0;
    box-shadow: 0 0 20px 25px #1e2c37;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.s-block-content.toggle-active:before {
    display: block;
}

.description li {
    list-style: none;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    line-height: 1rem;
    font-weight: 400;
    padding-left: 0.75rem;
    position: relative;
    color: #ffffff;
}

.description li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #ffffff;
}

.nav_menu li {
    font-size: 18px;
    list-style: none;
    margin: 0;
}

.description p {
    margin: 10px 0;
    color: #ffffff;
    line-height: 22px;
    text-align: justify;
}

.description h2 {
    padding: 8px;
}

.description a {
    color: #ffc700;
}

.nav_menu, .dropdown_nav_menu {
    margin-left: 0;
    list-style: none;
    padding: 15px;
    border: 1px solid var(--color-sidebar-line);
    box-sizing: border-box;
    white-space: normal;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.nav_menu li, .dropdown_nav_menu li {
    margin-bottom: 10px;
}

.nav_menu a {
    text-decoration:none;
    font-size: 1rem;
}

table td {
    padding: 5px;
    border: 1px solid #ffffff;
    font-size: 14px;
}

.ref_button {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
    font-size: 1.05em;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 2.5em;
    padding: 0 2em;
    padding-top: 1px;

    margin: 10px 0.3em;
    background-color: transparent;
    color: #ffc700;
    border: 2px solid #ffd84d;
}

.ref_button:hover , .desc__more .btn--primary:hover {
    border-color: #ca8500;
}

.btn--more {
    color: #344452;
    font: 700 16px / 1.48 "SourceSansPro-Bold", sans-serif;
    margin: 0 auto;
    display: block;
}

.wrapper {
    margin-bottom: 40px;
}

.--signInMob , .--signUpMob {
    display: none;
}

@media (max-width: 768px) {
    .--signInMob , .--signUpMob {
        display: block;
    }

    .--signIn , .--signUp {
        display: none;
    }

    .button.--empty {
        padding: 0;
    }

    .button.--xxs .button__text.--empty {
        padding: 16px;
    }

    .button.--xxs .button__text.--empty .button__icon {
        top: calc(50% - 10px);
        left: calc(50% - 10px);
    }

    .button.--secondary .button__icon path {
        fill: #ffc700;
    }
}