.container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

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

.container-fluid {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

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

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

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

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

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

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

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

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    touch-action: pan-x
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-wrapper-centered {
    justify-content: center
}

.swiper-wrapper-centered > :last-child {
    margin-right: 0 !important
}

.swiper-button-lock, .swiper-pagination-lock {
    display: none !important
}

.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger.is-active:hover, .hamburger:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #fff
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after, .hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 10px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner:after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger {
    line-height: 0;
    -webkit-transform: scale(.65);
    transform: scale(.65)
}

@media (min-width: 768px) {
    .hamburger {
        -webkit-transform: none;
        transform: none
    }
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    overflow: hidden;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-mask, .simplebar-offset {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    overflow: auto;
    max-width: 100%;
    max-height: 100%
}

.simplebar-content:after, .simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    z-index: -1
}

.simplebar-height-auto-observer, .simplebar-track {
    position: absolute;
    overflow: hidden;
    pointer-events: none
}

.simplebar-track {
    z-index: 1;
    right: 0;
    bottom: 0
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background-color: #ff2c9c;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: .5;
    transition: opacity .2s linear
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    opacity: .8;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

main {
    display: block
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

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

body {
    position: relative;
    min-height: 100vh;
    /*padding-top: 15px;*/
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.75;
    color: #fff;
    background-color: #05122b;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle 50vw at 100% 0, #00fefe, transparent), radial-gradient(circle 50vw at 20% 25vw, #9b00cc, transparent), linear-gradient(180deg, #3f007e, #502cba 25vw, #142e61 50vw);
}


@media (min-width: 768px) {
    /*body {*/
    /*    padding-top: 30px*/
    /*}*/
}

@media (min-width: 1200px) {
    /*body {*/
    /*    padding-top: 40px*/
    /*}*/
}

a {
    color: currentColor;
    text-decoration: none;
    transition: color .2s ease-out
}

a:focus {
    outline: none
}

a[href^="mailto:"], a[href^="tel:"] {
    white-space: nowrap
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: 0;
    font-size: inherit;
    font-weight: inherit
}

small {
    font-size: 70%;
    display: inline-block
}

dl, ol, p, ul {
    margin: 0
}

ol, ul {
    padding-left: 0;
    list-style: none
}

dd {
    margin-left: 0
}

img, svg {
    vertical-align: middle;
    max-width: 100%
}

hr {
    height: 1px;
    border: none;
    background-color: #00aee5
}

blockquote {
    margin: 0
}

table {
    width: 100%;
    border-collapse: collapse
}

table td, table th {
    vertical-align: middle;
    text-align: left
}

.content .hero, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .h1, .h2, .h3, .h4, .h5, .h6, .hero {
    font-weight: 700
}

.content .hero, .hero {
    font-size: 2.8125rem;
    line-height: 1.24444
}

@media (min-width: 768px) {
    .content .hero, .hero {
        font-size: 5.625rem;
        line-height: 1.24444
    }
}

.content h1, .h1 {
    font-size: 1.875rem;
    line-height: 1.86667
}

@media (min-width: 768px) {
    .content h1, .h1 {
        font-size: 3.125rem;
        line-height: 1.68
    }
}

.content h2, .h2 {
    font-size: 1.5rem;
    line-height: 1.16667
}

@media (min-width: 768px) {
    .content h2, .h2 {
        font-size: 2.5rem;
        line-height: 1.4
    }
}

.content h3, .h3 {
    font-size: 1.25rem;
    line-height: 1.4
}

@media (min-width: 768px) {
    .content h3, .h3 {
        font-size: 1.875rem;
        line-height: 1.86667
    }
}

.content h4, .h4 {
    font-size: 1.125rem;
    line-height: 1.55556
}

@media (min-width: 768px) {
    .content h4, .h4 {
        font-size: 1.5rem;
        line-height: 1.16667
    }
}

.content h5, .content h6, .h5, .h6 {
    font-size: 1rem;
    line-height: 1.75
}

@media (min-width: 768px) {
    .content h5, .content h6, .h5, .h6 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.intro {
    font-size: 1.25rem;
    line-height: 1.4
}

.small {
    font-size: 70%
}

.muted {
    opacity: .2
}

.link {
    color: #00b2ff;
    text-decoration: underline
}

.link:focus, .link:hover {
    text-decoration: none
}

.content ol, .content ul, .list {
    list-style-position: inside
}

.content ul, ul.list {
    list-style-type: disc
}

.content ol, ol.list {
    list-style-type: decimal
}

@media (min-width: 768px) {
    .container {
        padding-left: 50px;
        padding-right: 50px
    }
}

.main {
    overflow: hidden;
    padding-top: 5rem;
}

.bg-particles {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh
}

.bg-particles canvas {
    display: block;
    overflow: hidden
}

.dropdown {
    visibility: hidden;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 100;
    max-width: 250px;
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    transition: all .2s;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform, -webkit-transform
}

.dropdown.is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.cover {
    margin-top: 65px;
    margin-bottom: 100px
}

@media (min-width: 768px) {
    .cover {
        margin-top: 100px
    }
}

@media (min-width: 1200px) {
    .cover {
        margin-top: 130px;
        margin-bottom: 150px
    }
}

.cover__content {
    margin-bottom: 30px
}

@media (max-width: 1199.98px) {
    .cover__content {
        text-align: center
    }
}

@media (min-width: 768px) {
    .cover__content {
        margin-bottom: 70px
    }
}

.cover__title {
    margin-bottom: .625rem
}

.cover__intro {
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .cover__intro {
        font-size: 1.875rem
    }
}

.cover-title {
    position: relative;
    display: inline-block
}

.cover-title__decor {
    position: absolute;
    left: -20px;
    top: -30px;
    width: 56px;
    height: 56px
}

.cover-title__decor svg {
    position: absolute;
    font-size: 26px
}

.cover-title__decor svg:first-child {
    top: 0;
    right: 0
}

.cover-title__decor svg:last-child {
    left: 0;
    bottom: 0;
    opacity: .5
}

@media (min-width: 768px) {
    .cover-title__decor {
        width: 84px;
        height: 84px;
        left: -20px;
        top: -45px
    }

    .cover-title__decor svg {
        font-size: 39px
    }
}

.cover-title__text {
    line-height: normal
}

.title-decor {
    position: relative;
    display: inline-flex;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    text-shadow: 0 0 20px #79f9ff
}

.title-decor:before {
    color: #1172ff;
    -webkit-transform: translateZ(-30px);
    transform: translateZ(-30px)
}

.title-decor:after {
    color: #ff2c9c;
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px)
}

.title-decor:after, .title-decor:before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    bottom: 0;
    text-shadow: none
}

@supports (-webkit-text-stroke:1px) {
    .title-decor:after, .title-decor:before {
        color: transparent;
        -webkit-text-stroke: 1px #fff
    }
}

.token-price {
    margin-bottom: 50px;
    padding: 1.25rem;
    text-align: center;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, .15);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0))
}

@media (min-width: 768px) {
    .token-price {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.875rem
    }
}

@media (min-width: 1200px) {
    .token-price {
        margin-bottom: 0
    }
}

.token-price__label {
    margin-bottom: .625rem;
    font-size: .875rem
}

@media (min-width: 768px) {
    .token-price__label {
        margin-bottom: 0;
        margin-right: 1.25rem
    }
}

.token-price__value {
    font-size: 2.5rem;
    font-weight: 700
}

@media (min-width: 1200px) {
    .follow-us {
        display: flex;
        align-items: center
    }
}

.follow-us__label {
    flex-shrink: 0;
    margin-right: auto;
    padding-right: 30px;
    font-size: 1.25rem;
    text-transform: uppercase
}

.page-cover__inner {
    position: relative;
    padding-top: 65px;
    padding-bottom: 100px
}

@media (min-width: 768px) {
    .page-cover__inner {
        padding-top: 100px;
        padding-bottom: 200px
    }
}

@media (min-width: 1200px) {
    .page-cover__inner {
        padding-top: 170px
    }
}

.page-cover__decor {
    position: absolute;
    left: -20px;
    top: 0;
    font-size: 9.375rem;
    font-weight: 700;
    line-height: 1;
    opacity: .2
}

@supports (-webkit-text-stroke:1px) {
    .page-cover__decor {
        color: transparent;
        -webkit-text-stroke: 1px #fff
    }
}

.page-cover__decor:after {
    content: attr(data-text);
    position: absolute;
    left: -5px;
    top: 7px;
    color: #ff2c9c
}

@supports (-webkit-background-clip:text) {
    .page-cover__decor:after {
        -webkit-text-stroke-width: 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: repeating-linear-gradient(0deg, #fff, #fff 1px, transparent 0, transparent 5px)
    }
}

@media (min-width: 768px) {
    .page-cover__decor {
        left: 10px;
        top: 41.5%;
        opacity: .5
    }
}

@media (min-width: 1200px) {
    .page-cover__decor {
        top: 49%
    }
}

.page-cover__intro {
    margin-bottom: 1.75rem;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.4
}

.page-cover__image {
    position: absolute;
    top: 70px;
    right: 0;
    -webkit-transform: translateX(55%);
    transform: translateX(55%)
}

@media (min-width: 1200px) {
    .page-cover__image {
        top: 35px;
        -webkit-transform: none;
        transform: none
    }
}

.contract-scheme {
    overflow: hidden;
    width: 730px;
    padding-bottom: 65px;
    counter-reset: contractScheme
}

@media (min-width: 768px) {
    .contract-scheme {
        width: auto
    }
}

.contract-scheme__row {
    display: flex;
    margin-left: -10px;
    margin-right: -10px
}

.contract-scheme__col {
    position: relative;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 10px;
    padding-right: 10px
}

.contract-scheme__col:before {
    counter-increment: contractScheme;
    content: counter(contractScheme);
    position: absolute;
    left: 20px;
    bottom: -40px;
    z-index: 1;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    color: #ff2c9c;
    opacity: .3
}

@supports (-webkit-background-clip:text) {
    .contract-scheme__col:before {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: repeating-linear-gradient(0deg, #ff2c9c, #ff2c9c 1px, transparent 0, transparent 5px)
    }
}

@media (min-width: 768px) {
    .contract-scheme__col:before {
        font-size: 12.5rem;
        left: 10px;
        bottom: -80px
    }
}

@media (min-width: 1200px) {
    .contract-scheme__col:before {
        left: 30px
    }
}

.contract-scheme__col:nth-child(2):after {
    content: "";
    position: absolute;
    left: -25px;
    top: calc(50% - 7.5px);
    z-index: 1;
    width: 50px;
    height: 15px;
}

.contract-scheme__group {
    display: flex;
    flex-direction: column
}

.contract-scheme__group .contract-scheme__item {
    padding: 10px 20px
}

.contract-scheme__group .contract-scheme__item:nth-child(2):after {
    content: "";
    position: absolute;
    left: -35px;
    top: calc(50% - 50px);
    z-index: 1;
    width: 50px;
    height: 100px;
    background-position: 0 -15px;
}

.contract-scheme__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 20px;
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
    background-color: #121e36
}

.contract-scheme__item + .contract-scheme__item {
    margin-top: 20px
}

.contract-scheme__item p {
    z-index: 1
}

@media (min-width: 1200px) {
    .contract-scheme__item {
        padding: 50px
    }
}

.contract-scheme__small {
    font-weight: 300
}

.choose-box {
    padding: 30px 0;
    font-weight: 700;
    overflow-wrap: break-word;
    line-height: 1.2
}

.choose-box__row {
    display: flex;
    align-items: center;
    margin-left: -10px;
    margin-right: -10px
}

.choose-box__col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 10px;
    padding-right: 10px
}

.choose-box__l-item, .choose-box__r-item {
    position: relative
}

.choose-box__l-item:before, .choose-box__r-item:before {
    content: "";
    position: absolute;
    top: calc(50% - 50px);
    z-index: -1;
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.choose-box__l-item {
    padding-right: 60px;
    text-align: right
}

.choose-box__l-item:before {
    right: 30px;
    background-color: #ff2c9c;
    box-shadow: 0 0 50px #ff2c9c
}

.choose-box__m-item {
    position: relative;
    padding: 0 30px;
    text-align: center;
    font-size: 1.125rem;
    text-transform: uppercase
}

@media (min-width: 1200px) {
    .choose-box__m-item {
        font-size: 1.5rem
    }
}

.choose-box__m-item:after, .choose-box__m-item:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    width: 28px;
    height: 16px;
    background-size: 28px 16px
}

.choose-box__m-item:before {
    left: -10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 28 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M.283 8.856a1.058 1.058 0 0 1 0-1.44L6.427.935a.93.93 0 0 1 1.366 0 1.058 1.058 0 0 1 0 1.44L3.296 7.118h23.739c.533 0 .965.456.965 1.018 0 .563-.432 1.019-.965 1.019H3.296l4.497 4.743a1.058 1.058 0 0 1 0 1.44.93.93 0 0 1-1.366 0L.283 8.856z'/%3E%3C/svg%3E")
}

.choose-box__m-item:after {
    right: -10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 28 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M27.717 8.856a1.058 1.058 0 0 0 0-1.44L21.573.935a.93.93 0 0 0-1.366 0 1.059 1.059 0 0 0 0 1.44l4.496 4.743H.966C.432 7.118 0 7.574 0 8.136 0 8.7.432 9.155.966 9.155h23.738l-4.497 4.743a1.058 1.058 0 0 0 0 1.44.93.93 0 0 0 1.366 0l6.144-6.482z'/%3E%3C/svg%3E")
}

.choose-box__r-item {
    padding-left: 60px
}

.choose-box__r-item:before {
    left: 30px;
    background-color: #6800cf;
    box-shadow: 0 0 50px #6800cf
}

.mgo-scheme {
    overflow: hidden;
    width: 1065px;
    padding-bottom: 30px
}

@media (min-width: 1200px) {
    .mgo-scheme .simplebar-scrollbar:before {
        opacity: 0 !important
    }
}

.mgo-scheme__wrap {
    position: relative
}

.mgo-scheme__header {
    text-align: center
}

.mgo-scheme__title {
    color: #03b2c6
}

.mgo-scheme__rel {
    position: relative;
    height: 50px;
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: .2
}

.mgo-scheme__rel_x1:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #fff
}

.mgo-scheme__rel_x3 {
    background-size: 276px 50px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 276 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M138 0v25m0 0h137v25M138 25H1v25' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")
}

.mgo-scheme__arrow {
    position: relative;
    height: 50px
}

.mgo-scheme__arrow:after {
    content: "";
    position: absolute;
    left: calc(50% - 10px);
    width: 20px;
    height: 40px;
    background-size: 20px 40px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.066 36.302V0h1.868v36.302l7.745-8.01L20 29.659 10 40 0 29.659l1.32-1.366 7.746 8.01z' fill='url(%23lg)'/%3E%3Cdefs%3E%3ClinearGradient id='lg' x1='10' y1='0' x2='10' y2='38.6' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mgo-scheme__arrow_up:after {
    bottom: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mgo-scheme__arrow_down:after {
    top: 0
}

.mgo-scheme__arrow-left, .mgo-scheme__arrow-right {
    position: absolute;
    z-index: 1;
    top: 120px
}

.mgo-scheme__arrow-left {
    left: 50px;
    width: 41px;
    height: 256px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 41 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.11 255.836a2.499 2.499 0 0 0 3.227-1.447l8.005-21.027a2.5 2.5 0 1 0-4.673-1.779l-7.116 18.691-18.691-7.116a2.5 2.5 0 0 0-1.779 4.673l21.028 8.005zM27.789.336c-20.604 39.18-49.253 144.531-.069 254.187l4.562-2.046C-16.135 144.533 12.15 40.817 32.213 2.664L27.788.336z' fill='url(%23id)'/%3E%3Cdefs%3E%3ClinearGradient id='id' x1='16.5' y1='1.5' x2='16.5' y2='253.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mgo-scheme__arrow-right {
    right: 30px;
    width: 44px;
    height: 426px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 44 426' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.25.834a2.5 2.5 0 0 0-3.416.917L.592 21.24a2.5 2.5 0 1 0 4.332 2.498l9.992-17.324 17.325 9.993a2.5 2.5 0 0 0 2.498-4.332L15.25.834zm1.135 424.916c20.489-65.113 49.075-240.657.03-423.398l-4.83 1.296c48.754 181.653 20.291 356.213.03 420.602l4.77 1.5z' fill='url(%23id)'/%3E%3Cdefs%3E%3ClinearGradient id='id' x1='27.5' y1='425' x2='27.5' y2='3' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mgo-scheme__item {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .1)
}

.mgo-scheme__item_lg {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .1)
}

.mgo-scheme__icon {
    font-size: 1.75rem;
    color: #00acea
}

@supports (-webkit-background-clip:text) {
    .mgo-scheme__icon {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(180deg, #00efd1, #00acea)
    }
}

.team-cover {
    padding-bottom: 30px;
    line-height: 1.2;
    text-align: center
}

@media (min-width: 768px) {
    .team-cover {
        padding-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .team-cover {
        padding-bottom: 100px;
        text-align: left
    }
}

.team-cover__title {
    margin-bottom: .625rem;
    font-size: 1.875rem;
    font-style: italic;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .team-cover__title {
        font-size: 4.375rem
    }
}

@media (min-width: 1200px) {
    .team-cover__title {
        font-size: 7.5rem
    }
}

.team-cover__intro {
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .team-cover__intro {
        font-size: 1.875rem
    }
}

.team-staff {
    position: relative;
    margin-bottom: 100px;
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width: 768px) {
    .team-staff {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width: 1200px) {
    .team-staff {
        margin-bottom: 150px;
        padding: 0
    }
}

.team-countries {
    margin-bottom: 100px
}

@media (min-width: 768px) {
    .team-countries {
        display: flex;
        align-items: center
    }
}

@media (min-width: 1200px) {
    .team-countries {
        margin-bottom: 150px
    }
}

.team-countries__title {
    margin-bottom: 30px;
    font-size: 1.5rem;
    line-height: 1.45833;
    font-weight: 700;
    text-align: center
}

@media (min-width: 768px) {
    .team-countries__title {
        margin-bottom: 0;
        padding-right: 30px;
        text-align: left
    }
}

@media (min-width: 1200px) {
    .team-countries__title {
        margin-right: auto
    }
}

.team-countries__list {
    display: flex;
    justify-content: center
}

@media (min-width: 768px) {
    .team-countries__list {
        flex-grow: 1
    }
}

@media (min-width: 1200px) {
    .team-countries__list {
        flex-grow: 0
    }
}

.team-countries__item {
    text-align: center
}

.team-countries__item:not(:last-child) {
    margin-right: 30px
}

@media (min-width: 768px) {
    .team-countries__item {
        display: flex;
        align-items: center
    }
}

.team-countries__flag {
    position: relative;
    margin-bottom: 15px
}

.team-countries__flag:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 0 60px 20px #6d34ba;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

@media (min-width: 768px) {
    .team-countries__flag {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.team-countries__name {
    font-size: 1rem;
    line-height: 1.4375
}

.team-offices {
    position: relative;
    margin-bottom: 100px;
    padding: 30px;
    background-color: rgba(17, 114, 255, .05)
}

.team-offices, .team-offices:before {
    border-radius: 20px;
    border: 1px solid #063880
}

.team-offices:before {
    content: "";
    position: absolute;
    left: 10px;
    top: -10px;
    right: 10px;
    bottom: -10px
}

@media (min-width: 1200px) {
    .team-offices {
        padding-left: 0;
        padding-right: 0
    }
}

.team-offices__item {
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .team-offices__item {
        margin-bottom: 0;
        padding-left: 5px;
        padding-right: 5px
    }
}

.team-offices__title {
    margin-bottom: 1.25rem;
    font-size: 1.3125rem;
    line-height: 1.47619;
    font-weight: 700
}

.team-offices__list {
    font-size: .75rem;
    line-height: 1.5
}

.team-offices__list dl {
    display: flex;
    justify-content: space-between
}

.team-offices__list dl:not(:last-child) {
    margin-bottom: .625em
}

.team-offices__list dd {
    width: 4ch;
    text-align: right
}

.faq {
    overflow: hidden
}

.faq__header {
    position: relative;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .faq__header {
        margin-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .faq__header {
        margin-bottom: 80px
    }
}

.faq__title {
    margin-bottom: .625rem;
    position: relative;
    z-index: 1;
    font-size: 6.25rem;
    font-style: italic;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    pointer-events: none
}

@media (min-width: 768px) {
    .faq__title {
        font-size: 9.375rem
    }
}

@media (min-width: 1200px) {
    .faq__title {
        font-size: 15rem;
        text-align: left
    }
}

.faq__bar {
    position: relative
}

@media (min-width: 768px) {
    .faq__bar {
        top: -38px
    }
}

@media (min-width: 1200px) {
    .faq__bar {
        position: absolute;
        top: 55px;
        right: 0;
        z-index: 2;
        width: 700px
    }
}

.faq__nav {
    margin-top: 45px
}

@media (min-width: 768px) {
    .faq__nav {
        display: flex;
        justify-content: center
    }
}

@media (min-width: 1200px) {
    .faq__nav {
        margin-top: 30px
    }
}

.faq__nav li:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .faq__nav li:not(:last-child) {
        margin-bottom: 0;
        margin-right: 45px
    }
}

@media (min-width: 1200px) {
    .faq__nav li:not(:last-child) {
        margin-right: 30px
    }
}

.faq__nav a {
    display: block;
    font-size: 1.6875rem;
    text-align: center
}

@media (min-width: 1200px) {
    .faq__nav a {
        font-size: 1.375rem
    }
}

.faq__accordion {
    margin-bottom: 100px
}

@media (min-width: 1200px) {
    .faq__accordion {
        margin-bottom: 150px
    }
}

.content:after {
    display: block;
    clear: both;
    content: ""
}

.content p {
    margin-bottom: 1em
}

.content > :last-child {
    margin-bottom: 0
}

.grid {
    position: relative
}

.grid__item {
    padding: 5px 0
}

@media (min-width: 1200px) {
    .grid__item {
        padding: 10px
    }
}

@media (min-width: 1200px) {
    .grid__item, .grid__sizer {
        width: 33.33333%
    }
}

@media (min-width: 1200px) {
    .press {
        overflow: hidden
    }
}

.press__cover {
    position: relative;
    margin-bottom: 50px
}

@media (min-width: 1200px) {
    .press__cover {
        margin-bottom: 0;
        padding-top: 50px;
        height: 700px
    }
}

.press__title {
    font-size: 2.25rem;
    font-style: italic;
    line-height: 1;
    text-align: center
}

@media (max-width: 1199.98px) {
    .press__title {
        position: absolute;
        left: 0;
        bottom: 30px;
        right: 0;
        z-index: 1
    }
}

@media (min-width: 768px) {
    .press__title {
        font-size: 4.6875rem
    }
}

@media (min-width: 1200px) {
    .press__title {
        font-size: 9.375rem
    }
}

@media (max-width: 1199.98px) {
    .press__image {
        position: relative;
        top: -50px
    }
}

@media (min-width: 1200px) {
    .press__image {
        position: absolute;
        left: 50%;
        top: 300px;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        max-width: none
    }
}

.press__nav {
    position: relative;
    top: 0
}

.press__nav li {
    display: inline-block;
    margin-bottom: 3.125rem
}

.press__nav li:not(:last-child) {
    margin-right: 3.125rem
}

.press__nav a {
    font-size: 2.1875rem
}

@media (min-width: 1200px) {
    .press__nav {
        display: flex;
        justify-content: space-between
    }

    .press__nav li {
        margin-right: 0 !important
    }
}

.press-about {
    margin-bottom: 3.125rem
}

.press-about__content {
    font-size: 1.625rem;
    line-height: 1.53846
}

@media (min-width: 1200px) {
    .press-about__content {
        font-size: 1.3125rem;
        line-height: 1.80952
    }
}

.press-reports {
    position: relative;
    margin-bottom: 3.125rem;
    padding: 35px 0;
    border-top: 1px solid rgba(255, 255, 255, .4);
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

@media (min-width: 1200px) {
    .press-reports {
        padding: 50px 0
    }
}

@media (min-width: 768px) {
    .press-news {
        margin-bottom: 3.125rem
    }
}

.press-news__title {
    margin-bottom: 3.125rem;
    font-size: 2.5rem;
    font-style: italic
}

@media (min-width: 768px) {
    .press-news__title {
        font-size: 3.75rem
    }
}

.press-media {
    padding: 3.125rem 0;
    text-align: center
}

@media (min-width: 768px) {
    .press-media {
        padding: 6.25rem 0
    }
}

@media (min-width: 1200px) {
    .press-media {
        padding: 12.5rem 0
    }
}

.press-media__link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    border-radius: 46px;
    border: 1px solid #abf8fc;
    background-color: #4c91a5;
    box-shadow: 0 15px 70px 10px #88e8ec, 0 0 10px #88e8ec, inset 0 0 65px rgba(255, 255, 255, .8)
}

@media (min-width: 768px) {
    .press-media__link {
        width: 495px;
        height: 90px;
        padding: 0;
        font-size: 2rem;
        line-height: 90px
    }

    .press-media__link:before {
        content: "";
        position: absolute;
        left: calc(50% - 12px);
        top: calc(50% + 8px);
        z-index: -1;
        width: 1440px;
        height: 1400px;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
    }
}

.feedback {
    overflow: hidden;
    margin-bottom: 6.25rem;
    border-radius: 20px;
    border: 1px solid rgba(219, 216, 216, .2)
}

@media (min-width: 1200px) {
    .feedback {
        padding-top: 80px
    }
}

.feedback__inner {
    padding: 15px 15px 0
}

@media (min-width: 768px) {
    .feedback__inner {
        padding: 80px 50px 0
    }
}

@media (min-width: 1200px) {
    .feedback__inner {
        padding-top: 60px
    }
}

.feedback__title {
    font-size: 2rem;
    font-weight: 700;
    text-align: center
}

.feedback__message {
    margin-bottom: 3.75rem !important;
    padding-top: 5rem
}

.feedback__button {
    display: block;
    width: 100%;
    padding: 50px 20px;
    text-align: center;
    background-color: #041046;
    font-size: 32px;
    line-height: 1;
    color: rgba(255, 255, 255, .5);
    transition: all .3s;
    transition-property: color, background-color
}

.feedback__button:focus, .feedback__button:hover {
    color: #fff;
    background-color: #1710bc
}

.lang-switcher {
    position: relative;
    display: inline-block
}

.lang-switcher__control {
    position: relative;
    padding: 8px 26px 8px 10px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, .2)
}

.lang-switcher__control:after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 10px;
    width: 0;
    height: 0;
    border-color: rgba(255, 255, 255, .2) transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0
}

.lang-switcher__dropdown {
    top: calc(100% - 1px);
    width: 100%
}

.lang-switcher__list {
    padding: 8px 10px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, .2);
    background-color: #007ba5
}

.lang-switcher__list li:not(:last-child) {
    margin-bottom: 10px
}

.lang-link {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1;
    text-transform: uppercase
}

.lang-link img {
    margin-right: 5px
}

.search-result {
    margin-bottom: 100px
}

@media (min-width: 1200px) {
    .search-result {
        margin-bottom: 150px
    }
}

.search-result__item {
    margin-bottom: 30px
}

.search-result__message {
    text-align: center;
    font-size: 1.5rem
}

.search-result > :last-child {
    margin-bottom: 0
}

.games-page {
    padding-top: 50px;
    padding-bottom: 50px
}

@media (min-width: 768px) {
    .games-page {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .games-page {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

.games-page__header {
    margin-bottom: 50px;
    text-align: center
}

.games-page__title {
    margin-bottom: .9375rem
}

.game-link {
    display: block;
    margin-bottom: 20px;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.game-link:focus, .game-link:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.game-link__image {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0
}

.v-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0)
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.icon {
    display: inline-block;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    pointer-events: none;
    fill: currentColor
}

@media (max-width: 767.98px) {
    .show-md {
        display: none !important
    }
}

@media (max-width: 1199.98px) {
    .show-lg {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hide-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hide-lg {
        display: none !important
    }
}

.content:after {
    display: block;
    clear: both;
    content: ""
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    margin-top: 3.5rem;
    margin-bottom: 1.75rem
}

.content ol, .content p, .content ul {
    margin-bottom: 1.75rem
}

.content > :last-child {
    margin-bottom: 0
}

.usage-card {
    text-align: center
}

@media (min-width: 1200px) {
    .usage-card {
        padding-left: 50px;
        padding-right: 50px
    }
}

.usage-card__header {
    margin-bottom: 1.25rem
}

@media (min-width: 1200px) {
    .usage-card__header {
        display: inline-flex;
        align-items: center;
        margin-bottom: 1.875rem
    }
}

.usage-card__icon {
    margin-bottom: .9375rem
}

@media (min-width: 1200px) {
    .usage-card__icon {
        margin-bottom: 0;
        margin-right: 30px
    }
}

.usage-card__intro {
    margin-bottom: 1.875rem
}

@media (min-width: 1200px) {
    .usage-card__intro {
        margin-bottom: 3.125rem
    }
}

.roadmap-card {
    position: relative;
    padding: 50px 20px 20px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, .1);
    background-color: rgba(40, 28, 96, .7)
}

.roadmap-card__date {
    position: absolute;
    left: 20px;
    top: -10px;
    padding: 4px 16px;
    font-weight: 700;
    background-color: #ff2c9c;
    border-radius: 5px
}

.staff-card {
    text-align: center
}

.staff-card__image {
    margin-bottom: 15px
}

.staff-card__desc {
    font-size: .875rem;
    line-height: 1.57143
}

.staff-card__desc span {
    display: block;
    font-weight: 600
}

.faq-card {
    padding: 15px;
    border-radius: 10px;
    color: #000;
    background-color: #fff
}

@media (min-width: 768px) {
    .faq-card {
        padding: 3.75rem 4.6875rem
    }
}

@media (min-width: 1200px) {
    .faq-card {
        padding: 1.875rem 2.1875rem
    }
}

.faq-card__title {
    margin-bottom: .9375rem;
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1.2
}

@media (min-width: 768px) {
    .faq-card__title {
        margin-bottom: 3.125rem;
        font-size: 3rem
    }
}

@media (min-width: 1200px) {
    .faq-card__title {
        margin-bottom: 1.875rem;
        font-size: 1.6875rem
    }
}

.faq-card__intro {
    font-size: 1.125rem;
    line-height: 1.66667
}

@media (min-width: 768px) {
    .faq-card__intro {
        font-size: 1.75rem;
        line-height: 1.42857
    }
}

@media (min-width: 1200px) {
    .faq-card__intro {
        font-size: 1rem;
        line-height: 1.375
    }
}

.press-card {
    position: relative;
    margin-bottom: 1.875rem
}

@media (min-width: 768px) {
    .press-card {
        margin-bottom: 6.25rem
    }
}

.press-card:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    width: 100%;
    height: 0;
    border-radius: 50%;
    box-shadow: 0 0 180px 100px #6d34ba;
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    transition: opacity .4s
}

.press-card:hover:before {
    opacity: 1
}

@media (max-width: 1199.98px) {
    .press-card.in-viewport:before {
        opacity: 1
    }
}

.press-card__header {
    display: flex;
    align-items: center;
    margin-bottom: 1.5625rem
}

.press-card__icon {
    max-width: 55px;
    margin-right: 15px
}

.press-card__title {
    padding-top: 2px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .press-card__title {
        font-size: 1.4375rem;
        letter-spacing: 3.2px
    }
}

.press-card__intro {
    margin-bottom: 1.5625rem;
    font-size: 1.375rem;
    font-style: italic;
    opacity: .5
}

@media (min-width: 768px) {
    .press-card__intro {
        font-size: 2.6875rem;
        line-height: 1.16279
    }
}

.press-card__link {
    display: inline-block;
    word-break: break-all;
    font-size: .75rem;
    line-height: 1.5;
    opacity: .2;
    letter-spacing: .7px
}

@media (min-width: 1200px) {
    .press-card__link {
        max-width: 300px
    }
}

.press-card_full {
    display: flex;
    flex-direction: column
}

@media (min-width: 1200px) {
    .press-card_full {
        flex-direction: row-reverse
    }
}

@media (max-width: 1199.98px) {
    .press-card_full .press-card__side {
        order: 1
    }
}

@media (min-width: 1200px) {
    .press-card_full .press-card__side {
        flex: 0 0 330px;
        max-width: 330px;
        margin-left: 3.125rem
    }
}

.report-card {
    text-align: center
}

.report-card__link {
    position: relative;
    display: inline-block;
    margin: 15px 0;
    padding-left: 60px;
    font-size: 1.4375rem;
    font-weight: 500;
    line-height: 1.30435;
    text-decoration: underline;
    text-align: left
}

.report-card__link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 39px;
    height: 51px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAzCAMAAAAjOuGKAAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMAgKDgPxZtsJDAi3AQQZcbDfbxiGjpurWcaikH+tnEp4x4YF9UTzc028p3XiLPkm0kAAABDElEQVQ4y83TyXKDMBBF0RY4QMwkMNgM8RCPmd7//14kYpIgS8gbV3EXvTqrV9Ukao6Fd1Md07BoCX3J0HXMDi8A3CRQSjoY/HOeYBGpReha0G8M2JHGqXAOML37yMVhdhefJXy1OzpnEtodxRKGVneFhc1J+CKh0fHe0UnCg8lRBrw7XWuIUpPbYtDM5NK1xfVxr3KuvSnOlPMIxx7lGv9ZbZtq3MrwSapzNI5pHA+ZWtEqztiEXDp31BjXOB+3Le7ceadxX5WvFkQT2uVe1+7DvtOYS/BXPeKWyr4md9m4fat0UrtUFreR7hPIZqPsAKChFKLSNVcCyFsiBnt7EtW5RZVH+ok/jcUl+QYbHGBXTiAqCwAAAABJRU5ErkJggg==");
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.report-card__link:focus, .report-card__link:hover {
    text-decoration: none
}

.game-card {
    display: block;
    position: relative
}

@media (max-width: 767.98px) {
    .game-card {
        text-align: center
    }
}

.game-card:focus .game-card__logo, .game-card:hover .game-card__logo {
    -webkit-transform: translate(-25px, 25px) scale(.95);
    transform: translate(-25px, 25px) scale(.95)
}

.game-card__cover {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.game-card__logo {
    position: absolute;
    right: 0;
    bottom: 0;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transform: translateY(25px);
    transform: translateY(25px)
}

.image-card {
    display: block;
    padding: 0 10px;
    text-align: center;
    opacity: .5;
    transition-property: opacity
}

.image-card img {
    max-height: 50px
}

.image-card:focus, .image-card:hover {
    opacity: 1
}

.partner-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    border: 1px dashed #fff
}

.partner-card__title {
    margin-bottom: 1.25rem
}

.partner-card__intro {
    margin-bottom: auto;
    padding-bottom: 1.25rem
}

.partner-card__link {
    font-weight: 700;
    color: #1172ff
}

.partner-card__link:focus, .partner-card__link:hover {
    color: #ff2c9c
}

.benefit-card {
    position: relative;
    height: 100%;
    padding: 30px 20px 20px;
    border-radius: 5px;
    background-image: radial-gradient(circle 150px at 100% 0, #183c71, #121e36)
}

.benefit-card__icon {
    position: absolute;
    top: -30px;
    right: 20px;
    font-size: 50px;
    color: #1172ff
}

@media (min-width: 768px) {
    .benefit-card__icon {
        top: -35px
    }
}

.benefit-card__title {
    margin-bottom: .625rem
}

.mini-benefit-card {
    display: flex;
    height: 100%;
    padding: 20px;
    border-radius: 5px;
    background-color: #121e36;
    background-image: radial-gradient(circle at 100% 0, #183c71, #121e36)
}

@media (min-width: 768px) {
    .mini-benefit-card {
        align-items: center;
        background-image: none
    }
}

.mini-benefit-card__icon {
    margin-right: 10px;
    font-size: 28px;
    color: #1172ff
}

@media (min-width: 1200px) {
    .mini-benefit-card__icon {
        margin-right: 20px;
        font-size: 50px
    }
}

.feature-card {
    position: relative;
    height: 100%;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .3)
}

.feature-card:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 5px;
    bottom: -5px;
    left: 5px;
    z-index: -1;
    border-radius: inherit;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .1)
}

.feature-card__title {
    margin-bottom: .625rem;
    color: #ff6b86;
    text-shadow: 0 0 30px #ff005b
}

@supports (-webkit-background-clip:text) {
    .feature-card__title {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(180deg, #ff6b86, #ff005b)
    }
}

.unit-card {
    position: relative;
    padding: 20px 20px 20px 50px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .15);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .1), transparent)
}

.unit-card:after {
    content: attr(data-index);
    position: absolute;
    top: calc(50% - 20px);
    left: -10px;
    width: 40px;
    height: 40px;
    padding: 4px;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    background-color: #1172ff;
    background-clip: content-box;
    box-shadow: inset 0 0 0 1px #1172ff
}

.unit-card_accent {
    background-image: none
}

.unit-card_accent:after {
    background-color: #ff2c9c;
    box-shadow: inset 0 0 0 1px #ff2c9c
}

.gateway-card__title {
    margin-bottom: .625rem;
    color: #f68c23
}

@media (min-width: 768px) {
    .gateway-card__title {
        margin-bottom: 1.25rem
    }
}

.gateway-card p + p {
    margin-top: .625rem
}

.check-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .15)
}

.check-card:after {
    content: "";
    position: absolute;
    top: -10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ff2c9c;
    background-size: 13px 14px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.364L6 11l5-10' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
    box-shadow: 0 5px 20px #ff2c9c
}

@media (min-width: 768px) {
    .check-card:after {
        top: -20px;
        right: calc(50% - 15px)
    }
}

.git-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 120px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.git-card:after, .git-card:before {
    content: "";
    position: absolute;
    left: calc(50%);
    z-index: -1;
    background-color: #1172ff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.git-card:before {
    top: 0;
    bottom: 0;
    width: 100px;
    border-radius: 5px;
    box-shadow: 0 0 50px #1172ff
}

.git-card:after {
    bottom: -5px;
    width: 90px;
    height: 1px
}

@media (min-width: 768px) {
    .git-card {
        padding-top: 15px;
        padding-bottom: 15px;
        font-weight: 700
    }
}

@media (min-width: 1200px) {
    .git-card {
        padding-left: 50px;
        padding-right: 50px
    }
}

.scheme-card-1 {
    display: inline-flex;
    align-items: center
}

.scheme-card-1__image {
    flex: 0 0 85px;
    max-width: 85px;
    margin-right: 20px
}

.scheme-card-1_sm .scheme-card-1__image {
    max-width: 55px
}

.scheme-card-2 {
    display: inline-flex;
    align-items: center;
    font-weight: 700
}

.scheme-card-2 svg {
    margin-right: 10px
}

.scheme-card-2_lg svg {
    font-size: 3.5rem;
    margin-right: 20px
}

.scheme-card-3 {
    text-align: center
}

.scheme-card-3__name {
    margin: .625rem 0
}

.scheme-card-3__desc {
    margin-bottom: 1.25rem
}

.scheme-card-4 {
    display: inline-flex;
    align-items: center
}

.scheme-card-4__title {
    margin: 0 20px
}

.store-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 20px 20px 20px 80px;
    font-weight: 700;
    border-radius: 5px;
    background-color: #121e36
}

@media (min-width: 768px) {
    .store-card {
        padding: 20px;
        text-align: center
    }
}

@media (min-width: 1200px) {
    .store-card {
        padding-left: 90px;
        text-align: left
    }
}

.store-card__icon {
    position: absolute;
    left: 10px;
    top: -10px;
    z-index: 1;
    font-size: 50px;
    color: #1172ff
}

@media (min-width: 768px) {
    .store-card__icon {
        left: -10px
    }
}

@media (min-width: 1200px) {
    .store-card__icon {
        left: 20px;
        top: calc(50% - 25px)
    }
}

.store-card__soon {
    margin-top: .3125rem;
    font-weight: 300
}

.section {
    margin-bottom: 100px
}

@media (min-width: 768px) {
    .section {
        margin-bottom: 200px
    }
}

@media (min-width: 1200px) {
    .section {
        margin-bottom: 300px
    }
}

.section__header {
    position: relative;
    margin-bottom: 30px;
    text-align: center
}

@media (min-width: 768px) {
    .section__header {
        margin-bottom: 50px
    }
}

.section__title {
    display: inline-block
}

.section__intro {
    margin-top: 1.25rem
}

@media (min-width: 768px) {
    .section__intro {
        margin-top: .625rem;
        font-size: 1.25rem
    }
}

.section__control {
    padding-top: 50px;
    text-align: center
}

.section_last {
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .section_last {
        margin-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .section_last {
        margin-bottom: 150px
    }
}

.group-overflow {
    overflow: hidden
}

.group-shadow:after {
    content: "";
    display: flex
}

.group-shadow-1 {
    background-image: radial-gradient(ellipse 50% 50% at 0 50%, #502cba, transparent), radial-gradient(ellipse 50% 50% at 100% 50%, #9b00cc, transparent)
}

.group-shadow-2 {
    background-image: linear-gradient(180deg, #05122b, transparent 50%, #05122b), linear-gradient(270deg, #bc00fe, transparent 50%, #00fefe), linear-gradient(180deg, transparent, #0038a5 40%, rgba(5, 18, 43, 0))
}

.group-shadow-3 {
    background-image: radial-gradient(ellipse 50% 50% at 0 50%, #ff005b, rgba(255, 0, 91, .4) 50%, transparent), radial-gradient(ellipse 50% 50% at 100% 50%, #f68c24, rgba(255, 0, 91, .4), transparent)
}

.main-about__header {
    margin-bottom: 10px
}

.main-usage {
    position: relative;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .main-usage {
        margin-bottom: 150px
    }
}

@media (min-width: 1200px) {
    .main-usage {
        margin-bottom: 250px
    }
}

.main-usage__bg {
    position: absolute;
    left: 0;
    top: -50px;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: flex;
    background-repeat: no-repeat;
    background-size: 100% 100%, contain;
    background-position: 50% 0, 50%;
}

@media (min-width: 768px) {
    .main-usage__bg {
        top: -100px;
        bottom: -50px;
    }
}

@media (min-width: 1200px) {
    .main-usage__bg {
        top: -150px;
        bottom: -100px
    }
}

.main-usage__bg-logo {
    display: flex;
    position: relative;
    width: 175px;
    height: 175px;
    margin: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.main-usage__bg-logo:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #0c1945;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (min-width: 768px) {
    .main-usage__bg-logo {
        width: 340px;
        height: 340px
    }
}

.main-usage__bg-logo img {
    width: 120px;
    margin: auto;
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-filter: drop-shadow(0 20px 30px #000f40);
    filter: drop-shadow(0 20px 30px #000f40)
}

@media (min-width: 768px) {
    .main-usage__bg-logo img {
        width: auto
    }
}

.main-usage__item {
    visibility: hidden;
    margin-bottom: 50px
}

.main-revolution__inner {
    position: relative;
    padding: 10px 30px 0
}

.main-revolution__decor1, .main-revolution__decor2 {
    position: absolute;
    color: #1172ff
}

.main-revolution__decor1 {
    left: 10px;
    top: 0;
    font-size: 26px
}

@media (min-width: 768px) {
    .main-revolution__decor1 {
        font-size: 39px
    }
}

.main-revolution__decor2 {
    visibility: hidden;
    right: 0;
    bottom: -40px;
    width: 80px;
    height: 50px
}

@media (min-width: 768px) {
    .main-revolution__decor2 {
        visibility: visible
    }
}

.main-revolution__content > * {
    visibility: hidden
}

.main-revolution__intro, .main-revolution__title {
    margin-bottom: 1.875rem
}

@media (min-width: 768px) {
    .main-revolution__intro {
        margin-bottom: 3.125rem
    }
}

.main-roadmap {
    position: relative;
    margin-top: -45px;
    margin-bottom: 70px;
    padding-top: 45px
}

@media (min-width: 768px) {
    .main-roadmap {
        margin-top: -80px;
        margin-bottom: 170px;
        padding-top: 80px;
        background-repeat: no-repeat;
        background-size: 330px;
        background-position: 100% 190px;
    }
}

@media (min-width: 1200px) {
    .main-roadmap {
        margin-top: -150px;
        margin-bottom: 270px;
        padding-top: 150px;
        background-size: auto;
        background-position: 105% 200px
    }
}

.main-roadmap__bg {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 175px;
    right: 0;
    bottom: 0;
    z-index: -2;
    background-size: 100% 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-image: url(/images/bg-lines.png);
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%);
    -webkit-animation-name: bgLines;
    animation-name: bgLines;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.main-roadmap__bg.is-active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes bgLines {
    to {
        -webkit-clip-path: inset(0);
        clip-path: inset(0)
    }
}

@keyframes bgLines {
    to {
        -webkit-clip-path: inset(0);
        clip-path: inset(0)
    }
}

@media (min-width: 1200px) {
    .main-roadmap__bg {
        top: 200px
    }
}

.main-roadmap__decor-title {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    will-change: transform
}

.main-roadmap__decor-title span {
    font-size: 4.6875rem;
    font-weight: 700;
    line-height: 1;
    color: #441e96;
    background-size: 5px 5px
}

@supports (-webkit-background-clip:text) {
    .main-roadmap__decor-title span {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: repeating-linear-gradient(0deg, #441e96, #441e96 1px, transparent 0, transparent 10px)
    }
}

@media (min-width: 768px) {
    .main-roadmap__decor-title span {
        font-size: 10rem;
        background-size: auto
    }
}

@media (min-width: 1200px) {
    .main-roadmap__decor-title span {
        font-size: 17.5rem
    }
}

@media (min-width: 768px) {
    .main-roadmap__header {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .main-roadmap__header {
        margin-bottom: 100px
    }
}

.main-roadmap__item {
    visibility: hidden;
    margin-bottom: 30px
}

.main-products {
    margin-top: -80px;
    margin-bottom: 150px;
    padding-top: 80px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .main-products {
        margin-top: -100px;
        margin-bottom: 250px;
        padding-top: 100px
    }
}

@media (min-width: 1200px) {
    .main-products {
        margin-top: -120px;
        margin-bottom: 350px;
        padding-top: 120px
    }
}

.main-products__decor {
    visibility: hidden;
    position: absolute;
    left: -60px;
    top: -80px;
    width: 50px;
    height: 80px;
    color: #ff2c9c
}

@media (min-width: 768px) {
    .main-products__decor {
        visibility: visible
    }
}

.main-products__slider {
    visibility: hidden;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8)
}

.main-games {
    position: relative;
    margin-top: -50px;
    margin-bottom: 50px;
    padding-top: 50px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .main-games {
        margin-bottom: 150px
    }
}

@media (min-width: 1200px) {
    .main-games {
        margin-bottom: 250px
    }
}

.main-games__title {
    position: relative
}

.main-games__decor {
    position: absolute;
    left: -40%;
    top: calc(50% - 13px);
    z-index: -1;
    font-size: 26px;
    color: #1172ff
}

@media (min-width: 768px) {
    .main-games__decor {
        font-size: 39px
    }
}

.main-games__decor-title {
    position: absolute;
    left: 50%;
    top: 35px;
    z-index: -1;
    font-size: 4.6875rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #0046ab;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@supports (-webkit-text-stroke:1px) {
    .main-games__decor-title {
        color: transparent;
        -webkit-text-stroke: 1px #0046ab
    }
}

@media (min-width: 768px) {
    .main-games__decor-title {
        top: -10px;
        font-size: 9.375rem
    }
}

.main-games__tag {
    margin-top: 1.25rem;
    display: inline-flex;
    padding: .25rem 1rem;
    font-weight: 700;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .1)
}

.main-games__item {
    visibility: hidden;
    margin-bottom: 30px
}

.main-gamemonetize {
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .main-gamemonetize {
        margin-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .main-gamemonetize {
        margin-bottom: 100px
    }
}

.main-gamemonetize__list {
    align-items: center;
    justify-content: center
}

.main-gamemonetize__item {
    visibility: hidden;
    margin-bottom: 50px
}

.main-partners {
    margin-bottom: 0;
    padding-bottom: 30px;
    background-image: linear-gradient(0deg, #021c4e, transparent)
}

@media (min-width: 768px) {
    .main-partners {
        padding-bottom: 80px
    }
}

@media (min-width: 1200px) {
    .main-partners {
        padding-bottom: 130px
    }
}

.main-partners__title span {
    position: relative
}

.main-partners__decor {
    position: absolute;
    left: -35px;
    top: -70px;
    width: 84px;
    height: 84px;
    font-size: 39px;
    color: #1172ff
}

.main-partners__decor svg {
    position: absolute
}

.main-partners__decor svg:first-child {
    top: 0;
    right: 0;
    opacity: .5
}

.main-partners__decor svg:last-child {
    left: 0;
    bottom: 0
}

@media (min-width: 768px) {
    .main-partners__decor {
        left: -30px;
        top: -60px
    }
}

.main-partners__list {
    justify-content: center
}

.main-partners__item {
    margin-bottom: 20px
}

.main-partners__box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 30px;
    border: 1px dashed #fff;
    text-align: center
}

.main-partners__box p {
    font-size: 1.125rem;
    font-weight: 700
}

.main-partners__box-placeholder {
    opacity: .2
}

.main-partners__box-contact {
    border-color: #1172ff;
    background-color: rgba(17, 114, 255, .15)
}

.main-partners__box-contact p {
    margin-bottom: 1.25rem
}

.dev-benefits {
    margin-bottom: 80px
}

@media (min-width: 768px) {
    .dev-benefits {
        margin-bottom: 180px
    }
}

@media (min-width: 1200px) {
    .dev-benefits {
        margin-bottom: 280px
    }
}

@media (min-width: 1200px) {
    .dev-benefits__title {
        position: relative
    }

    .dev-benefits__title:after, .dev-benefits__title:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 342px;
        height: 82px;
        background-size: contain;
        background-image: url(/images/title-decor.svg)
    }

    .dev-benefits__title:before {
        left: -360px
    }

    .dev-benefits__title:after {
        right: -360px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }
}

.dev-benefits__item {
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .dev-benefits__item:nth-child(2), .dev-benefits__item:nth-child(3) {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

.dev-payouts {
    position: relative
}

.dev-payouts:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    z-index: -1;
    height: 800px;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

@media (min-width: 768px) {
    .dev-payouts:before {
        top: -100px
    }
}

@media (min-width: 1200px) {
    .dev-payouts:before {
        top: -150px
    }
}

.dev-payouts__cover {
    margin-bottom: 20px
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .dev-payouts__cover {
        justify-content: center
    }
}

@media (min-width: 768px) {
    .dev-payouts__cover {
        margin-bottom: 30px
    }
}

.dev-payouts__cover-image {
    overflow: hidden;
    border-radius: 5px;
    background-color: #281c60
}

.dev-payouts__item {
    margin-bottom: 10px
}

@media (min-width: 1200px) {
    .dev-payouts__item {
        order: -1;
        margin-bottom: 0
    }
}

.dev-gamemonetize {
    position: relative;
    margin-bottom: 75px
}

@media (min-width: 768px) {
    .dev-gamemonetize {
        margin-bottom: 175px
    }
}

@media (min-width: 1200px) {
    .dev-gamemonetize {
        margin-bottom: 275px
    }
}

.dev-gamemonetize__bg {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -40px;
    right: 0;
    bottom: 0;
    z-index: -2;
    background-size: 100% 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-image: url(/images/bg-lines.png);
    opacity: .3;
    -webkit-clip-path: inset(0 50%);
    clip-path: inset(0 50%);
    -webkit-animation-name: bgLines;
    animation-name: bgLines;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.dev-gamemonetize__bg.is-active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@media (min-width: 768px) {
    .dev-gamemonetize__bg {
        top: -110px
    }
}

@media (min-width: 1200px) {
    .dev-gamemonetize__bg {
        top: -150px
    }
}

.dev-gamemonetize__decor {
    position: absolute;
    left: 30px;
    top: 0;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-image: url(/img/gamemonetize-logo.jpg)
}

@media (min-width: 768px) {
    .dev-gamemonetize__decor {
        left: 100px;
        width: 100px;
        height: 100px
    }
}

@media (min-width: 1200px) {
    .dev-gamemonetize__decor {
        left: 200px;
        top: 60px
    }
}

.dev-gamemonetize__title {
    position: relative;
    overflow: hidden
}

.dev-gamemonetize__title:before {
    content: attr(data-text);
    position: absolute;
    top: -3px;
    right: -4px;
    opacity: .5
}

@supports (-webkit-text-stroke:1px) {
    .dev-gamemonetize__title:before {
        color: transparent;
        -webkit-text-stroke: 1px #fff
    }
}

@media (min-width: 1200px) {
    .dev-gamemonetize__list {
        justify-content: center
    }
}

.dev-gamemonetize__item {
    visibility: hidden;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .dev-reviews {
        position: relative
    }

    .dev-reviews:before {
        content: "";
        position: absolute;
        left: 0;
        top: -150px;
        right: 0;
        bottom: 0;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }
}

.dev-reviews__title {
    position: relative
}

.dev-reviews__decor {
    position: absolute;
    left: -60px;
    top: -80px;
    width: 50px;
    height: 80px;
    color: #ff2c9c
}

.dev-reviews__slider {
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8)
}

.dev-supply {
    position: relative;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .dev-supply {
        margin-bottom: 100px !important
    }
}

.dev-supply__decor-title {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    font-size: 9.375rem;
    font-weight: 700;
    line-height: 1;
    color: #441e96;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 768px) {
    .dev-supply__decor-title {
        font-size: 31.25rem;
        line-height: .75
    }
}

@supports (-webkit-background-clip:text) {
    .dev-supply__decor-title {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 1px, transparent 0, transparent 5px)
    }
}

.dev-supply__header {
    padding-top: 50px;
    background-size: 26px;
    background-position: center top 20px;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .dev-supply__header {
        padding-top: 90px;
        background-size: auto;
        background-position: center top 30px
    }
}

.dev-supply__item {
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .3)
}

@media (min-width: 768px) {
    .dev-supply__item {
        padding: 30px
    }
}

.dev-supply__note {
    margin-top: 30px;
    text-align: center
}

.dev-api {
    position: relative
}

@media (min-width: 768px) {
    .dev-api {
        margin-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .dev-api {
        margin-bottom: 150px
    }
}

.dev-api:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    z-index: -1;
    height: 250%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom 50px, 50% 100%;
}

@media (min-width: 768px) {
    .dev-api:before {
        bottom: -100px;
        background-position: center bottom 100px, 50% 100%
    }
}

@media (min-width: 1200px) {
    .dev-api:before {
        bottom: -150px;
        background-position: center bottom 150px, 50% 100%
    }
}

.dev-api__item {
    margin-bottom: 20px
}

.dev-api__control {
    margin-top: 30px
}

.dev-gateway {
    position: relative
}

@media (min-width: 768px) {
    .dev-gateway {
        margin-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .dev-gateway {
        margin-bottom: 150px
    }
}

.dev-gateway__decor-title {
    position: absolute;
    left: 50%;
    top: 0;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@supports (-webkit-text-stroke:1px) {
    .dev-gateway__decor-title {
        color: transparent;
        -webkit-text-stroke: 1px #1172ff
    }
}

.dev-gateway__decor-title:after {
    content: attr(data-text);
    position: absolute;
    top: -5px;
    right: -5px;
    color: #ff2c9c;
    opacity: .5
}

@supports (-webkit-background-clip:text) {
    .dev-gateway__decor-title:after {
        -webkit-text-stroke-width: 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: repeating-linear-gradient(0deg, #1172ff, #1172ff 1px, transparent 0, transparent 5px)
    }
}

@media (min-width: 768px) {
    .dev-gateway__decor-title {
        top: 65px;
        font-size: 12.5rem
    }

    .dev-gateway__decor-title:after {
        top: -10px;
        right: -10px
    }
}

@media (min-width: 1200px) {
    .dev-gateway__decor-title {
        top: 0
    }
}

.dev-gateway__header {
    padding-top: 110px;
    background-size: 94px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .dev-gateway__header {
        padding-top: 210px;
        background-size: auto
    }
}

@media (min-width: 1200px) {
    .dev-gateway__header {
        padding-top: 150px;
        background-position: 0 100%
    }
}

.dev-gateway__item {
    margin-bottom: 50px
}

/*@media (min-width: 768px) {*/
/*    .dev-gateway__note {*/
/*        padding: 50px*/
/*    }*/
/*}*/

.dev-gateway__note-title {
    margin-bottom: 1.25rem
}

.dev-contract {
    position: relative;
    background-position: center top 30px;
    background-repeat: no-repeat;
}

.dev-contract:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50vw;
    height: 50vw;
    background-image: radial-gradient(circle at 50%, #3d0037, transparent);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
    .dev-contract {
        background-position: center top 60px
    }
}

@media (min-width: 1200px) {
    .dev-contract {
        background-position: center top 10px
    }
}

.dev-contract__header {
    padding-top: 80px;
    background-size: 100px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .dev-contract__header {
        padding-top: 160px;
        background-size: auto
    }
}

.dev-contract__intro {
    margin-top: 1.875rem
}

.dev-contract__item {
    margin-bottom: 20px
}

.dev-contract__scheme {
    padding-top: 30px
}

@media (max-width: 767.98px) {
    .dev-contract__scheme {
        padding-right: 20px
    }
}

.dev-contract__scheme-wrap .simplebar-track.simplebar-horizontal {
    right: 20px
}

@media (max-width: 767.98px) {
    .dev-contract__scheme-wrap {
        margin-right: -20px
    }
}

.dev-platform {
    position: relative
}

.dev-platform:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    width: 100vw;
    height: 100vw;
    background-image: radial-gradient(50vw at 0 50%, #9b00cc, transparent), radial-gradient(50vw at 100% 50%, #502cba, transparent);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dev-platform__choose {
    margin-bottom: 50px
}

.dev-platform__image {
    text-align: center
}

.dev-platform__item:not(:last-child) {
    margin-bottom: 20px
}

.dev-github {
    position: relative;
    margin-bottom: 80px
}

@media (min-width: 768px) {
    .dev-github {
        margin-bottom: 180px
    }
}

@media (min-width: 1200px) {
    .dev-github {
        margin-bottom: 280px
    }
}

.dev-github__decor {
    position: absolute;
    left: 20px;
    bottom: -30px;
    width: 50px;
    height: 80px;
    color: #1172ff
}

@media (min-width: 768px) {
    .dev-github__decor {
        left: 60%
    }
}

.dev-github__title {
    position: relative;
    margin-top: 60px
}

.dev-github__title-icon {
    position: absolute;
    left: calc(50% - 25px);
    top: -60px;
    font-size: 50px
}

@media (min-width: 768px) {
    .dev-github__title {
        margin-top: 0
    }

    .dev-github__title-icon {
        left: -80px;
        top: calc(50% - 25px)
    }
}

.dev-github__item {
    margin-bottom: 20px
}

.dev-ecosystem {
    position: relative
}

.dev-ecosystem:before {
    content: "";
    position: absolute;
    left: 0;
    top: -150px;
    right: 0;
    bottom: -150px;
    z-index: -2;
    background-image: linear-gradient(180deg, #05122b, transparent, #05122b), radial-gradient(closest-side at 50%, #0048d2, rgba(0, 72, 210, .3), transparent), linear-gradient(270deg, #00fefe, #206db0 25%, #05122b 50%, #206db0 75%, #00fefe)
}

.game-benefits {
    margin-bottom: 80px
}

@media (min-width: 768px) {
    .game-benefits {
        margin-bottom: 180px
    }
}

@media (min-width: 1200px) {
    .game-benefits {
        margin-bottom: 280px
    }
}

.game-benefits__item {
    position: relative;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .game-benefits__item:not(:last-child):after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -20px;
        width: 65px;
        height: 20px;
        background-size: 65px 20px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='65' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h65L32.5 10 65 20H0l32.5-10L0 0z' fill='%23121E36'/%3E%3C/svg%3E");
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width: 1200px) {
    .game-benefits__item:not(:last-child):after {
        left: auto;
        top: 50%;
        right: -10px;
        bottom: auto;
        width: 20px;
        height: 65px;
        background-size: 20px 65px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='65' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 65V0l10 32.5L20 0v65L10 32.5 0 65z' fill='%23121E36'/%3E%3C/svg%3E");
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.game-sale {
    position: relative;
    text-align: center
}

.game-sale:before {
    content: "";
    position: absolute;
    left: 0;
    top: -50px;
    right: 0;
    height: 300px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .game-sale:before {
        top: -130px
    }
}

.game-sale__decor-1 {
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 39px;
    color: #ff2c9c
}

.game-sale__decor-2 {
    position: absolute;
    right: 10px;
    bottom: -200px;
    width: 50px;
    height: 80px;
    color: #ff2c9c
}

.game-sale__inner {
    position: relative
}

.game-sale__title {
    display: inline-flex;
    margin-bottom: 1.25rem;
    padding: .25em .9375em;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .3)
}

.game-favourite {
    position: relative
}

.game-favourite:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -2;
    width: 100vw;
    height: 100vw;
    background-image: radial-gradient(50vw at 0 50%, #9b00cc, transparent), radial-gradient(50vw at 100% 50%, #502cba, transparent);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.game-favourite:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    z-index: -1;
    height: 250%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom 50px, 50% 100%;
}

@media (min-width: 768px) {
    .game-favourite:after {
        bottom: -100px;
        background-position: center bottom 100px, 50% 100%
    }
}

@media (min-width: 1200px) {
    .game-favourite:after {
        bottom: -150px;
        background-position: center bottom 150px, 50% 100%
    }
}

.game-favourite__choose {
    margin-top: 50px;
    margin-bottom: 100px
}

.game-how-buy {
    position: relative
}

.game-how-buy:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    z-index: -1;
    height: 100%;
    background-size: contain, auto;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .game-how-buy:before {
        top: -100px
    }
}

@media (min-width: 1200px) {
    .game-how-buy:before {
        top: -150px
    }
}

.game-why-pay {
    margin-bottom: 80px
}

@media (min-width: 768px) {
    .game-why-pay {
        margin-bottom: 180px
    }
}

@media (min-width: 1200px) {
    .game-why-pay {
        margin-bottom: 280px
    }
}

.game-why-pay__item {
    margin-bottom: 20px
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .game-why-pay__item .benefit-card {
        padding-right: 90px
    }

    .game-why-pay__item .benefit-card__icon {
        top: calc(50% - 25px)
    }
}

.game-interaction {
    position: relative
}

.game-interaction:before {
    content: "";
    position: absolute;
    left: 0;
    top: -35%;
    right: 0;
    z-index: -1;
    height: 170%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

@media (min-width: 1200px) {
    .game-interaction:before {
        background-position: 100% 0
    }
}

.game-interaction__scheme {
    padding-bottom: 30px
}

@media (max-width: 767.98px) {
    .game-interaction__scheme {
        padding-right: 20px
    }
}

.game-interaction__scheme-wrap .simplebar-track.simplebar-horizontal {
    right: 20px
}

.game-interaction__scheme-wrap .contract-scheme__col:before {
    display: none
}

@media (max-width: 767.98px) {
    .game-interaction__scheme-wrap {
        margin-right: -20px
    }
}

.game-store {
    position: relative;
    padding-top: 150px
}

.game-store:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: 140px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .game-store {
        padding-top: 220px
    }

    .game-store:before {
        background-size: 200px
    }
}

@media (min-width: 1200px) {
    .game-store {
        padding-top: 150px
    }

    .game-store:before {
        background-size: auto;
        background-position: calc(50% - 380px) 0;
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }
}

.game-store__decor-title {
    position: absolute;
    left: 50%;
    top: 70px;
    z-index: -2;
    font-size: 6.25rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #24314d
}

@supports (-webkit-background-clip:text) {
    .game-store__decor-title {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(#24314d, transparent)
    }
}

@media (min-width: 768px) {
    .game-store__decor-title {
        top: 140px;
        font-size: 8.125rem
    }
}

@media (min-width: 1200px) {
    .game-store__decor-title {
        top: 50px;
        font-size: 12.5rem;
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%)
    }
}

.game-store__title {
    position: relative
}

.game-store__title-icon {
    position: absolute;
    left: -50px;
    top: -70px;
    z-index: -1;
    width: 50px;
    height: 80px;
    color: #1172ff
}

.game-store__item {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .game-ecosystem {
        position: relative
    }

    .game-ecosystem:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -100px;
        z-index: -1;
        height: 430px;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .game-ecosystem:after {
        top: -150px
    }
}

.slider {
    position: relative;
    margin-bottom: 50px
}

.slider .swiper-wrapper {
    transition-timing-function: ease-in-out, linear;
    will-change: transform, height
}

.slider__control {
    position: absolute;
    top: 50%;
    display: flex;
    width: 40px;
    height: 60px;
    z-index: 10;
    font-size: 20px;
    cursor: pointer;
    background-color: #ff2c9c;
    transition-duration: .2s;
    transition-property: opacity, background-color;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 768px) {
    .slider__control {
        width: 60px
    }
}

.slider__control svg {
    margin: auto
}

.slider__control:not(.is-disabled):hover {
    background-color: #e6288c
}

.slider__control.is-disabled {
    cursor: auto;
    pointer-events: none;
    opacity: .5
}

.slider__control.swiper-button-prev {
    left: -20px;
    border-radius: 0 5px 5px 0
}

@media (min-width: 768px) {
    .slider__control.swiper-button-prev {
        left: -30px
    }
}

@media (min-width: 1200px) {
    .slider__control.swiper-button-prev {
        left: -10px
    }
}

.slider__control.swiper-button-next {
    right: -20px;
    border-radius: 5px 0 0 5px
}

.slider__control.swiper-button-next svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width: 768px) {
    .slider__control.swiper-button-next {
        right: -30px
    }
}

@media (min-width: 1200px) {
    .slider__control.swiper-button-next {
        right: -10px
    }
}

@media (min-width: 768px) {
    .slider__control.swiper-button-next, .slider__control.swiper-button-prev {
        border-radius: 5px
    }
}

.slider__pagination {
    position: absolute;
    left: 0;
    bottom: -45px;
    right: 0;
    display: flex;
    justify-content: center;
    padding: 0 30px
}

.slider__bullet {
    width: 8px;
    height: 8px;
    margin: 10px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    transition-duration: .2s;
    transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: transform, background-color, box-shadow;
    transition-property: transform, background-color, box-shadow, -webkit-transform
}

.slider__bullet.is-active {
    background-color: #ff2c9c;
    box-shadow: 0 0 10px 2px #ff2c9c;
    -webkit-transform: scale(1.75);
    transform: scale(1.75)
}

.slider__bullet:not(.is-active):hover {
    background-color: #ff2c9c
}

.slider-pagination {
    display: flex;
    z-index: 10
}

.slider-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 5px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    opacity: .2;
    transition: opacity .2s
}

.slider-pagination-bullet.is-active {
    opacity: 1
}

.slider-pagination-bullet:not(.is-active):hover {
    opacity: .4
}

.slider-circle-control {
    display: flex;
    width: 30px;
    height: 30px;
    z-index: 10;
    font-size: 10px;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .2);
    transition-duration: .2s;
    transition-property: opacity, background-color
}

.slider-circle-control svg {
    margin: auto
}

.slider-circle-control:not(.is-disabled):hover {
    background-color: rgba(255, 255, 255, .4)
}

.slider-circle-control.is-disabled {
    cursor: auto;
    pointer-events: none;
    opacity: .5
}

.news-slider {
    position: relative;
    margin-bottom: 50px;
    border: 1px solid #fff
}

@supports (border-image-slice:1) {
    .news-slider {
        border-image-slice: 1;
        border-image-source: linear-gradient(90deg, rgba(255, 255, 255, .3) 30%, transparent)
    }
}

.news-slider .swiper-pagination {
    position: absolute;
    top: 50%;
    right: 7px;
    flex-direction: column;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1200px) {
    .news-slider .swiper-pagination {
        right: 17px
    }
}

.news-slider .swiper-button-next, .news-slider .swiper-button-prev {
    position: absolute;
    right: 0
}

@media (min-width: 1200px) {
    .news-slider .swiper-button-next, .news-slider .swiper-button-prev {
        right: 10px
    }
}

.news-slider .swiper-button-prev {
    top: -10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media (min-width: 1200px) {
    .news-slider .swiper-button-prev {
        top: -15px
    }
}

.news-slider .swiper-button-next {
    bottom: -10px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (min-width: 1200px) {
    .news-slider .swiper-button-next {
        bottom: -15px
    }
}

.news-slide {
    min-height: 150px;
    padding: 20px 50px 20px 20px
}

.news-slide__title {
    margin-bottom: .3125rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.55556
}

.news-slide__date {
    display: block;
    margin-bottom: .5rem;
    font-size: .875rem;
    line-height: 1.57143;
    color: rgba(255, 255, 255, .5)
}

.news-slide__content {
    margin-bottom: 1.25rem;
    font-size: .875rem;
    line-height: 1.57143
}

.news-slide__content .more-link {
    display: none !important;
    font-size: 0px !important
}

.news-slide__link {
    font-size: 1rem;
    font-weight: 700;
    color: #9effff
}

.about-slider {
    position: relative
}

.about-slider .swiper-slide {
    visibility: hidden
}

@media (min-width: 768px) {
    .about-slider {
        margin-top: -30px
    }

    .about-slider .swiper-slide:nth-child(2) {
        padding-top: 30px
    }

    .about-slider .swiper-slide:nth-child(2):after, .about-slider .swiper-slide:nth-child(2):before {
        content: "";
        position: absolute;
        top: 30%;
        width: 20px;
        height: 65px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 65' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 65V0l10 32.5L20 0v65L10 32.5 0 65z' fill='%231b1755'/%3E%3C/svg%3E")
    }

    .about-slider .swiper-slide:nth-child(2):before {
        left: -20px
    }

    .about-slider .swiper-slide:nth-child(2):after {
        right: -20px
    }
}

.about-slider .swiper-container {
    padding-top: 70px
}

.about-slider .swiper-pagination {
    position: absolute;
    top: 27px;
    right: 50px
}

@media (min-width: 768px) {
    .about-slider .swiper-pagination {
        display: none
    }
}

.about-slider .swiper-button-next, .about-slider .swiper-button-prev {
    position: absolute;
    top: 20px
}

@media (min-width: 768px) {
    .about-slider .swiper-button-next, .about-slider .swiper-button-prev {
        display: none
    }
}

.about-slider .swiper-button-prev {
    right: 118px
}

.about-slider .swiper-button-next {
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.about-slide {
    position: relative;
    padding: 50px 30px 30px;
    background-image: linear-gradient(180deg, #2b1666, #0c1945)
}

.about-slide__decor {
    position: absolute;
    left: 30px;
    top: -70px;
    z-index: 1;
    font-size: 6.25rem;
    font-weight: 700;
    line-height: normal;
    text-shadow: 0 0 50px #3083ff
}

.about-slide__decor:before {
    content: attr(data-index);
    position: absolute;
    bottom: 2px;
    right: -8px;
    z-index: -1;
    font-size: 7.5rem;
    color: #ff2c9c;
    text-shadow: none
}

@supports (-webkit-text-stroke:1px) {
    .about-slide__decor:before {
        color: transparent;
        -webkit-text-stroke: 1px #63289e
    }
}

.product-slide {
    position: relative;
    padding: 20px;
    text-align: center
}

@media (min-width: 768px) {
    .product-slide {
        display: flex;
        align-items: center;
        padding: 50px;
        text-align: left
    }
}

.product-slide__image {
    height: 150px;
    margin-bottom: 20px
}

.product-slide__image img {
    height: 100%
}

@media (min-width: 768px) {
    .product-slide__image {
        height: auto;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-right: 20px;
        padding: 0 20px;
        text-align: center
    }

    .product-slide__image img {
        height: auto
    }
}

@media (min-width: 768px) {
    .product-slide__content {
        padding-right: 20px
    }
}

.product-slide__tag {
    display: inline-flex;
    margin-bottom: 1.25rem;
    padding: .25rem .9375rem;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3)
}

@media (min-width: 768px) {
    .product-slide__tag {
        position: absolute;
        top: 30px;
        right: 30px
    }
}

.product-slide__title {
    margin-bottom: .625rem
}

.product-slide__intro {
    font-size: 1.125rem
}

@media (min-width: 768px) {
    .product-slide__intro {
        font-size: 1.5rem;
        line-height: 1.45833
    }
}

.product-slide__button {
    padding-top: 15px;
    text-align: center
}

.review-slide {
    padding: 30px
}

@media (min-width: 768px) {
    .review-slide {
        padding: 50px
    }
}

@media (min-width: 1200px) {
    .review-slide {
        padding-left: 100px;
        padding-right: 100px
    }
}

.review-slide__author {
    display: block;
    margin-top: 1.25rem;
    font-weight: 700;
    text-align: right
}

.image-slide {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background-color: #281c60
}

.image-slide__caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background-color: rgba(18, 30, 54, .8)
}

.coverflow-slider .swiper-slide {
    width: 300px;
    height: 150px;
    background-size: cover;
    background-position: 50% 0
}

@media (min-width: 768px) {
    .coverflow-slider .swiper-slide {
        width: 30%;
        height: 200px
    }
}

@media (min-width: 1200px) {
    .coverflow-slider .swiper-slide {
        height: 300px
    }
}

.buy-slider {
    position: relative
}

.buy-slider__control {
    display: flex;
    align-items: center;
    justify-content: center
}

.buy-slider .swiper-slide {
    transition: transform 0.3s ease
}

@media (min-width: 1200px) {
    .buy-slider .swiper-slide-next {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

.buy-slider .swiper-pagination {
    margin: 0 20px
}

.buy-slider .swiper-button-next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.buy-slide {
    text-align: center
}

@media (min-width: 1200px) {
    .buy-slide {
        position: relative;
        margin-top: 20px
    }

    .buy-slide:after {
        content: attr(data-index);
        position: absolute;
        left: calc(50% - 20px);
        top: -20px;
        width: 40px;
        height: 40px;
        padding: 4px;
        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
        text-align: center;
        border-radius: 50%;
        background-color: #ff2c9c;
        background-clip: content-box;
        box-shadow: inset 0 0 0 1px #ff2c9c
    }
}

.buy-slide__image {
    overflow: hidden;
    border-radius: 5px;
    background-color: #281c60
}

.buy-slide__desc {
    padding: 20px 0 30px
}

.socialize {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: left
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .socialize_cover {
        flex-direction: row;
        justify-content: center
    }

    .socialize_cover > :not(:last-child) {
        margin-right: 20px
    }
}

@media (min-width: 768px) {
    .socialize_footer .socialize__row {
        justify-content: flex-start
    }
}

.socialize__row {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1199.98px) {
    .socialize__row {
        justify-content: center
    }
}

.socialize__row > :not(:last-child) {
    margin-right: 10px
}

.socialize__button {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding: 5px 30px 5px 40px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 30px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .2)
}

.socialize__button span {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    display: flex;
    width: 30px;
    border-radius: 50%;
    font-size: 22px;
    color: #041046;
    background-color: #fff;
    transition-duration: .3s;
    transition-property: background-color
}

.socialize__button svg {
    margin: auto
}

.socialize__button:focus span, .socialize__button:hover span {
    background-color: rgba(255, 255, 255, .7)
}

.socialize__icon {
    display: flex;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    border-radius: 50%;
    font-size: 22px;
    color: #041046;
    background-color: #fff;
    transition-duration: .3s;
    transition-property: background-color
}

.socialize__icon:focus, .socialize__icon:hover {
    background-color: rgba(255, 255, 255, .7)
}

.socialize__icon svg {
    margin: auto
}

.socialize__panel {
    padding: 4px;
    background-color: #fff
}

.socialize_footer .socialize__panel {
    top: -15px;
    -webkit-transform: translateY(-100%) translateY(-10px);
    transform: translateY(-100%) translateY(-10px)
}

.socialize_footer .socialize__panel.is-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

button {
    position: relative;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: inherit;
    border: none;
    background-color: transparent
}

button:focus {
    outline: none
}

button:not(:disabled), input[type=checkbox]:not(:disabled), input[type=radio]:not(:disabled), label {
    cursor: pointer
}

label {
    transition-duration: .2s;
    transition-property: opacity, color;
    opacity: .5
}

label.is-focused {
    color: #1172ff;
    opacity: 1
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: none
}

.form {
    position: relative
}

.form:after {
    content: "";
    position: absolute;
    left: calc(50% - 30px);
    top: calc(50% - 30px);
    z-index: 15;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #00aee5;
    border-top-color: #1172ff;
    opacity: 0;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    transition: opacity .4s
}

@-webkit-keyframes loader {
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes loader {
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.form__inner {
    transition: opacity .4s
}

.form.is-loading .form__inner {
    opacity: .25;
    pointer-events: none
}

.form.is-loading:after {
    opacity: 1;
    -webkit-animation-name: loader;
    animation-name: loader
}

.form__field {
    margin-bottom: 12px
}

.form__v-group {
    display: flex;
    flex-direction: column;
    height: calc(100% - 28px)
}

.form__v-group > :last-child {
    flex-grow: 1
}

.form__messages:not(:empty) {
    margin-top: 20px
}

.form__message {
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center
}

.form__message_success {
    color: #98e8a5
}

.form__message_danger {
    color: #ff98aa
}

.form > :last-child {
    margin-bottom: 0
}

.label {
    display: block;
    margin-bottom: .625rem;
    line-height: 1
}

.button, .label {
    font-weight: 700
}

.button {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    padding: .9375rem 1.875rem;
    font-size: 1.125rem;
    border: 1px solid transparent;
    border-radius: 80px;
    transition-duration: .2s;
    transition-timing-function: ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

a.button {
    position: relative;
    line-height: 1;
    text-align: center;
    text-decoration: none
}

.button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.button_full {
    display: block;
    width: 100%
}

.button_small {
    padding: .25rem .625rem;
    font-size: .6875rem
}

.button_large {
    padding: 1.625rem 3.625rem;
    font-size: 1.5rem
}

.button_default {
    color: #05122b;
    background-color: #cbe0ff;
    background-size: 100% 200%;
    background-image: linear-gradient(180deg, #fff, #cbe0ff 50%, #fff);
    box-shadow: 0 5px 40px rgba(17, 114, 255, .8);
    transition-property: background-position, box-shadow
}

.button_default:not([disabled]):hover {
    background-position: 50% 100%
}

.button_default:not([disabled]):focus {
    box-shadow: 0 0 0 4px #1172ff, 0 5px 40px rgba(17, 114, 255, .8)
}

.button_filled_pink {
    color: #fff;
    background-color: #ff2c9c;
    border-radius: 5px;
    transition-property: background-color, box-shadow
}

.button_filled_pink:not([disabled]):hover {
    background-color: #e6288c
}

.button_filled_pink:not([disabled]):focus {
    box-shadow: 0 0 0 4px #b30072
}

.button_lite_blue {
    color: #1172ff;
    border-color: #00419e;
    transition-property: box-shadow
}

.button_lite_blue:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: 5px 5px;
    background-image: linear-gradient(-45deg, #002c73 25%, transparent 0, transparent 50%, #002c73 0, #002c73 75%, transparent 0, transparent);
    -webkit-animation-name: liteButton;
    animation-name: liteButton;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    opacity: 0;
    transition: opacity .2s
}

.button_lite_blue:not([disabled]):hover {
    background-position: 50% 100%
}

.button_lite_blue:not([disabled]):hover:before {
    opacity: 1;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.button_lite_blue:not([disabled]):focus {
    box-shadow: 0 0 0 4px #1172ff
}

.button_lite_pink {
    color: #ff2c9c;
    border-color: #821f63;
    transition-property: box-shadow
}

.button_lite_pink:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: 5px 5px;
    background-image: linear-gradient(-45deg, #680f4b 25%, transparent 0, transparent 50%, #680f4b 0, #680f4b 75%, transparent 0, transparent);
    -webkit-animation-name: liteButton;
    animation-name: liteButton;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    opacity: 0;
    transition: opacity .2s
}

.button_lite_pink:not([disabled]):hover {
    background-position: 50% 100%
}

.button_lite_pink:not([disabled]):hover:before {
    opacity: 1;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.button_lite_pink:not([disabled]):focus {
    box-shadow: 0 0 0 4px #ff2c9c
}

@-webkit-keyframes liteButton {
    0% {
        background-position: 5px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes liteButton {
    0% {
        background-position: 5px 0
    }
    to {
        background-position: 0 0
    }
}

.input, .select, .textarea {
    display: block;
    width: 100%;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    border: 2px solid transparent;
    border-bottom-color: #1172ff;
    background-color: transparent;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .1);
    transition-duration: .2s;
    transition-timing-function: ease-out;
    transition-property: border-color
}

.input::-webkit-input-placeholder, .select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
    color: #fff;
    opacity: .5;
    transition: opacity .3s
}

.input::-moz-placeholder, .select::-moz-placeholder, .textarea::-moz-placeholder {
    color: #fff;
    opacity: .5;
    transition: opacity .3s
}

.input:-ms-input-placeholder, .select:-ms-input-placeholder, .textarea:-ms-input-placeholder {
    color: #fff;
    opacity: .5;
    transition: opacity .3s
}

.input::-ms-input-placeholder, .select::-ms-input-placeholder, .textarea::-ms-input-placeholder {
    color: #fff;
    opacity: .5;
    transition: opacity .3s
}

.input::placeholder, .select::placeholder, .textarea::placeholder {
    color: #fff;
    opacity: .5;
    transition: opacity .3s
}

.input:focus, .select:focus, .textarea:focus {
    outline: 0;
    border-color: #1172ff
}

.input:focus::-webkit-input-placeholder, .select:focus::-webkit-input-placeholder, .textarea:focus::-webkit-input-placeholder {
    opacity: 0
}

.input:focus::-moz-placeholder, .select:focus::-moz-placeholder, .textarea:focus::-moz-placeholder {
    opacity: 0
}

.input:focus:-ms-input-placeholder, .select:focus:-ms-input-placeholder, .textarea:focus:-ms-input-placeholder {
    opacity: 0
}

.input:focus::-ms-input-placeholder, .select:focus::-ms-input-placeholder, .textarea:focus::-ms-input-placeholder {
    opacity: 0
}

.input:focus::placeholder, .select:focus::placeholder, .textarea:focus::placeholder {
    opacity: 0
}

.input[disabled], .input[readonly], .select[disabled], .select[readonly], .textarea[disabled], .textarea[readonly] {
    cursor: not-allowed;
    opacity: .5
}

.search-input {
    display: block;
    width: 100%;
    height: 80px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 27px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    border: 5px solid #fff;
    border-radius: 40px;
    background-color: #041330;
    box-shadow: inset 0 0 49px rgba(26, 62, 134, .6);
    transition-duration: .2s;
    transition-timing-function: ease-out;
    transition-property: color
}

.search-input::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity .3s
}

.search-input::-moz-placeholder {
    opacity: 1;
    transition: opacity .3s
}

.search-input:-ms-input-placeholder {
    opacity: 1;
    transition: opacity .3s
}

.search-input::-ms-input-placeholder {
    opacity: 1;
    transition: opacity .3s
}

.search-input::placeholder {
    opacity: 1;
    transition: opacity .3s
}

@supports (-webkit-overflow-scrolling:touch) {
    .search-input::-webkit-input-placeholder {
        line-height: normal
    }

    .search-input::-moz-placeholder {
        line-height: normal
    }

    .search-input:-ms-input-placeholder {
        line-height: normal
    }

    .search-input::-ms-input-placeholder {
        line-height: normal
    }

    .search-input::placeholder {
        line-height: normal
    }
}

.search-input:focus {
    outline: 0
}

.search-input:focus::-webkit-input-placeholder {
    opacity: 0
}

.search-input:focus::-moz-placeholder {
    opacity: 0
}

.search-input:focus:-ms-input-placeholder {
    opacity: 0
}

.search-input:focus::-ms-input-placeholder {
    opacity: 0
}

.search-input:focus::placeholder {
    opacity: 0
}

.textarea {
    height: 200px;
    max-width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    resize: none
}

@media (min-width: 768px) {
    .textarea {
        height: 100%
    }
}

.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 45px;
    background-size: 12px 7px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 4 5-4' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")
}

.select::-ms-expand {
    display: none
}

.select option {
    color: #222
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(34, 34, 34, .5);
    opacity: 0;
    transition: opacity .2s
}

.modal[aria-hidden=false] {
    opacity: 1
}

.modal[aria-hidden=false] .modal__dialog {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.modal__inner {
    min-height: 100vh
}

@media (min-width: 768px) {
    .modal__inner {
        display: flex
    }
}

.modal__dialog {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 1.25rem;
    border: 1px dashed #1172ff;
    background-color: #05122b;
    transition-duration: .2s;
    opacity: .5;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

@media (min-width: 768px) {
    .modal__dialog {
        width: 700px;
        min-height: auto;
        margin: auto;
        padding: 2.5rem
    }
}

.modal__title {
    margin-bottom: 2rem;
    padding-right: 1em
}

.modal__close {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 5;
    transition: color .2s
}

.modal__close:focus, .modal__close:hover {
    color: #1172ff
}

@media (min-width: 768px) {
    .modal__close {
        top: 1rem;
        right: 1rem
    }
}

.accordion__item {
    position: relative
}

.accordion__item:before {
    content: "";
    position: absolute;
    left: calc(50% - 50vw);
    top: 0;
    z-index: -1;
    width: 100vw;
    height: 100%;
    background-image: radial-gradient(at top, #0b2455, transparent)
}

.accordion__control {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 15px 40px 15px 15px;
    font-size: 1.25rem;
    line-height: 1;
    text-align: left
}

.accordion__control:after {
    content: "";
    position: absolute;
    top: calc(50% - 9.5px);
    right: 15px;
    display: block;
    width: 11px;
    height: 19px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAYAAABGKffQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB1SURBVHgBldNRDYAwDATQSkDCJCBhTjoH4ACcgCMkIAEJpR8ElqVlvSb3925blpSoMyJSNEwBuMg3HIU+NuDuwSkKuYGHZrBgjsJRc1Xw1CQLphB88Npcn8kb6GTozfBvVIWCFuamsNHfGD8EFxgphBbg3ZQbqlNf7ZkQJF0AAAAASUVORK5CYII=");
    transition: -webkit-transform .6s cubic-bezier(.08, .82, .17, 1);
    transition: transform .6s cubic-bezier(.08, .82, .17, 1);
    transition: transform .6s cubic-bezier(.08, .82, .17, 1), -webkit-transform .6s cubic-bezier(.08, .82, .17, 1)
}

@media (min-width: 768px) {
    .accordion__control {
        padding: 50px 115px 50px 50px;
        font-size: 3.75rem
    }

    .accordion__control:after {
        right: 50px
    }
}

.accordion__control[aria-expanded=true]:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.accordion__panel {
    overflow: hidden;
    margin-bottom: 20px;
    transition: max-height .5s
}

@media (min-width: 768px) {
    .accordion__panel {
        margin-bottom: 50px
    }
}

.accordion__panel:not(.is-active) {
    max-height: 0 !important
}

.footer {
    padding: 30px 0;
    text-align: center;
    background-color: #041046
}

@media (min-width: 768px) {
    .footer {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: left
    }
}

@media (min-width: 1200px) {
    .footer {
        padding-top: 100px
    }
}

.footer__inner {
    display: grid;
    grid-gap: 50px
}

@media (min-width: 768px) {
    .footer__inner {
        grid-gap: 30px;
        grid-template-columns:repeat(2, 50%)
    }
}

@media (min-width: 1200px) {
    .footer__inner {
        display: flex;
        justify-content: space-between
    }
}

.footer__copy {
    margin-bottom: .9375rem;
    color: rgba(255, 255, 255, .4)
}

.footer__email {
    margin-bottom: .9375rem;
    color: rgba(255, 255, 255, .3)
}

@media (min-width: 1200px) {
    .footer__email {
        margin-bottom: 1.875rem
    }
}

.footer__policy {
    text-decoration: underline;
    /*color: rgba(255, 255, 255, .2);*/
    color: #fff;
}

.footer__logo {
    opacity: .4;
    transition: opacity .4s
}

.footer__logo img {
    max-width: 220px
}

.footer__logo:focus, .footer__logo:hover {
    opacity: 1
}

.header__inner {
    position: relative;
    display: flex;
    align-items: center
}

.header__logo {
    display: block;
    margin-right: auto;
    font-weight: bold;
    font-size: 2.5rem;
    font-family: "Protest Riot", serif;
}

.header__logo img {
    width: 120px
}

@media (min-width: 768px) {
    .header__logo img {
        width: 200px
    }
}

@media (max-width: 1199.98px) {
    .header__nav {
        visibility: hidden;
        position: absolute;
        top: calc(100% + 25px);
        right: 0;
        z-index: 100;
        width: 100%;
        padding: 15px 20px;
        border-radius: 10px;
        background-color: #007ba5;
        opacity: 0;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        transition: all .2s;
        transition-property: visibility, opacity, -webkit-transform;
        transition-property: visibility, opacity, transform;
        transition-property: visibility, opacity, transform, -webkit-transform
    }

    .header__nav:before {
        content: "";
        position: absolute;
        top: -8px;
        right: 20px;
        width: 0;
        height: 0;
        border-color: transparent transparent #007ba5;
        border-style: solid;
        border-width: 0 10px 10px
    }

    .header__nav.is-active {
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width: 1200px) {
    .header__nav {
        /*margin-right: auto;*/
        margin-left: auto;
        display:flex;
    }

    #menu_close{
        display:none;
    }
}

.header__button {
    flex-shrink: 0;
    margin-right: 10px
}

@media (min-width: 768px) {
    .header__button {
        margin-right: 20px;
        padding: .375rem .875rem;
        font-size: 1rem;
        text-transform: uppercase
    }
}

.header__lang-switcher {
    flex-shrink: 0
}

.main-nav {
    position: relative
}

@media (min-width: 1200px) {
    .main-nav {
        display: flex;
        align-items: center;
        margin-right: 1rem;
    }
}

@media (max-width: 1199.98px) {
    .main-nav__item:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
}

@media (min-width: 1200px) {
    .main-nav__item:not(:last-child) {
        margin-right: 1.25rem
    }
}

.main-nav__link {
    display: block;
    position: relative;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 1199.98px) {
    .main-nav__link {
        padding: 5px 10px;
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .main-nav__link {
        font-size: .875rem;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap
    }

    .main-nav__link:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 100%;
        height: 2px;
        border-radius: 1px;
        background-color: #fff;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }

    .main-nav__link.is-active:after, .main-nav__link:focus:after, .main-nav__link:hover:after {
        -webkit-transform: none;
        transform: none
    }

    .main-nav__link_faq {
        padding-left: 25px
    }

    .main-nav__link_faq:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: 50%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 612 612'%3E%3Cpath d='M230.724 181.208a1489.01 1489.01 0 0 1-5.119 5.508c2.17-2.337 5.119-5.508 5.119-5.508z' fill='%23fff'/%3E%3Cpath d='M336.962 200.875c7.956 9.792 11.906 21.337 11.906 34.634 0 9.514-2.727 18.666-8.151 27.512-2.977 5.007-6.898 9.848-11.795 14.465l-16.301 16.107c-15.634 15.356-25.732 28.958-30.35 40.865-4.618 11.878-6.927 27.54-6.927 46.957h36.275c0-17.108 1.947-30.044 5.814-38.807 3.866-8.763 12.323-19.444 25.37-32.102 17.942-17.387 29.849-30.572 35.746-39.53s8.874-20.641 8.874-35.051c0-23.756-8.039-43.285-24.146-58.585-16.106-15.3-37.526-22.922-64.288-22.922-28.931 0-51.686 8.929-68.266 26.789s-24.87 41.449-24.87 70.797h36.275c.667-17.665 3.478-31.184 8.346-40.559 8.679-16.83 24.369-25.259 47.068-25.259 18.333.001 31.491 4.897 39.42 14.689z' fill='%23fff'/%3E%3Cpath d='M612 306C612 137.004 474.995 0 306 0 137.004 0 0 137.004 0 306c0 168.995 137.004 306 306 306 168.995 0 306-137.005 306-306zm-584.182 0C27.818 152.36 152.36 27.818 306 27.818S584.182 152.36 584.182 306 459.64 584.182 306 584.182 27.818 459.64 27.818 306z' fill='%23fff'/%3E%3Cpath d='M274.5 415.2h40.6v42.4h-40.6z' fill='%23fff'/%3E%3C/svg%3E");
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

.main-nav__link:not(.is-active) + .main-nav__subnav {
    display: none
}

.main-nav__subnav {
    position: absolute;
    left: 0;
    top: calc(100% + 20px);
    z-index: 1;
    display: flex
}

@media (max-width: 1199.98px) {
    .main-nav__subnav {
        display: none
    }
}

.main-nav__subnav li {
    visibility: hidden
}

.main-nav__subnav li:not(:last-child) {
    margin-right: 1.25rem
}

.main-nav__subnav a {
    font-size: .875rem;
    color: #fff;
    transition-property: opacity;
    white-space: nowrap
}

.main-nav__subnav a:focus, .main-nav__subnav a:hover {
    opacity: .75
}


.game-card__cover {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px
}


.choose-box__l-item:before {
    right: 30px;
    background-color: #ff2c9c;
    box-shadow: 0 0 50px #ff2c9c
}

.choose-box__l-item:before, .choose-box__r-item:before {
    z-index: 1
}

.choose-box__l-item p, .choose-box__r-item p {
    z-index: 9999;
    position: relative
}

#gameFavourite.section, #mainWallets.section {
    margin-bottom: 190px
}

.game-link:focus, .game-link:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.socialize__button {
    width: 139px
}

.svg-icon {
    width: 1em;
    height: 1em
}

.svg-icon path, .svg-icon polygon, .svg-icon rect {
    fill: #041046
}

.svg-icon circle {
    stroke: #041046;
    stroke-width: 1
}

.socialize__row_icons li {
    text-align: right;
    width: 31px;
    margin: 0 auto;
    display: block;
    float: right;
    margin-left: 10px;
    margin-top: 7px;
}

.game-card__title {
    margin-bottom: .625rem;
    font-size: 1.125rem;
    /*width: 165px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 7px
}

.game-card__cover {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px
}

.choose-box__l-item:before {
    right: 30px;
    background-color: #ff2c9c;
    box-shadow: 0 0 50px #ff2c9c
}

.choose-box__l-item:before, .choose-box__r-item:before {
    z-index: 1
}

.choose-box__l-item p, .choose-box__r-item p {
    z-index: 9999;
    position: relative
}

#gameFavourite.section, #mainWallets.section {
    margin-bottom: 210px
}

.container .row {
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 15px
}

.main-games {
    position: relative;
    margin-top: -50px;
    margin-bottom: 50px;
    padding-top: 50px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-image: none
}

.dev-gateway__header {
    padding-top: 0;
    background-position: 0 100%
}

.game-sale__title {
    display: inline-flex;
    margin-bottom: 1.25rem;
    padding: .25em .9375em;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
    margin-right: 5px
}

.search-field input {
    border: 0;
    outline: 0;
    box-sizing: border-box;
    background: 0 0;
    color: #fff;
    border-radius: 24px;
    width: 300px;
    padding: 12px;
    padding-left: 23px
}

.dev-gateway__header {
    padding-top: 0;
    margin-bottom: 10px
}

::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

:-ms-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

::placeholder {
    color: rgba(255, 255, 255, .3)
}

.main-games__title {
    position: relative;
    font-size: 65px;
    padding-bottom: 5px
}

.company-by a {
    visibility: inherit;
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    display: inline-block;
    padding-right: 7px
}

.link {
    color: #00b2ff;
    text-decoration: none;
    font-weight: 700
}

.company-by {
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px
}

.main-games__item {
    visibility: hidden;
    margin-bottom: 0
}

.clipboard {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.game-link {
    margin-bottom: 0;
    text-align: left
}

.game-link .game-card__title {
    margin-bottom: 0;
    font-weight:bold;
}

.clipboard textarea {
    -ms-flex: 2;
    flex: 2;
    font-size: .636em;
    margin-bottom: 0
}

.clipboard textarea {
    border-color: #1172ff;
    background-color: rgba(17, 114, 255, .15);
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 30px;
    border: 1px dashed #fff;
    text-align: left;
    color: #fff;
    padding: 10px;
    width: 100%;
    font-size: 13px;
    -ms-flex: 2;
    flex: 2
}

.columns {
    display: -ms-flexbox;
    display: flex
}

.columns .column:first-of-type {
    -ms-flex: 3;
    flex: 3
}

.columns .column:last-of-type {
    display: block;
    -ms-flex: 1;
    flex: 1;
    /*padding-left: 1.136em*/
}

.clipboard button {
    width: 126px !important;
    border-radius: 3px;
    margin-left: 10px;
    padding: 0
}

.button, button {
    display: inline-block
}

.screenshot img {
    display: inline-block;
    height: 72px;
    margin-bottom: 4px;
    border-radius: 1px
}

.openimg {
    position: relative;
    display: inline-block;
    transition: all .2s cubic-bezier(.25, .75, .5, 1.25)
}

.openimg:hover div {
    display: block;
    transition: all .2s cubic-bezier(.25, .75, .5, 1.25)
}

.openimg div {
    display: none;
    position: absolute;
    bottom: 4px;
    right: 0;
    background: #ff2c9c;
    line-height: 23px;
    transition: all .2s cubic-bezier(.25, .75, .5, 1.25);
    width: 100%;
    text-align: center
}

.openimg div a {
    font-size: 12px;
    padding: 9px;
    padding-top: 0;
    color: #fff;
    transition: all .2s cubic-bezier(.25, .75, .5, 1.25)
}

.dev-platform__item:not(:last-child) {
    margin-bottom: 15px;
    padding: 3px;
    margin-top: 10px
}

ul.filters {
    text-align: left
}

.filters li a {
    background-color: transparent;
    background-size: 13px 14px;
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: 0 5px 20px #ff2c9c;
    border-radius: 20px;
    padding: 8px 20px;
    border-color: #ff2c9c;
    box-shadow: inset 0 0 0 1px #ff2c9c;
    font-size: 12px
}

.container {
    max-width: 1480px
}

.screenshot {
    padding-top: 0;
    padding-bottom: .909em;
    text-align: left
}

.filters li {
    display: inline-block;
    line-height: 39px
}

.filters {
    padding: 1px !important;
    padding-bottom: 5px !important
}

.dev-platform__item p {
    font-weight: 700
}

#descriptionId {
    font-size: 14px
}

.filters li a:hover {
    background: #ff2c9c;
    color: #fff
}

.main-games__title:before {
    color: transparent;
    -webkit-text-stroke: 1px #fff
}

.main-games__title:before {
    content: attr(data-text);
    position: absolute;
    top: -3px;
    right: -4px;
    opacity: .5
}

#companyLinkId {
    color: #00b2ff;
    text-decoration: none;
    font-weight: 700
}

#gameFavourite.section, #mainWallets.section {
    margin-top: 150px
}

.col-lg-4 {
    /*flex: 1 0 16.33333%;*/
    max-width: 33.33333%;
    padding: 6px
}

@media screen and (min-width: 1000px) {
    .col-lg-4 {
        flex: 1 0 16.33333%;
    }
}

.header__logo img {
    width: 249px
}

.main-gamemonetize__item:hover {
    opacity: 1 !important
}

.dev-gamemonetize {
    margin-bottom: 150px
}

hr {
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    background-color: inherit
}

.type_icon{
    width:2rem!important;
    height:2rem!important;
    margin-right: .5rem;
}

.footer__inner div{
    display:grid;
    color: #fff;
    font-weight:bold;
}

.footer__inner a{
   text-decoration: auto;
}

.section__header h2 {
    /*width: 260px;*/
    font-size: 32px;
    /*margin: 0 auto !important;*/
    text-align: center;
    display: block;
}


@media (min-width: 800px) and (max-width: 1200px) {
    .hamburger {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 768px) {
    .game-card__cover{
        height: 75px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .game-card__cover{
        height: 105px;
    }
}


@media (min-width: 1000px) {
    .game-card__cover{
        position:relative;
        z-index:99;width: 180px;
        height: 135px;
        background: rgba(255,255,255,.1);display: block;
    }
}
.section__header {
    margin-bottom: 30px;
}



.col-lg-4 a {
    overflow: hidden;
}

.preview .col-lg-4 {
    max-width: 100% !important;
}

.preview1 .col-lg-4 {
    max-width: 100% !important;
}

.main-games {
    margin-top: -51px;
}


.preview .game-card__cover {
    width: auto !important;
}

.preview .col-lg-4 {
    flex: 0 0 14.27% !important;
}

.preview1 .game-card__cover {
    width: auto !important;
}

.preview1 .col-lg-4 {
    flex: 0 0 14.27% !important;
}

.preview .slick-slide img, .preview1 .slick-slide h3 {
    width: 100% !important;
}

@media (min-width: 1000px) {
    .preview1 .game-card__cover, .preview .game-card__cover {
        width: 167px !important;
    }
}


.section__header{
    display: flex;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 15px;
    align-items: center;
}




.search_view{
    width: 300px;
    height: 40px;
    display: flex;
    align-items: center;
    margin: auto;
}

.search_view input{
    width: 100%;
    height: 100%;
    border-radius: 2rem 0 0 2rem;
    color: #333;
    background: #fff;
    padding-left: 1rem;
    border: none;
    outline: none;
}

.search_view button{
    width: 50px;
    height: 40px;
    background: #2a9add;
    border-radius: 0 2rem 2rem 0;
}


.back_to_top{
    position: fixed;
    right: 2rem;
    bottom: 5rem;
    z-index: 1;
    height: 3rem;
    width: 3rem;
    box-shadow: 0 0 28px #0000009c;
    cursor: pointer;
    display: flex;
    background: #4d00ff;
    border-radius: 50%;
}

.back_to_top img{
    width:80%;
    height:80%;
}

#menu_close{
    margin: 1rem auto 0;
    text-align: center;
}

@media (min-width: 1000px) {
    .game-card__cover{ position:relative;z-index:99;width: 165px;height: 123.750px;background: rgba(255,255,255,.1);display: block;}
}
.company-by a { display: inline !important; }


.col-lg-4 a {
    overflow: hidden;
    text-overflow: ellipsis;
}
.game-link .game-card__title {
    text-overflow: ellipsis;
}

.game-link .game-card__title {
    font-size: 13px;
}

.search-field input {
    border: 1px solid #ffffff54 !important;
    color: #ffffff54 !important;
    padding-bottom: 11px !important;
}

.description_desc{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .desc_btn{
        display:none!important;
    }
}

.desc_btn{
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background: #4f039f;
    margin: .2rem;
    padding: .5rem;
    border-radius: 5px;
}

.play_btn{
    font-size: 2rem;
    font-weight: bold;
    margin: 1rem auto;
    width: 80%;
    background: #7a00fb;
    border-radius: 1rem;
    padding: .2rem 1rem;
}

.desc_content{
    border: 1px solid #fff;
    padding: 0 .5rem .5rem;
    border-radius: 10px;
    background: #7828dd;
    text-align: left;
    font-family: auto;
}

.bottom_content{
    color: rgba(255, 255, 255, .4);
    text-align: center;
    padding-bottom: 11px;
    padding-top: 11px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    background: #041046;
    font-weight: bold;
}

.header{
    position: fixed;
    width: 100%;
    z-index: 100;
    background-image: radial-gradient(circle 50vw at 100% 0, #00fefe, transparent), radial-gradient(circle 50vw at 20% 25vw, #9b00cc, transparent), linear-gradient(180deg, #3f007e, #502cba 25vw, #142e61 50vw);
}

.adBox{
    width: calc(100% + 2rem - 20px);
    margin-left: calc(-1rem + 10px);
    border-radius: 8px;
    margin-top: 30px;
    margin-bottom: 30px;
    height: auto;
    display: flex;
    justify-content: center;
    background-color: #CCCCCC;
    color: #000;
}

.adBox0 {
    width: 100%;
    overflow: hidden;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 15px 0 15px 0;
}