@charset "UTF-8";

@font-face {
    font-family: "sans-serif-adjusted";
    size-adjust: 112.5%;
    ascent-override: 110%;
    src: local("Arial")
}

@font-face {
    font-family: "sans-serif-adjusted-title";
    size-adjust: 118%;
    ascent-override: 110%;
    src: local("Arial")
}

@font-face {
    font-family: Bebas Neue;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9WdhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Bebas Neue;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9WlhyyTh89Y.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

body {
    background: #080f28;
    font-family: Poppins, "sans-serif-adjusted", sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0 20px;
    overflow-x: hidden;
    position: relative
}

body.overlay {
    overflow: hidden
}

button {
    font-family: Poppins, sans-serif !important
}

@view-transition {
    navigation: auto
}

@-webkit-keyframes gradient {
    0% {
        background-position: 0
    }

    to {
        background-position: 100%
    }
}

@keyframes gradient {
    0% {
        background-position: 0
    }

    to {
        background-position: 100%
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, .4)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }

    to {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@-webkit-keyframes pulse-ring {
    0% {
        transform: scale(.9);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: scale(1.4);
        opacity: 0
    }
}

@keyframes pulse-ring {
    0% {
        transform: scale(.9);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: scale(1.4);
        opacity: 0
    }
}

@keyframes arrow-slide {
    0% {
        opacity: 0;
        margin-right: 4px
    }

    70% {
        opacity: 1
    }

    to {
        margin-right: 0
    }
}

@-webkit-keyframes arrow-slide {
    0% {
        opacity: 0;
        margin-right: 4px
    }

    70% {
        opacity: 1
    }

    to {
        margin-right: 0
    }
}

@-webkit-keyframes float-5 {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }
}

@keyframes float-5 {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }
}

@-webkit-keyframes float-5-180 {

    0%,
    to {
        transform: translateY(0) rotate(180deg)
    }

    50% {
        transform: translateY(-5px) rotate(180deg)
    }
}

@keyframes float-5-180 {

    0%,
    to {
        transform: translateY(0) rotate(180deg)
    }

    50% {
        transform: translateY(-5px) rotate(180deg)
    }
}

@-webkit-keyframes bounceLeft {
    0% {
        transform: translateX(0)
    }

    33% {
        transform: translateX(4px)
    }

    66% {
        transform: translateX(0)
    }
}

@keyframes bounceLeft {
    0% {
        transform: translateX(0)
    }

    33% {
        transform: translateX(4px)
    }

    66% {
        transform: translateX(0)
    }
}

.fancy {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

a {
    color: #979aae;
    text-decoration: none
}

a:hover {
    color: #c5c8d7
}

a.fancy:hover {
    background-image: linear-gradient(106deg, #5fc1d7, #5fd7c4)
}

a.after-arrow {
    font-weight: 500
}

a.after-arrow:after {
    content: ">";
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    background: linear-gradient(106deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text
}

a.after-arrow:after,
h1 {
    font-weight: 600;
    -webkit-text-fill-color: transparent
}

h1 {
    font-size: 44px;
    font-style: normal;
    font-stretch: normal;
    line-height: 56px;
    letter-spacing: 1px;
    margin: 96px 0 18px;
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 300% 100%;
    -webkit-animation: gradient 12s linear infinite;
    animation: gradient 12s linear infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

h1 span {
    color: #fff;
    -webkit-text-fill-color: #fff
}

h1.short {
    max-width: 400px
}

h1.short300 {
    max-width: 300px
}

h1.short320 {
    max-width: 320px
}

h1.center {
    text-align: center
}

h1 .emoji {
    all: initial;
    display: inline-flex;
    vertical-align: top;
    font-size: 16px
}

h2 {
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: .1px;
    margin: 158px 0 22px;
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

h2.short {
    max-width: 400px
}

h2.boost-heading {
    margin-top: 0;
    margin-bottom: 46px;
    max-width: 320px
}

h2 span {
    color: #fff;
    -webkit-text-fill-color: #fff
}

h2.center {
    text-align: center
}

h3 {
    margin: 32px 0 10px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .15px
}

p {
    line-height: 2;
    letter-spacing: .12px;
    color: #979aae;
    font-size: 16px
}

p.short {
    max-width: 400px
}

p.short300 {
    max-width: 298px
}

p.short320 {
    max-width: 320px
}

ol,
ul {
    list-style: none;
    counter-reset: fancy-counter;
    margin: 0 0 36px;
    padding: 0
}

ol li,
ul li {
    counter-increment: fancy-counter;
    color: #979aae;
    opacity: .9;
    margin: 15px 0
}

ol li:first-of-type,
ul li:first-of-type {
    margin-top: 28px
}

ol li:before,
ul li:before {
    content: counter(fancy-counter);
    background-image: linear-gradient(103deg, #258cbf, #4ed3be);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    color: #0a102a;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 12px
}

ul li:before {
    color: transparent
}

.clear {
    clear: both
}

.hidden {
    display: none
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 40px;
    border-radius: 31px;
    background-color: #4842d1;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .11px;
    color: #fff;
    cursor: pointer;
    text-transform: capitalize
}

.button,
.button.dark {
    border: 2px solid hsla(0, 0%, 100%, .08)
}

.button.dark {
    background: linear-gradient(97deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.button.dark:hover {
    background: hsla(0, 0%, 100%, .08);
    -webkit-text-fill-color: #fff
}

.button.red {
    background-color: #fb3a18
}

.button.red:hover {
    background-color: #e02c08
}

.button.green {
    background-color: #0ab108
}

.button.green:hover {
    background-color: #039101
}

.button.bluish {
    background-color: #33a5bf
}

.button.bluish:hover {
    background-color: #3d98ac
}

.button.gold {
    background-color: #c28f2c
}

.button.gold:hover {
    background-color: #a57310
}

.button.redish {
    background-color: #ff4655
}

.button.redish:hover {
    background-color: #eb3242
}

.button.greenish {
    background-color: #0bb109
}

.button.greenish:hover {
    background-color: #088806
}

.button.top {
    margin-top: 14px
}

.button.full {
    width: calc(100% - 80px);
    text-align: center
}

.button--arrow:after {
    margin-left: 10px;
    -webkit-animation: bounceLeft 1.5s ease-in-out infinite;
    animation: bounceLeft 1.5s ease-in-out infinite;
    content: "";
    width: 24px;
    height: 24px;
    background: url(/img/icons/icon-arrow-right-btn.svg) no-repeat 50%;
    display: block
}

.button:hover {
    background: #3832c3;
    color: #fff;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.center {
    text-align: center
}

.icon-bg {
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 2px solid hsla(0, 0%, 100%, .08);
    border-radius: 24px
}

.icon-bg.purple {
    background: #413dc1
}

.icon-bg.green {
    background: #00b67a
}

.icon-bg.red {
    background: #ff4655
}

.icon-bg.lime-green {
    background: #14bc85
}

.icon-bg.dark-yellow {
    background: #c28f2c
}

.icon-bg.blue {
    background: #4285f4
}

.icon-bg.green {
    background: #0bb109
}

.header-line {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #232b46;
    color: #fff;
    border-bottom: 2px solid hsla(0, 0%, 100%, .08);
    margin: 0 -44px
}

.header-line--item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 7px 14px
}

.header-line--item:not(:last-child) {
    border-right: 2px solid hsla(0, 0%, 100%, .08)
}

.header-line--item img {
    margin-right: 4px
}

.header-line--item--text {
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 26px
}

.header-line--item--text span {
    color: #979aae
}

.header-container {
    top: 0;
    left: 0;
    position: absolute;
    padding: 0 44px;
    width: calc(100% - 88px);
    z-index: 900;
    transition: transform .25s ease-in-out;
    transform: translateZ(0)
}

.header-container.loyalty-program-open {
    border-bottom: 2px solid #232b46;
    background: #050a20
}

.header-container .header {
    min-width: 1024px;
    padding: 20px 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

.header-container .header .logo img {
    display: block
}

.header-container .header .loyalty-program-link {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    background: var(--gradients-gr-gold, linear-gradient(135deg, #d1a04a 1.79%, #f2d289 46.99%, #d1a04a 96.2%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 16px 24px;
    margin-top: 20px;
    cursor: url(/img/icons/heart-l.svg), pointer
}

.header-container .header .members-area {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .11px;
    text-align: center;
    display: block;
    float: right;
    padding: 14px 24px;
    margin-top: 20px;
    border-radius: 28px;
    border: 2px solid #232b46;
    background: linear-gradient(106deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.header-container .header .members-area span {
    line-height: 24px
}

.header-container .header .members-area img {
    float: left;
    margin-right: 10px
}

.header-container .header .members-area:hover {
    background-image: linear-gradient(106deg, #5fc1d7, #5fd7c4);
    border: 2px solid hsla(0, 0%, 100%, .1)
}

.header-container .header .navigation {
    margin: 35px auto 0
}

.header-container .header .navigation a,
.header-container .header .navigation div {
    margin-left: 12px !important;
    font-size: 14px;
    display: inline-block;
    margin: 0 0 0 12px
}

.header-container .header .navigation a span,
.header-container .header .navigation div span {
    color: #979aae;
    text-decoration: none;
    cursor: pointer;
    display: inline-block
}

.header-container .header .navigation a span:hover,
.header-container .header .navigation div span:hover {
    color: #c5c8d7
}

.header-container .header .navigation a span.active,
.header-container .header .navigation div span.active {
    color: #fff;
    font-weight: 500
}

.header-container .header .navigation a.dropdown,
.header-container .header .navigation div.dropdown {
    position: relative;
    padding-bottom: 10px
}

.header-container .header .navigation a.dropdown .submenu,
.header-container .header .navigation div.dropdown .submenu {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 392px;
    border-radius: 24px;
    background: #020617;
    padding: 22px 18px;
    margin: 10px 0 0 -18px;
    border: 2px solid #232b46;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    transform: translateY(-.5rem);
    transition: all .2s cubic-bezier(.5, 0, 0, .75);
    top: 30px;
    left: 0
}

.header-container .header .navigation a.dropdown .submenu .link,
.header-container .header .navigation div.dropdown .submenu .link {
    width: calc(100% - 40px);
    overflow: hidden;
    padding: 16px 20px;
    margin: 0;
    border-radius: 12px;
    cursor: pointer;
    text-align: left
}

.header-container .header .navigation a.dropdown .submenu .link span,
.header-container .header .navigation div.dropdown .submenu .link span {
    display: block;
    padding: 0;
    font-size: 14px
}

.header-container .header .navigation a.dropdown .submenu .link span.title,
.header-container .header .navigation div.dropdown .submenu .link span.title {
    margin: 5px 0;
    font-weight: 500;
    color: #fff
}

.header-container .header .navigation a.dropdown .submenu .link.people:before,
.header-container .header .navigation div.dropdown .submenu .link.people:before {
    background: url(/img/icons/people-circle.svg) 50% no-repeat #00b67a
}

.header-container .header .navigation a.dropdown .submenu .link.people:after,
.header-container .header .navigation div.dropdown .submenu .link.people:after {
    filter: invert(48%) sepia(66%) saturate(3270%) hue-rotate(132deg) brightness(98%) contrast(101%)
}

.header-container .header .navigation a.dropdown .submenu .link.news:before,
.header-container .header .navigation div.dropdown .submenu .link.news:before {
    background: url(/img/icons/news.svg) 50% no-repeat #4842d1
}

.header-container .header .navigation a.dropdown .submenu .link.news:after,
.header-container .header .navigation div.dropdown .submenu .link.news:after {
    filter: invert(23%) sepia(99%) saturate(4538%) hue-rotate(242deg) brightness(87%) contrast(86%)
}

.header-container .header .navigation a.dropdown .submenu .link.work:before,
.header-container .header .navigation div.dropdown .submenu .link.work:before {
    background: url(/img/icons/work.svg) 50% no-repeat #c28f2c
}

.header-container .header .navigation a.dropdown .submenu .link.work:after,
.header-container .header .navigation div.dropdown .submenu .link.work:after {
    filter: invert(54%) sepia(63%) saturate(476%) hue-rotate(1deg) brightness(94%) contrast(93%)
}

.header-container .header .navigation a.dropdown .submenu .link.support:before,
.header-container .header .navigation div.dropdown .submenu .link.support:before {
    background: url(/img/icons/support.svg) 50% no-repeat #ff4655
}

.header-container .header .navigation a.dropdown .submenu .link.support:after,
.header-container .header .navigation div.dropdown .submenu .link.support:after {
    filter: invert(46%) sepia(80%) saturate(5045%) hue-rotate(333deg) brightness(101%) contrast(89%)
}

.header-container .header .navigation a.dropdown .submenu .link.glossary:before,
.header-container .header .navigation div.dropdown .submenu .link.glossary:before {
    background: url(/img/icons/glossary-logo.svg) 50% no-repeat #0bb109
}

.header-container .header .navigation a.dropdown .submenu .link.glossary:after,
.header-container .header .navigation div.dropdown .submenu .link.glossary:after {
    filter: invert(48%) sepia(66%) saturate(3270%) hue-rotate(132deg) brightness(98%) contrast(101%)
}

.header-container .header .navigation a.dropdown .submenu .link.lol:before,
.header-container .header .navigation div.dropdown .submenu .link.lol:before {
    background: url(/img/icons/lol.svg) 50% no-repeat #050a20
}

.header-container .header .navigation a.dropdown .submenu .link.lol:after,
.header-container .header .navigation div.dropdown .submenu .link.lol:after {
    filter: invert(54%) sepia(63%) saturate(476%) hue-rotate(1deg) brightness(94%) contrast(93%)
}

.header-container .header .navigation a.dropdown .submenu .link.valorant:before,
.header-container .header .navigation div.dropdown .submenu .link.valorant:before {
    background: url(/img/icons/valorant.svg) 50% no-repeat #050a20
}

.header-container .header .navigation a.dropdown .submenu .link.valorant:after,
.header-container .header .navigation div.dropdown .submenu .link.valorant:after {
    filter: invert(46%) sepia(80%) saturate(5045%) hue-rotate(333deg) brightness(101%) contrast(89%)
}

.header-container .header .navigation a.dropdown .submenu .link.marvel-rivals:before,
.header-container .header .navigation div.dropdown .submenu .link.marvel-rivals:before {
    background: url(/img/icons/marvel-rivals.svg) 50% no-repeat #050a20
}

.header-container .header .navigation a.dropdown .submenu .link.marvel-rivals:after,
.header-container .header .navigation div.dropdown .submenu .link.marvel-rivals:after {
    filter: invert(46%) sepia(80%) saturate(5045%) hue-rotate(333deg) brightness(101%) contrast(89%)
}

.header-container .header .navigation a.dropdown .submenu .link.dota2:before,
.header-container .header .navigation div.dropdown .submenu .link.dota2:before {
    background: url(/img/icons/dota2.svg) 50% no-repeat #050a20
}

.header-container .header .navigation a.dropdown .submenu .link.dota2:after,
.header-container .header .navigation div.dropdown .submenu .link.dota2:after {
    filter: invert(46%) sepia(80%) saturate(5045%) hue-rotate(333deg) brightness(101%) contrast(89%)
}

.header-container .header .navigation a.dropdown .submenu .link.csgo:before,
.header-container .header .navigation div.dropdown .submenu .link.csgo:before {
    background: url(/img/icons/csgo.svg) 50% no-repeat #050a20
}

.header-container .header .navigation a.dropdown .submenu .link.csgo:after,
.header-container .header .navigation div.dropdown .submenu .link.csgo:after {
    filter: invert(54%) sepia(63%) saturate(476%) hue-rotate(1deg) brightness(94%) contrast(93%)
}

.header-container .header .navigation a.dropdown .submenu .link.overwatch:before,
.header-container .header .navigation div.dropdown .submenu .link.overwatch:before {
    background: url(/img/icons/overwatch.svg) 50% no-repeat #050a20
}

.header-container .header .navigation a.dropdown .submenu .link.overwatch:after,
.header-container .header .navigation div.dropdown .submenu .link.overwatch:after {
    filter: invert(54%) sepia(63%) saturate(476%) hue-rotate(1deg) brightness(94%) contrast(93%)
}

.header-container .header .navigation a.dropdown .submenu .link.rocket-league:before,
.header-container .header .navigation div.dropdown .submenu .link.rocket-league:before {
    background: url(/img/icons/rocket-league.svg) 50% no-repeat #050a20
}

.header-container .header .navigation a.dropdown .submenu .link.rocket-league:after,
.header-container .header .navigation div.dropdown .submenu .link.rocket-league:after {
    filter: invert(46%) sepia(80%) saturate(5045%) hue-rotate(333deg) brightness(101%) contrast(89%)
}

.header-container .header .navigation a.dropdown .submenu .link.poe2:before,
.header-container .header .navigation div.dropdown .submenu .link.poe2:before {
    background: url(/img/icons/poe2.svg) 50% no-repeat #050a20
}

.header-container .header .navigation a.dropdown .submenu .link.poe2:after,
.header-container .header .navigation div.dropdown .submenu .link.poe2:after {
    filter: invert(46%) sepia(80%) saturate(5045%) hue-rotate(333deg) brightness(101%) contrast(89%)
}

.header-container .header .navigation a.dropdown .submenu .link:hover span,
.header-container .header .navigation div.dropdown .submenu .link:hover span {
    color: #c5c8d7
}

.header-container .header .navigation a.dropdown .submenu .link:hover span.title,
.header-container .header .navigation div.dropdown .submenu .link:hover span.title {
    color: #fff
}

.header-container .header .navigation a.dropdown .submenu .link:hover:before,
.header-container .header .navigation div.dropdown .submenu .link:hover:before {
    border: 2px solid #3e496d
}

.header-container .header .navigation a.dropdown .submenu .link:before,
.header-container .header .navigation div.dropdown .submenu .link:before {
    content: ".";
    width: 48px;
    height: 48px;
    float: left;
    border-radius: 50%;
    border: 2px solid #232b46;
    margin-right: 24px;
    color: transparent;
    transition: all .15s ease-in-out
}

.header-container .header .navigation a.dropdown .submenu .link.active:before,
.header-container .header .navigation div.dropdown .submenu .link.active:before {
    border: 2px solid #3e496d
}

.header-container .header .navigation a.dropdown:hover .submenu,
.header-container .header .navigation div.dropdown:hover .submenu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.header-container .header .navigation a.dropdown:hover:after,
.header-container .header .navigation div.dropdown:hover:after {
    transform: rotate(-180deg)
}

.header-container .header .navigation a.dropdown:after,
.header-container .header .navigation div.dropdown:after {
    content: ">";
    display: block;
    float: right;
    font-weight: 600;
    font-size: 16px;
    -webkit-text-fill-color: transparent;
    transition: transform .3s ease-in-out;
    background: url(/img/icons/dropdown.svg) no-repeat;
    width: 24px;
    height: 24px;
    margin-top: -2px
}

.header-container .header .navigation a.active {
    color: #fff;
    font-weight: 500
}

.header-container .header .navigation a:first-of-type {
    margin-left: 0
}

.header-container .header .navigation.gameselect {
    margin: 35px 0 0
}

.header-container .header .navigation .link {
    position: relative
}

.header-container .header .navigation .link:hover:after {
    content: ".";
    color: transparent;
    display: block;
    font-weight: 600;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 32px;
    background: url(/img/icons/menu-arrow.svg) no-repeat;
    width: 24px;
    height: 24px;
    -webkit-animation: arrow-slide .5s 1;
    animation: arrow-slide .5s 1
}

.header-container .header .hamburger {
    display: none;
    margin-top: 30px;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 12px;
    right: 30px;
    cursor: pointer
}

.header-container .header .hamburger span {
    display: block;
    width: 16px;
    height: 2px;
    margin-bottom: 4px;
    position: relative;
    background: #fff;
    border-radius: 2px;
    z-index: 1;
    transform-origin: 2px 0
}

.header-container .header .hamburger span:first-child {
    transform-origin: 0 0
}

.header-container .header .hamburger span:nth-last-child(2) {
    transform-origin: 0 100%
}

.header-container.active {
    overflow-y: scroll;
    padding-bottom: 40px
}

.header-container.active .header .hamburger span {
    opacity: 1;
    transform: rotate(45deg) translate(-1px);
    transform-origin: -2px 6px
}

.header-container.active .header .hamburger span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(.2)
}

.header-container.active .header .hamburger span:nth-last-child(2) {
    transform: rotate(-45deg) translate(-1px, -1px);
    transform-origin: 4px -2px
}

.header-container.hide-nav {
    transform: translateY(-100%)
}

.header-container.fixed {
    position: fixed
}

.header-container.shadow:before {
    opacity: 1
}

.header-container:before {
    content: "";
    position: fixed;
    transition: all .25s ease-in-out;
    background: linear-gradient(#0e0e1c, rgba(14, 14, 28, 0));
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 150px;
    z-index: -1;
    opacity: 0
}

.loyalty-program-details {
    display: none;
    border-bottom: 2px solid #232b46;
    background: #050a20;
    padding: 96px 0 104px;
    top: 135px;
    left: 0;
    z-index: 90;
    position: fixed;
    width: 100%
}

.loyalty-program-details.open {
    display: block
}

.loyalty-program-details .container h2 {
    color: #fff;
    -webkit-text-fill-color: unset;
    -webkit-background-clip: unset;
    background-clip: unset;
    background: unset;
    margin-top: 0
}

.loyalty-program-details .container h2 span {
    background: var(--gradients-gr-gold, linear-gradient(135deg, #d1a04a 1.79%, #f2d289 46.99%, #d1a04a 96.2%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.loyalty-program-details .container .description-container {
    display: flex
}

.loyalty-program-details .container .description-container .description {
    color: #979aae;
    max-width: 440px;
    margin: 0 88px 54px 0;
    font-size: 16px
}

.loyalty-program-details .container .description-container .description span.white {
    color: #fff;
    font-weight: 500
}

.loyalty-program-details .container .feature-container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

.loyalty-program-details .container .feature-container .feature {
    padding: 30px;
    border: 2px solid #232b46;
    border-radius: 12px;
    width: 264px;
    max-width: 100%;
    font-size: 14px
}

.loyalty-program-details .container .feature-container .feature img {
    display: block;
    margin-bottom: 16px
}

.loyalty-program-details .container .feature-container .feature span {
    color: #fff;
    font-weight: 500
}

.loyalty-program-details .container .feature-container .feature span .gray {
    color: #979aae
}

.loyalty-program-details .loyalty-modal-close {
    display: none
}

.loyalty-program-overlay {
    opacity: 0;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #01020a;
    pointer-events: none;
    z-index: 80;
    position: fixed
}

.loyalty-program-overlay.show {
    display: block;
    opacity: .6
}

.main-background {
    background: url(/img/backgrounds/bg-home.png) top no-repeat
}

.main-background .container {
    padding-top: 140px
}

.main-background .container .top-block {
    min-height: 485px
}

.main-background .container .top-block .last-order {
    font-size: 12px;
    padding-top: 20px
}

.main-background .container .top-block .last-order__red {
    color: #ff4655;
    font-weight: 500
}

.main-background .container .top-block .last-order__white,
.main-background .container .top-block .last-order span {
    color: #fff;
    font-weight: 500
}

.main-background .container .top-block__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width:1063px) {
    .main-background .container .top-block__inner {
        flex-direction: column;
        align-items: flex-start
    }
}

.main-background--valorant {
    background: url(/img/backgrounds/valorant/vall-bg.png) top no-repeat
}

.main-background--valorant-2 {
    background: url(/img/backgrounds/valorant/val-bg.png) top no-repeat
}

.main-background--valorant-3 {
    background: url(/img/backgrounds/valorant/valorant-1x.png) top no-repeat
}

.main-background--valorant-4 {
    background: url(/img/backgrounds/valorant/val-plc.png) top no-repeat
}

.main-background--valorant-5 {
    background: url(/img/backgrounds/valorant/val-team-bg.png) top no-repeat
}

.main-background--valorant-6 {
    background: url(/img/backgrounds/valorant/valo-team.png) top no-repeat
}

.main-background--lol {
    background: url(/img/backgrounds/lol/2-web.png) top no-repeat
}

.main-background--lol-d {
    background: url(/img/backgrounds/lol/3-web.png) top no-repeat
}

.main-background--lol-p {
    background: url(/img/backgrounds/lol/4-web.png) top no-repeat
}

.main-background--lol-w {
    background: url(/img/backgrounds/lol/3-web.png) top no-repeat
}

.main-background--lol-c {
    background: url(/img/backgrounds/lol/5-web.png) top no-repeat
}

.main-background--lol-t {
    background: url(/img/backgrounds/lol/7-web.png) top no-repeat
}

.main-background--csgo {
    background: url(/img/backgrounds/csgo/cs-homepage-1x.png) top no-repeat
}

.main-background--csgo-rank {
    background: url(/img/backgrounds/csgo/cs-rankboost-1x.png) top no-repeat
}

.main-background--csgo-faceit {
    background: url(/img/backgrounds/csgo/cs-faceit-1x.png) top no-repeat
}

.main-background--csgo-esea {
    background: url(/img/backgrounds/csgo/cs-esea-1x.png) top no-repeat
}

.main-background--dota {
    background: url(/img/backgrounds/dota/dota-bg.png) top no-repeat
}

.main-background--dota .short {
    width: 298px
}

.main-background--overwatch {
    background: url(/img/backgrounds/overwatch/header.png) top no-repeat
}

.main-background--rocket-league {
    background: url(/img/backgrounds/rocket-league/main-home.png) top no-repeat
}

.main-background--marvel-rivals {
    background: url(/img/backgrounds/marvel-rivals/header.png) top no-repeat
}

.container {
    max-width: 1280px;
    margin: 0 auto
}

.container .raise-rank-image {
    position: relative;
    max-width: 417px;
    width: 100%;
    height: 365px;
    box-sizing: border-box;
    margin-left: 20px
}

.container .raise-rank-image__back,
.container .raise-rank-image__front,
.container .raise-rank-image__gift,
.container .raise-rank-image__rank {
    -webkit-animation: float-5 3s ease-in-out .4s infinite;
    animation: float-5 3s ease-in-out .4s infinite;
    position: absolute
}

.container .raise-rank-image__back,
.container .raise-rank-image__front {
    display: block;
    width: 100%;
    max-width: 360px
}

.container .raise-rank-image__back {
    z-index: 2;
    top: -11px;
    right: -2px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.container .raise-rank-image__front {
    z-index: 3;
    bottom: 11px;
    left: 0;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.container .raise-rank-image__rank {
    left: 1px;
    top: 31px;
    z-index: 4
}

.container .raise-rank-image__gift {
    right: 13%;
    top: 31px;
    z-index: 4
}

.container .raise-rank-image__lootbox {
    max-width: 416px;
    width: 100%
}

.container .raise-rank-image--dota .raise-rank-image__rank {
    left: -79px;
    top: 72px
}

.container .raise-rank-image--dota .raise-rank-image__front {
    bottom: 0
}

.container .raise-rank-image--dota .raise-rank-image__back {
    top: 0
}

.container .raise-rank-image--lol .raise-rank-image__rank {
    left: -30px;
    top: 44px
}

.container .raise-rank-image--lol .raise-rank-image__front {
    bottom: 0
}

.container .raise-rank-image--lol .raise-rank-image__back {
    top: 0
}

.container .raise-rank-image--cs-rank .raise-rank-image__rank {
    left: -32px;
    top: 51px
}

.container .raise-rank-image--cs-face .raise-rank-image__rank {
    left: -16px
}

.container .raise-rank-image--cs-esea .raise-rank-image__rank {
    left: -15px;
    top: 18px
}

@media (max-width:767px) {
    .container .raise-rank-image .raise-rank-image {
        margin-bottom: 40px
    }
}

.container.get-out-of-hell-image-wrap p {
    max-width: 425px !important
}

.container .get-out-of-hell-image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 426px;
    max-height: 375px;
    margin-right: 81px
}

.container .get-out-of-hell-image .get-out-of-hell-image-ring {
    border-radius: 100%;
    position: absolute;
    width: 305px;
    height: 305px;
    border: 2px solid rgba(151, 154, 174, .04);
    -webkit-animation: pulse-ring 2s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    box-sizing: border-box
}

.container .get-out-of-hell-image .get-out-of-hell-image-ring.ring-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.container .get-out-of-hell-image img {
    max-width: 232px;
    width: 100%;
    position: absolute;
    transform: translateY(-24px)
}

.container .get-out-of-hell-image--lol-p img {
    max-width: 311px;
    transform: translateY(-12px)
}

.container .get-out-of-hell-image--overwatch {
    margin-left: 81px;
    margin-right: 0
}

.container .get-out-of-hell-image--overwatch img {
    max-width: 264px
}

.container .get-out-of-hell-image--dota img {
    max-width: 262px;
    transform: translateY(-55px) translateX(17px)
}

.container .get-out-of-hell-image--face img {
    max-width: 254px;
    transform: translateY(-18px)
}

.container .get-out-of-hell-image--rocket-league img {
    max-width: 285px
}

.container .blackbox {
    margin-top: 110px;
    padding: 56px 85px 50px;
    background: #050a20;
    border-radius: 24px;
    border: 2px solid #232b46
}

.container .blackbox--no-borer {
    border-radius: 12px 12px 0 0;
    border-bottom: none
}

.container .blackbox p {
    font-size: 16px;
    color: #979aae;
    padding: 0;
    margin: 0
}

.container .blackbox p span {
    color: #fff;
    font-weight: 500
}

.container .blackbox img.rating {
    float: right;
    margin-top: 3px
}

.container .blackbox.top-links {
    margin-top: 60px
}

.container .blackbox.top-links .top-links-container {
    display: flex
}

.container .blackbox.top-links .top-links-container .col {
    flex: 1;
    text-align: center;
    position: relative
}

.container .blackbox.top-links .top-links-container .col:after {
    content: ".";
    width: 8px;
    height: 8px;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 8px
}

.container .blackbox.top-links .top-links-container .col:last-child:after {
    display: none
}

.container .blog-item {
    margin: 60px auto 0;
    max-width: 680px;
    overflow: hidden
}

.container .blog-item .image {
    float: left;
    position: relative;
    max-width: calc(50% - 4px);
    border-radius: 24px;
    overflow: hidden;
    height: 234px;
    border: 2px solid hsla(0, 0%, 100%, .08)
}

.container .blog-item .image img {
    min-width: 100%;
    max-height: 100%
}

.container .blog-item .content {
    float: left;
    width: calc(50% - 40px);
    padding-left: 40px;
    padding-top: 10px
}

.container .blog-item .content .title {
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .15px
}

.container .blog-item .content .title:hover {
    text-decoration: underline
}

.container .select-type {
    margin-top: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 24px
}

.container .select-type .selectbox-wrap {
    position: relative;
    transition: all .15s ease-in-out;
    width: 328px;
    border-radius: 24px;
    overflow: hidden
}

.container .select-type .selectbox-wrap:hover {
    transform: translateY(-12px) translateZ(0);
    box-shadow: inset 0 0 0 2px rgba(183, 199, 252, .08), 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.container .select-type .selectbox-wrap .selectbox {
    padding: 40px;
    border-radius: 24px;
    cursor: pointer;
    transition: all .15s ease-in-out;
    -o-object-fit: contain;
    object-fit: contain;
    box-shadow: inset 0 0 0 2px rgba(183, 199, 252, .08)
}

.container .select-type .selectbox-wrap .selectbox span {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    display: inline-block;
    padding: 33px 0 0;
    width: 140px;
    height: 183px
}

.container .select-type .selectbox-wrap .selectbox .game-icon {
    width: 76px;
    height: 64px;
    border-radius: 12px;
    border: 2px solid hsla(0, 0%, 100%, .08);
    background-color: #050a20;
    box-sizing: border-box
}

.container .select-type .selectbox-wrap .selectbox .arrow {
    border-radius: 50%;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08)
}

.container .select-type .selectbox-wrap .selectbox.lol {
    background: url(/img/icons/gametype-lol.webp) 50% no-repeat #050a20;
    background-size: cover
}

.container .select-type .selectbox-wrap .selectbox.lol .game-icon {
    background: url(/img/icons/lol.svg) 50% no-repeat #050a20
}

.container .select-type .selectbox-wrap .selectbox.lol .arrow {
    background-color: #c28f2c
}

.container .select-type .selectbox-wrap .selectbox.valorant {
    background: url(/img/icons/gametype-valorant.webp) 50% no-repeat #050a20;
    background-size: cover
}

.container .select-type .selectbox-wrap .selectbox.valorant .game-icon {
    background: url(/img/icons/valorant.svg) 50% no-repeat #050a20
}

.container .select-type .selectbox-wrap .selectbox.valorant .arrow {
    background-color: #ff4655
}

.container .select-type .selectbox-wrap .selectbox.marvel-rivals {
    background: url(/img/icons/gametype-marvel-rivals.png) 50% no-repeat #050a20;
    background-size: cover
}

.container .select-type .selectbox-wrap .selectbox.marvel-rivals .game-icon {
    background: url(/img/icons/marvel-rivals.svg) 50% no-repeat #050a20
}

.container .select-type .selectbox-wrap .selectbox.marvel-rivals .arrow {
    background-color: #ffb839
}

.container .select-type .selectbox-wrap .selectbox.poe2 {
    background: url(/img/icons/gametype-poe2.png) 50% no-repeat #050a20;
    background-size: cover
}

.container .select-type .selectbox-wrap .selectbox.poe2 .game-icon {
    background: url(/img/icons/poe2.svg) 50% no-repeat #050a20
}

.container .select-type .selectbox-wrap .selectbox.poe2 .arrow {
    background-color: #681e1d
}

.container .select-type .selectbox-wrap .selectbox.wow {
    background: url(/img/icons/gametype-wow.png) 50% no-repeat #050a20;
    background-size: cover
}

.container .select-type .selectbox-wrap .selectbox.wow .game-icon {
    background: url(/img/icons/wow.svg) 50% no-repeat #050a20
}

.container .select-type .selectbox-wrap .selectbox.wow .arrow {
    background-color: #681e1d
}

.container .select-type .selectbox-wrap .selectbox.dota {
    background: url(/img/icons/gametype-dota.webp) 50% no-repeat #050a20;
    background-size: cover
}

.container .select-type .selectbox-wrap .selectbox.dota .game-icon {
    background: url(/img/icons/dota2.svg) 50% no-repeat #050a20
}

.container .select-type .selectbox-wrap .selectbox.dota .arrow {
    background-color: #ea473b
}

.container .select-type .selectbox-wrap .selectbox.lost {
    background: url(/img/icons/gametype-lost.png) 50% no-repeat #050a20;
    background-size: cover
}

.container .select-type .selectbox-wrap .selectbox.lost .game-icon {
    background: url(/img/icons/lost-ark-gray.svg) 50% no-repeat #050a20
}

.container .select-type .selectbox-wrap .selectbox.lost .arrow {
    background-color: #ea473b
}

.container .select-type .selectbox-wrap .selectbox.csgo {
    background: url(/img/icons/gametype-csgo.webp) 50% no-repeat #050a20;
    background-size: cover
}

.container .select-type .selectbox-wrap .selectbox.csgo .game-icon {
    background: url(/img/icons/csgo.svg) 50% no-repeat #050a20
}

.container .select-type .selectbox-wrap .selectbox.csgo .arrow {
    background-color: #4842d1
}

.container .select-type .selectbox-wrap .selectbox.overwatch {
    background: url(/img/backgrounds/overwatch/bg.webp) 50% no-repeat #050a20;
    background-size: cover
}

.container .select-type .selectbox-wrap .selectbox.overwatch .game-icon {
    background: url(/img/icons/overwatch.svg) 50% no-repeat #050a20
}

.container .select-type .selectbox-wrap .selectbox.overwatch .arrow {
    background-color: #ffa501
}

.container .select-type .selectbox-wrap .selectbox.rocket-league {
    background: url(/img/backgrounds/rocket-league/bg.webp) 50% no-repeat #050a20;
    background-size: cover
}

.container .select-type .selectbox-wrap .selectbox.rocket-league .game-icon {
    background: url(/img/icons/rocket-league.svg) 50% no-repeat #050a20
}

.container .select-type .selectbox-wrap .selectbox.rocket-league .arrow {
    background-color: #043cae
}

.container .select-type .selectbox-wrap .selectbox.content {
    background: #050a20;
    cursor: auto;
    height: auto
}

.container .select-type .selectbox-wrap .selectbox.content img {
    outline: 2px solid rgba(183, 199, 252, .08);
    outline-offset: -2px
}

.container .select-type .selectbox-wrap .selectbox.content p {
    min-height: 160px
}

.container .select-type .selectbox-wrap .selectbox.content:hover {
    transform: scale(1)
}

.container .select-type .selectbox-wrap .backdrop {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all .15s ease-in-out;
    opacity: 0;
    width: 230px;
    height: 100px;
    z-index: 5;
    pointer-events: none;
    filter: blur(50px)
}

.container .select-type .selectbox-wrap .backdrop.lol {
    background-image: linear-gradient(67deg, #c49540, #e9b65e 112%)
}

.container .select-type .selectbox-wrap .backdrop.marvel-rivals {
    background-image: linear-gradient(67deg, #c49540, #ffb839 112%)
}

.container .select-type .selectbox-wrap .backdrop.poe2 {
    background-image: linear-gradient(67deg, #712f2e, #681e1d 112%)
}

.container .select-type .selectbox-wrap .backdrop.valorant {
    background-image: linear-gradient(239deg, #3023ae 11%, #c86dd7 46%)
}

.container .select-type .selectbox-wrap .backdrop.csgo {
    background-image: linear-gradient(257deg, #2d49a9 71%, #827eff 0)
}

.container .select-type .selectbox-wrap .backdrop.dota {
    background-image: linear-gradient(315deg, #fb6d7a, #c52374)
}

.container .select-type .selectbox-wrap .backdrop.overwatch {
    background-image: linear-gradient(67deg, #ffa501, #ebbb6a 112%)
}

.container .select-type .selectbox-wrap .backdrop.rocket-league {
    background-image: linear-gradient(67deg, #043cae, #4078e7 112%)
}

.container .select-type .selectbox-wrap:hover .backdrop {
    opacity: 1
}

.container .select-type .selectbox-wrap--soon {
    pointer-events: none
}

.container .select-type .selectbox-wrap--soon .selectbox span {
    color: #979aae;
    height: 199px
}

.container .select-type .selectbox-wrap--soon .selectbox__soon {
    background: #050a20;
    border: 2px solid #232b46;
    box-sizing: border-box;
    border-radius: 20px;
    width: 128px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .1px;
    color: #979aae
}

.container .select-type>.selectbox {
    flex-basis: 0;
    flex-grow: 1;
    height: 332px;
    box-shadow: inset 0 0 0 2px rgba(183, 199, 252, .08);
    padding: 40px;
    border-radius: 24px;
    cursor: pointer;
    margin: 0 12px;
    -webkit-transition: all .3s ease-in-out
}

.container .select-type>.selectbox span {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    padding: 40px 0 0;
    width: 140px;
    height: 175px
}

.container .select-type>.selectbox .game-icon {
    width: 76px;
    height: 64px;
    border-radius: 12px;
    border: 2px solid hsla(0, 0%, 100%, .08);
    background-color: #050a20
}

.container .select-type>.selectbox .arrow {
    padding: 20px;
    border-radius: 31.5px;
    width: 16px;
    height: 16px
}

.container .select-type>.selectbox.lol .game-icon {
    background: url(/img/icons/lol.svg) 50% no-repeat #050a20;
    border-color: #bb9a54
}

.container .select-type>.selectbox.valorant .game-icon {
    background: url(/img/icons/valorant.svg) 50% no-repeat #050a20;
    border-color: #fd4d68
}

.container .select-type>.selectbox.csgo .game-icon {
    background: url(/img/icons/csgo.svg) 50% no-repeat #050a20;
    border-color: #4ed3be
}

.container .select-type>.selectbox.content {
    background: #050a20;
    cursor: auto;
    height: auto
}

.container .select-type>.selectbox.content img {
    outline: 2px solid rgba(183, 199, 252, .08);
    outline-offset: -2px
}

.container .select-type>.selectbox.content p {
    min-height: 160px
}

.container .select-type>.selectbox.content:hover {
    -webkit-transform: scale(1)
}

.container .select-type>.selectbox:first-child {
    margin: 0 12px 0 0
}

.container .select-type>.selectbox:last-child {
    margin: 0 0 0 12px
}

.container .letter {
    position: relative
}

@media (max-width:767px) {
    .container .letter {
        margin-bottom: 125px
    }
}

.container .letter .background-text {
    position: absolute;
    font-family: Bebas Neue, cursive;
    text-align: center;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    color: #080f28;
    font-size: 150px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 144px;
    letter-spacing: -4px;
    background: linear-gradient(103deg, #0052d4, #6fb1fc);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-stroke: 2px transparent;
    webkit-background-clip: text;
    text-shadow: 0 0 2px #fff;
    z-index: -1;
    pointer-events: none;
    opacity: .1;
    top: -200px
}

.container .letter .background-text.centered {
    width: 100%
}

.container .letter h2,
.container .letter p {
    max-width: 504px;
    margin-left: auto;
    margin-right: auto
}

.container .letter h2.liaa-funding,
.container .letter p.liaa-funding {
    background: #fff;
    border-radius: 12px;
    text-align: center;
    padding: 20px 0;
    overflow: hidden
}

.container .letter span.text-red {
    background: var(--additional-games-valorant-add-FF4655, #ff4655);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.container .letter h2 {
    text-align: center;
    margin-bottom: 24px;
    margin-top: 165px
}

.container .letter p {
    padding: 0;
    margin: 0 auto 16px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.container .letter p span {
    color: #fff
}

.container .letter p .button {
    margin-top: 16px;
    height: 56px;
    box-sizing: border-box;
    width: 100%;
    padding: 10px
}

.container .letter p.no-bottom-margin {
    margin-bottom: 0
}

.container .letter .author {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.container .letter .author .photo {
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 13px
}

.container .letter .author .blurred-name {
    float: left;
    height: 16px;
    padding-top: 3px
}

.container .letter .author .name {
    float: left;
    width: calc(100% - 61px);
    position: relative
}

.container .letter .author .name__tag {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: .1px
}

.container .letter .author .name span {
    display: block;
    padding-top: 3px;
    letter-spacing: .1px;
    color: #979aae;
    font-size: 14px;
    float: left
}

.container .letter .author .name .rating-5star {
    float: left;
    padding: 5px 10px;
    border-radius: 16px;
    margin-top: -3px;
    margin-left: 21px
}

.container .video-thumbnail {
    border-radius: 24px;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08);
    position: relative;
    overflow: hidden;
    height: 296px;
    width: 416px;
    cursor: pointer;
    transition: all .15s ease-in-out
}

.container .video-thumbnail .logo {
    background: #050a20;
    border-radius: 13px 0 0 13px;
    border: 2px solid hsla(0, 0%, 100%, .08);
    float: left;
    margin: 16px;
    padding: 10px 12px 5px
}

.container .video-thumbnail .logo img {
    height: 32px
}

.container .video-thumbnail .video-subtitle,
.container .video-thumbnail .video-title {
    float: left;
    color: #fff;
    margin: 0 0 8px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    width: calc(100% - 90px)
}

.container .video-thumbnail .video-subtitle span,
.container .video-thumbnail .video-title span {
    background: linear-gradient(103deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.container .video-thumbnail .video-title {
    margin-top: 22px
}

.container .video-thumbnail .play-button {
    position: absolute;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .4);
    border: 2px solid hsla(0, 0%, 100%, .08);
    background-color: rgba(1, 4, 17, .8);
    background-image: url(/img/icons/play-btn.svg);
    background-position: 50%;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    box-sizing: border-box;
    background-repeat: no-repeat
}

.container .video-thumbnail .transparent-border {
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08);
    width: 100%;
    height: 100%;
    border-radius: 24px;
    top: 0;
    left: 0;
    position: absolute
}

.container .video-thumbnail .transparent-border:hover {
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .16)
}

.container .video-thumbnail.csgo {
    background: url(/img/icons/gametype-csgo.png) 50% no-repeat #050a20;
    background-size: cover
}

.container .video-thumbnail.right {
    float: right
}

.container .video-thumbnail:hover {
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .16)
}

.container .video-thumbnail:hover .play-button {
    background-color: rgba(1, 4, 17, .8)
}

.container .divider {
    width: 100%;
    height: 2px;
    background-color: #232b46
}

.container.spacing-top {
    margin-top: 145px
}

.container .divider.top {
    margin-top: 166px
}

.container .divider.bottom,
.container.spacing-bottom {
    margin-bottom: 166px
}

.container .highlight {
    margin-top: 156px;
    padding: 160px 120px 0;
    text-align: center;
    border-radius: 24px;
    border: 2px solid #232b46;
    background-color: #080f28;
    justify-content: center;
    box-shadow: inset 0 0 60px 60px #050a20
}

.container .highlight h2 {
    margin: 0 auto 24px;
    max-width: 410px
}

.container .highlight p {
    margin: 0 auto 32px;
    max-width: 504px
}

.container .highlight .screenshots {
    margin-top: 80px;
    margin-bottom: -8px;
    text-align: center
}

.container .highlight .screenshots img {
    -webkit-mask-image: linear-gradient(1turn, rgba(5, 10, 32, .0001), #050a20 60%);
    mask-image: linear-gradient(1turn, rgba(5, 10, 32, .0001), #050a20 60%);
    margin: 0 8px;
    width: 248px
}

@media screen and (max-width:767px) {
    .container .highlight .screenshots img {
        margin: 0
    }
}

.container .highlight .screenshots img:first-child {
    margin-left: 0
}

.container .highlight .screenshots img:last-child {
    margin-right: 0
}

.container .faq {
    position: relative;
    overflow: hidden
}

.container .faq h2 {
    padding-top: 158px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto 79px
}

.container .faq--lol h2 {
    max-width: 540px
}

.container .faq .background-text {
    position: absolute;
    font-family: Bebas Neue, cursive;
    text-align: center;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    color: #0a102a;
    font-size: 150px;
    line-height: 144px;
    -webkit-text-stroke: 2px transparent;
    background: linear-gradient(103deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    z-index: -1;
    pointer-events: none;
    opacity: .1;
    top: -40px
}

.container .faq .faq-block {
    max-width: 500px;
    border-radius: 24px;
    border: 2px solid #232b46;
    background-color: #050a20;
    margin: 0 auto 32px
}

.container .faq .faq-block .question {
    padding: 28px 0 26px 38px;
    color: #fff;
    border-bottom: 2px solid #232b46;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.container .faq .faq-block .question span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.container .faq .faq-block .question:after {
    content: ">";
    display: block;
    float: right;
    font-weight: 600;
    font-size: 16px;
    -webkit-text-fill-color: transparent;
    transition: transform .3s ease-in-out;
    background: url(/img/icons/dropdown.svg) no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 39px 0 0;
    transform: rotate(180deg)
}

.container .faq .faq-block .answer {
    padding: 24px 38px
}

.container .faq .faq-block .answer P {
    margin: 0 0 16px
}

.container .faq .faq-block .answer .button {
    margin: 14px 0
}

.container .faq .faq-block.closed .question {
    border-bottom: none
}

.container .faq .faq-block.closed .question:after {
    transform: rotate(0deg)
}

.container .faq .faq-block.closed .answer {
    display: none
}

.container .faq .faq-block:hover {
    border: 2px solid hsla(0, 0%, 100%, .16)
}

.container .promo-king {
    background-size: contain;
    border-radius: 24px;
    position: relative;
    margin-top: 140px;
    height: 0;
    padding-top: 48%
}

.container .promo-king .content {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.container .promo-king .content img {
    position: absolute;
    width: 100%;
    z-index: -1;
    display: flex
}

.container .promo-king .content .text {
    max-width: 334px;
    margin: 0 auto 36px;
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: .1px;
    color: #d2d0ff
}

.container .promo-king .content .text span {
    color: #fff
}

.container .promo-king .content .button {
    background: #050a20;
    color: #fff;
    border: none;
    padding: 12px 40px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.container .promo-king .content .button:hover {
    background: #000
}

.container .triple-image .image-large,
.container .triple-image .image-small {
    border-radius: 24px;
    box-shadow: inset 0 0 0 2px rgba(183, 199, 252, .08)
}

.container .triple-image .image-large.chair,
.container .triple-image .image-small.chair {
    background: url(/img/content/about/about-chair.jpg) 50% no-repeat;
    background-size: cover
}

@media (-webkit-min-device-pixel-ratio:2) {

    .container .triple-image .image-large.chair,
    .container .triple-image .image-small.chair {
        background: url(/img/content/about/about-chair@2x.jpg) 50% no-repeat;
        background-size: cover
    }
}

.container .triple-image .image-large.vr,
.container .triple-image .image-small.vr {
    background: url(/img/content/about/about-vr.png) 50% no-repeat;
    background-size: cover
}

@media (-webkit-min-device-pixel-ratio:2) {

    .container .triple-image .image-large.vr,
    .container .triple-image .image-small.vr {
        background: url(/img/content/about/about-vr@2x.png) 50% no-repeat;
        background-size: cover
    }
}

.container .triple-image .image-large.lol,
.container .triple-image .image-small.lol {
    background: url(/img/content/about/about-lol.png) 50% no-repeat;
    background-size: cover
}

@media (-webkit-min-device-pixel-ratio:2) {

    .container .triple-image .image-large.lol,
    .container .triple-image .image-small.lol {
        background: url(/img/content/about/about-lol@2x.png) 50% no-repeat;
        background-size: cover
    }
}

.container .triple-image .image-large {
    width: 680px;
    height: 480px;
    float: left
}

.container .triple-image .image-small {
    width: 326px;
    height: 232px;
    float: right
}

.container .triple-image .image-small:last-of-type {
    margin-top: 16px
}

.container .about-people {
    margin-top: 56px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center
}

.container .about-people .person {
    width: 420px;
    padding: 40px;
    border: 2px solid #232b46;
    border-radius: 24px;
    background: #050a20;
    position: relative;
    overflow: hidden;
    margin-bottom: 24px
}

.container .about-people .person .photo {
    position: relative;
    width: 56px;
    height: 56px;
    float: left;
    margin-right: 24px
}

.container .about-people .person .photo .flag {
    position: absolute;
    top: -7px;
    right: -7px
}

.container .about-people .person .name {
    margin-right: 24px;
    float: left
}

.container .about-people .person .name .full-name {
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

.container .about-people .person .name .full-name a {
    color: #fff
}

.container .about-people .person .name .position {
    font-size: 14px;
    color: #979aae
}

.container .about-people .person .discord {
    float: right;
    background: #5865f2;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.container .about-people .person .discord img {
    width: 24px;
    height: 24px
}

.container .about-people .person .discord:hover {
    background: #3745d3
}

.container.overflow {
    overflow: hidden
}

.container.legal h1 {
    max-width: 500px;
    margin: 100px auto 34px
}

.container.legal h2 {
    margin: 32px auto 16px;
    max-width: 500px;
    color: #fff;
    -webkit-text-fill-color: #fff;
    font-weight: 400;
    font-size: 16px
}

.container.legal p {
    max-width: 500px;
    margin: 16px auto
}

.container.col-2,
.container.col-3 {
    display: flex
}

.container.col-2 .col,
.container.col-3 .col {
    flex-basis: 0;
    flex-grow: 1
}

.container.col-2 .col h2,
.container.col-3 .col h2 {
    max-width: 390px;
    margin-top: -7px
}

.container .comparison-boxes {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width:767px) {
    .container .comparison-boxes {
        grid-template-columns: 1fr
    }

    .container .comparison-boxes .comparison-box {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .container .comparison-boxes .comparison-box:first-child,
    .container .comparison-boxes .comparison-box:last-child {
        border-radius: 24px;
        border: 2px solid var(--functional-grey-strokes-232B46, #232b46)
    }

    .container .comparison-boxes .comparison-box:last-child {
        margin-top: 24px
    }
}

@media (min-width:768px) {
    .container .comparison-boxes .comparison-box:first-child {
        border-radius: 12px 0 0 12px;
        border-right-width: 0
    }

    .container .comparison-boxes .comparison-box:last-child {
        border-radius: 0 12px 12px 12px
    }
}

.container .comparison-boxes .comparison-box {
    border: 2px solid var(--functional-grey-strokes-232B46, #232b46);
    padding: 40px 60px 20px;
    margin-top: 50px
}

.container .comparison-boxes .comparison-box h5.title {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: .1000000015px;
    text-align: left
}

.container .comparison-boxes .comparison-box h5.title .text-white {
    color: #fff
}

.container .comparison-boxes .comparison-box ul {
    padding-left: 0
}

.container .comparison-boxes .comparison-box li {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: .1000000015px;
    text-align: left;
    position: relative;
    padding-left: 30px;
    text-indent: 0
}

.container .comparison-boxes .comparison-box li:before {
    content: "\2192";
    font-size: 20px;
    background-image: unset;
    position: absolute;
    left: 0;
    text-indent: 0;
    margin-top: 4px
}

.container .comparison-boxes .comparison-box li span {
    color: #fff
}

.container .comparison-boxes .comparison-box:first-child {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.container .comparison-boxes .comparison-box:first-child li:before {
    color: #ff4655
}

.container .comparison-boxes .comparison-box:last-child {
    background: var(--functional-dark-bg-050A20, #050a20)
}

.container .comparison-boxes .comparison-box:last-child li:before {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.container .comparison-boxes .comparison-box .top-icon-box {
    width: 76px;
    height: 64px;
    font-size: 24px;
    border-radius: 12px;
    border: 2px solid var(--functional-grey-strokes-232B46, #232b46);
    background: var(--functional-dark-lighter-bg-080F28, #080f28);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 40px
}

.container .comparison-boxes .comparison-box .top-icon-box img {
    width: 24px;
    height: 24px
}

@media (max-width:767px) {
    .container.col-2 .col.raise-rank-image--lol {
        margin-bottom: 56px
    }

    .container.col-2 .col p {
        max-width: 100% !important
    }
}

.container.col-2 .col p {
    margin: 26px 0;
    max-width: 416px
}

.container.col-2 .col p.elo-hell-text {
    max-width: 416px
}

.container.col-2 .col p.no-top-margin {
    margin-top: 0
}

.container.col-2 .col .review-quote {
    min-width: 215px;
    width: 416px;
    float: right;
    box-shadow: inset 0 0 0 2px rgba(183, 199, 252, .1);
    position: relative;
    padding: 63px 64px 49px;
    margin-left: 40px;
    margin-top: 2px;
    background: #050a20;
    border-radius: 24px;
    box-sizing: border-box
}

.container.col-2 .col .review-quote .quote {
    background: url(/img/icons/quote.svg) 50% no-repeat transparent;
    width: 40px;
    height: 32px;
    position: absolute
}

.container.col-2 .col .review-quote .quote.upper {
    left: 48px;
    top: -17px;
    transform: rotate(180deg);
    -webkit-animation: float-5-180 3s ease-in-out .4s infinite;
    animation: float-5-180 3s ease-in-out .4s infinite
}

.container.col-2 .col .review-quote .quote.lower {
    right: 47px;
    bottom: -15px;
    -webkit-animation: float-5 3s ease-in-out .4s infinite;
    animation: float-5 3s ease-in-out .4s infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.container.col-2 .col .review-quote .review {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    margin: 0 0 9px
}

.container.col-2 .col .review-quote .review .fancy {
    font-weight: 600
}

.container.col-2 .col .review-quote .author .photo {
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 13px;
    margin-top: 5px
}

.container.col-2 .col .review-quote .author .blurred-name {
    float: left;
    height: 16px;
    padding-top: 5px
}

.container.col-2 .col .review-quote .author .name {
    float: left;
    width: calc(100% - 61px);
    position: relative
}

.container.col-2 .col .review-quote .author .name span {
    display: inline-block;
    color: #979aae;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.container.col-2 .col .review-quote .author .name .rating-5star {
    float: right;
    border-radius: 16px;
    margin-top: 4px
}

.container.col-3 .col {
    margin: 0 12px
}

.container.col-3 .col p {
    margin: 12px 0
}

.container.col-3 .col:first-child {
    margin-left: 0
}

.container.col-3 .col:last-child {
    margin-right: 0
}

.container.top {
    padding-top: 120px
}

.container.page-not-found {
    padding-top: 400px;
    width: 500px;
    margin: 0 auto;
    overflow: hidden
}

.container.page-not-found .hand-icon {
    width: 135px;
    height: 150px;
    background: url(/img/icons/hand.png) 50% no-repeat;
    float: left;
    margin-right: 30px
}

.container.page-not-found h1 {
    font-size: 32px;
    margin-top: 14px;
    margin-bottom: 0;
    float: left
}

.container.page-not-found p {
    margin-top: 11px;
    float: left
}

.title-video {
    display: flex
}

.title-video .col .video-thumbnail {
    width: 100%
}

.league-block .elo-boosting {
    margin-top: 168px
}

.league-block .back,
.league-block .front {
    border-radius: 26px
}

.league-block .thumb {
    height: 40dvh;
    width: 100%;
    border-radius: 27px
}

.league-block .video-col {
    margin-top: 80px
}

.league-block .video-img {
    height: 40dvh;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.league-block .container-lol {
    display: flex;
    justify-content: space-between;
    max-width: 950px
}

@media (max-width:767px) {
    .league-block .container-lol {
        flex-direction: column
    }
}

.league-block .container-lol .title-video {
    margin-top: -30px
}

.league-block .container-lol li {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.league-block .container-lol li img {
    margin-right: 10px
}

.league-block .col {
    flex-basis: 0;
    flex-grow: 1
}

.league-block h2 {
    max-width: 390px;
    margin-top: -7px
}

.league-block .choose-block {
    align-content: center;
    align-items: center;
    display: flex
}

.league-block .choose-block .video-btn {
    margin-top: 0
}

@media (max-width:900px) {
    .league-block .choose-block {
        flex-direction: column
    }

    .league-block .choose-block .video-btn {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .league-block a.button.go {
        width: 65vw
    }
}

.trust-block {
    margin-top: 200px
}

.trust-block,
.trust-block .shape {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 504px
}

.trust-block .shape {
    position: relative;
    align-items: flex-start;
    top: -50px;
    justify-content: flex-start
}

.trust-block .shape img {
    position: absolute;
    top: -150px
}

.trust-block .shape h2 {
    max-width: 504px;
    margin: 10px auto 0
}

.trust-block .testimonial-lol {
    display: flex;
    align-items: center;
    margin-top: -25px
}

.trust-block .testimonial-lol .james-text {
    margin-left: 12px
}

.trust-block .testimonial-lol .james-text .white {
    color: #fff
}

.trust-block .testimonial-lol .james-text .status {
    display: flex;
    justify-content: center
}

.trust-block .testimonial-lol .james-text p {
    margin: 0;
    font-size: 14px
}

.trust-block .testimonial-lol .james-text img {
    margin-left: 10px
}

.trust-block .testimonial-lol .testimonial-lol:after {
    content: "";
    clear: both;
    display: table
}

.trust-block .testimonial-lol .testimonial-lol img {
    float: left;
    margin-right: 20px;
    border-radius: 50%
}

.trust-block .testimonial-lol .testimonial-lol span {
    font-size: 20px;
    margin-right: 15px
}

@media (max-width:767px) {
    .trust-block .testimonial-lol .testimonial-lol {
        text-align: center
    }

    .trust-block .testimonial-lol .testimonial-lol img {
        margin: auto;
        float: none;
        display: block
    }
}

.container-blackbox-lol {
    margin-top: -35px
}

.container-blackbox-lol .blackbox-lol {
    border-radius: 24px;
    border: 2px solid #232b46
}

.elo-boosting-reverse {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 180px
}

.elo-boosting-reverse .col-text {
    margin-left: 150px
}

.elo-boosting-reverse .ranks {
    left: 310px;
    top: 70px;
    position: absolute;
    z-index: 4;
    background-color: #050a20;
    border: 1px solid #232b46;
    border-radius: 100%;
    padding: 10px;
    -webkit-animation: float-5 3s ease-in-out .4s infinite;
    animation: float-5 3s ease-in-out .4s infinite
}

.elo-boosting-reverse .back {
    z-index: 2;
    top: -11px;
    right: 10px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    left: -23px;
    position: absolute;
    border-radius: 26px
}

.elo-boosting-reverse .front {
    z-index: 3;
    bottom: 11px;
    left: 20px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    position: absolute;
    border-radius: 26px
}

.elo-boosting-reverse .ranking {
    left: 0;
    top: 230px;
    position: absolute;
    z-index: 4;
    background-color: #050a20;
    border: 1px solid #232b46;
    border-radius: 100%;
    padding: 10px;
    -webkit-animation: float-5 3s ease-in-out .4s infinite;
    animation: float-5 3s ease-in-out .4s infinite
}

.tooltip-trigger:not(.tooltip-trigger-invisible) {
    max-width: 48px;
    position: relative;
    display: flex;
    opacity: 1
}

.tooltip-trigger.tooltip-trigger-invisible {
    display: contents
}

.tooltip-trigger.tooltip-options .tooltip {
    margin-left: 6px
}

.tooltip-trigger .tooltip {
    transition: all .2s cubic-bezier(.5, 0, 0, .75);
    opacity: 0;
    pointer-events: none;
    background-color: #232b46;
    position: absolute;
    bottom: calc(100% - 8px);
    z-index: 10;
    width: 300px;
    font-size: 12px;
    padding: 16px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 2px solid #353c55;
    box-shadow: 0 4px 6px -2px rgba(0, 4, 12, .2), 0 12px 16px -4px rgba(0, 4, 12, .2);
    left: 0
}

.tooltip-trigger .tooltip .tooltip-heading {
    margin-bottom: 4px;
    color: #fff;
    display: flex;
    line-height: 18px;
    letter-spacing: 1px;
    font-weight: 500
}

.tooltip-trigger .tooltip .tooltip-heading .badge-info {
    margin-right: 10px;
    margin-left: 0;
    width: 20px;
    height: 20px
}

.tooltip-trigger .tooltip .tooltip-body {
    font-size: 12px;
    color: #979aae;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: .1px;
    position: relative
}

.tooltip-trigger .tooltip .tooltip-body .tooltip-image img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    margin: -40px
}

.tooltip-trigger .tooltip .tooltip-body span.white {
    color: #fff
}

.tooltip-trigger .tooltip .tooltip-arrow {
    border-top: 6px solid #353c55;
    bottom: -6px;
    left: 16px
}

.tooltip-trigger .tooltip .tooltip-arrow,
.tooltip-trigger .tooltip .tooltip-arrow:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute
}

.tooltip-trigger .tooltip .tooltip-arrow:before {
    content: "";
    border-top: 8px solid #232b46;
    bottom: 2px;
    transform: translateX(-50%)
}

.tooltip-trigger .tooltip.bottom {
    bottom: unset;
    top: calc(100% - 8px)
}

.tooltip-trigger .tooltip.bottom .tooltip-arrow {
    bottom: unset;
    top: -6px;
    border-bottom: 6px solid #353c55;
    border-top: unset
}

.tooltip-trigger .tooltip.bottom .tooltip-arrow:before {
    top: 2px;
    bottom: unset;
    border-bottom: 8px solid #232b46;
    border-top: unset
}

.tooltip-trigger:hover .tooltip {
    opacity: 1
}

#chat-widget-container,
body .zsiq-float {
    opacity: 0 !important;
    transition: all .3s ease-in-out
}

body .zsiq-float {
    right: 40px !important;
    bottom: 44px !important;
    width: 56px !important;
    height: 56px !important;
    transform: none !important
}

.chat-iframe-wrap {
    right: 40px !important;
    bottom: 114px !important
}

.footer {
    max-width: 1032px;
    margin: 145px auto 0;
    display: flex
}

.footer .badges {
    width: 265px;
    padding-top: 10px
}

.footer .badges .logo {
    display: table;
    margin-bottom: 28px
}

.footer .badges .logo img {
    margin-left: 6px
}

.footer .badges .tooltip-trigger:hover .tooltip {
    transform: translateX(0)
}

.footer .badges .tooltip {
    left: 75px;
    bottom: 100%;
    transform: translateX(-.5rem);
    transition: all .2s cubic-bezier(.5, 0, 0, .75)
}

.footer .badges .tooltip.bottom {
    top: 0;
    bottom: unset
}

.footer .badges .value {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid hsla(0, 0%, 100%, .08);
    background-color: #050a20;
    margin: 0 4px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.footer .badges .value.guarantee {
    background: url(/img/icons/badge.svg) 50% no-repeat #050a20;
    background-size: 24px
}

.footer .badges .value.guarantee:hover {
    border: 2px solid #00b2ff
}

.footer .badges .value.security {
    background: url(/img/icons/lock.svg) 50% no-repeat #050a20;
    background-size: 24px
}

.footer .badges .value.security:hover {
    border: 2px solid #daaf20
}

.footer .badges .value.trust {
    background: url(/img/icons/shield-tick-2.svg) 50% no-repeat #050a20;
    background-size: 24px
}

.footer .badges .value.trust:hover {
    border: 2px solid #20da2f
}

.footer .footer-content {
    width: 772px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    padding-top: 26px
}

.footer .footer-content .col {
    flex: auto;
    width: 33%
}

.footer .footer-content .col:nth-of-type(2),
.footer .footer-content .col:nth-of-type(5) {
    margin-bottom: 60px
}

@media (max-width:767px) {

    .footer .footer-content .col:nth-of-type(2),
    .footer .footer-content .col:nth-of-type(5) {
        margin-bottom: 30px
    }
}

.footer .footer-content .col span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .32px;
    color: #fff;
    display: block;
    margin: 0 0 8px
}

.footer .footer-content .col span.active {
    background: linear-gradient(125deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.footer .footer-content .col a {
    font-size: 16px;
    display: table;
    margin: 16px 0
}

.footer .footer-content .col a.active {
    color: #fff
}

.footer .footer-content .divider {
    width: 100%;
    flex: auto
}

.footer .footer-content .divider .line {
    width: 40px;
    height: 2px;
    background-color: #413dc1;
    margin: 68px 0 84px
}

.footer .footer-content .divider .legal-notice {
    margin-bottom: 137px
}

.footer .footer-content .divider .legal-notice p {
    font-size: 12px
}

.footer .footer-content .divider.spaced-between {
    margin-bottom: 67px
}

@media screen and (min-width:767px) {
    .footer .footer-content .divider.spaced-between {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.footer .footer-content .divider .language-selector {
    width: 240px
}

@media screen and (max-width:767px) {
    .footer .footer-content .divider .language-selector {
        margin: 0 auto 67px
    }
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper {
    display: flex;
    margin-right: 0;
    color: #fff;
    border-radius: 8px;
    border: 2px solid #232b46;
    background-color: #050a20;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 56px
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper {
    display: flex;
    align-items: center;
    width: 100%
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper .booster-rank-selection {
    font-family: Poppins, sans-serif;
    min-width: 188px
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper select {
    width: 100%;
    cursor: pointer
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection {
    display: flex;
    width: 100%;
    background-color: #050a20;
    color: #fff;
    border: none;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection:focus {
    outline: none
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single {
    background-color: #050a20;
    color: #fff;
    border: none;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .11px
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100%;
    display: flex;
    align-content: center;
    color: #fff;
    padding: 0 24px
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__selected {
    background-color: red
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-color: transparent;
    background-size: contain;
    border: none
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single:focus {
    outline: none
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon {
    right: 40px;
    top: 50%;
    position: absolute;
    width: 5px;
    height: 7px;
    display: flex;
    align-items: center;
    transform: translateY(-50%)
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon img {
    width: 30px;
    height: 30px;
    transition-duration: .3s;
    transition-property: transform
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper .booster-input-group label {
    font-size: 12px;
    color: #979aae;
    padding-bottom: 5px;
    pointer-events: none
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper:hover {
    border: 2px solid hsla(0, 0%, 100%, .3)
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper.mw240 {
    max-width: 240px
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper.booster-selection-wrapper-middle,
.footer .footer-content .divider .language-selector .booster-selection-wrapper:first-child {
    margin-right: 24px
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper.hidden {
    display: none
}

.footer .footer-content .divider .language-selector .booster-selection-wrapper.invisible {
    visibility: hidden
}

.footer .footer-content .divider .payment-methods {
    text-align: left
}

@media (min-width:1064px) {
    .footer .footer-content .divider .payment-methods {
        width: 33%
    }
}

@media (max-width:767px) {
    .footer .footer-content .divider .payment-methods img {
        width: 100%
    }
}

.language-flag-image {
    width: 24px;
    height: 24px;
    float: left;
    padding-right: 12px;
    margin-top: -2px
}

.language-flag-image.selected {
    margin-top: 2px
}

.select2-search__field {
    display: none
}

.cookies-notice-wrapper {
    position: fixed;
    z-index: 950;
    bottom: -176px;
    border-radius: 24px;
    box-shadow: 0 10px 20px 0 rgba(1, 4, 11, .2);
    max-width: 768px;
    width: calc(100% - 40px);
    height: 96px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .25s ease-in-out;
    opacity: 0
}

.cookies-notice-wrapper .cookies-notice {
    border-radius: 24px;
    background: url(/img/icons/cookies.png) 0 0 no-repeat #4842d1;
    background-size: 126px 96px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: inset 0 0 0 2px rgba(183, 199, 252, .08);
    height: 96px
}

@media (-webkit-min-device-pixel-ratio:2) {
    .cookies-notice-wrapper .cookies-notice {
        background: url(/img/icons/cookies@2x.png) 0 0 no-repeat #4842d1;
        background-size: 126px 96px
    }
}

.cookies-notice-wrapper .cookies-notice p {
    margin-left: 151px;
    font-family: Poppins, sans-serif
}

.cookies-notice-wrapper .cookies-notice p,
.cookies-notice-wrapper .cookies-notice p a {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .1px;
    color: #fff
}

.cookies-notice-wrapper .cookies-notice .cookies-accept {
    width: 54px;
    height: 54px;
    background: url(/img/icons/icon-checkmark.svg) 50% no-repeat #4842d1;
    border: 2px solid hsla(0, 0%, 100%, .08);
    border-radius: 50%;
    margin-right: 39px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.cookies-notice-wrapper .cookies-notice .cookies-accept:hover {
    border: 2px solid hsla(0, 0%, 100%, .16)
}

.cookies-notice-wrapper.visible {
    opacity: 1;
    bottom: 80px
}

.sale-notice-wrapper {
    width: 956px;
    height: 80px;
    position: fixed;
    bottom: -176px;
    z-index: 70;
    background-image: linear-gradient(178deg, #258cbf, #4ed3be 100%);
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .4));
    border-radius: 12px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .25s ease-in-out;
    opacity: 0;
    padding: 2px
}

@media (max-width:1063px) {
    .sale-notice-wrapper {
        display: none
    }
}

.sale-notice-wrapper .sale-callout {
    position: absolute;
    z-index: 901;
    bottom: 0;
    left: 0;
    border-radius: 0 0 0 12px
}

.sale-notice-wrapper .sale-callout-full {
    pointer-events: none;
    position: absolute
}

.sale-notice-wrapper .sale-notice {
    background: #050a20;
    width: calc(100% - 4px);
    position: absolute;
    height: calc(100% - 4px);
    border-radius: 12px
}

.sale-notice-wrapper .sale-notice-transparent {
    background: transparent;
    box-shadow: inset 0 0 0 2px rgba(183, 199, 252, .08)
}

.sale-notice-wrapper .sale-notice .sale-description {
    text-align: center
}

.sale-notice-wrapper .sale-notice .sale-description-left {
    text-align: left;
    padding-left: 64px
}

.sale-notice-wrapper .sale-period {
    position: absolute;
    z-index: 901;
    bottom: 21px;
    right: 33px;
    border-radius: 20px;
    padding: 8px 12px;
    border: 2px solid #232b46;
    color: #979aae;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .1px
}

.sale-notice-wrapper .sale-period span {
    color: #fff
}

.sale-notice-wrapper.visible {
    opacity: 1;
    bottom: 50px
}

#cursor-circle {
    position: absolute;
    border: 2px solid hsla(0, 0%, 100%, .08);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1000
}

.double-section {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.double-section__left,
.double-section__right {
    min-width: 1px;
    max-width: 444px;
    flex: 1 1 auto
}

.double-section__left img,
.double-section__right img {
    max-width: 416px;
    width: 100%;
    display: block
}

.double-section__left ol,
.double-section__left ol li:last-of-type,
.double-section__right ol,
.double-section__right ol li:last-of-type {
    margin-bottom: 0
}

.double-section__right img {
    margin-left: auto;
    display: block
}

.double-section__right p {
    max-width: 416px
}

.double-section__right--before {
    margin-right: 60px
}

.double-section h2 {
    margin: 0
}

.double-section p {
    margin: 24px 0 0
}

.jobs-form {
    margin: 77px auto 0
}

.contact-page,
.jobs-form {
    max-width: 504px;
    width: 100%;
    margin: 0 auto
}

.contact-page .blackbox-input-group,
.jobs-form .blackbox-input-group {
    max-width: 100%
}

.contact-page .blackbox-input-group.textarea,
.jobs-form .blackbox-input-group.textarea {
    height: 250px
}

.contact-page .blackbox-input-group.textarea textarea,
.jobs-form .blackbox-input-group.textarea textarea {
    padding-top: 40px
}

.contact-page .blackbox-input-group.textarea textarea:-ms-input-placeholder,
.jobs-form .blackbox-input-group.textarea textarea:-ms-input-placeholder {
    padding-top: 10px
}

.contact-page .blackbox-input-group.textarea textarea::placeholder,
.jobs-form .blackbox-input-group.textarea textarea::placeholder {
    padding-top: 10px
}

.contact-page .blackbox-input-group.textarea textarea::-webkit-input-placeholder,
.jobs-form .blackbox-input-group.textarea textarea::-webkit-input-placeholder {
    padding-top: 10px
}

.contact-page .blackbox-input-group.textarea textarea::-moz-placeholder,
.jobs-form .blackbox-input-group.textarea textarea::-moz-placeholder {
    padding-top: 10px
}

.contact-page .blackbox-input-group.textarea textarea::-ms-input-placeholder,
.jobs-form .blackbox-input-group.textarea textarea::-ms-input-placeholder {
    padding-top: 10px
}

.contact-page button,
.jobs-form button {
    cursor: pointer
}

.contact-page button,
.contact-page input,
.contact-page textarea,
.jobs-form button,
.jobs-form input,
.jobs-form textarea {
    width: 100%;
    box-sizing: border-box
}

.contact-page input,
.jobs-form input {
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 32px
}

.contact-page textarea,
.jobs-form textarea {
    height: 168px;
    padding: 24px 32px;
    resize: none
}

.contact-page input,
.contact-page textarea,
.jobs-form input,
.jobs-form textarea {
    border-radius: 12px;
    background-color: #050a20;
    border: 2px solid #232b46;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .11px;
    transition: all .15s ease-in-out;
    outline: none;
    font-family: Poppins, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 24px
}

.contact-page input::-moz-placeholder,
.contact-page textarea::-moz-placeholder,
.jobs-form input::-moz-placeholder,
.jobs-form textarea::-moz-placeholder {
    color: #979aae;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .11px;
    font-family: Poppins, sans-serif;
    -webkit-font-smoothing: antialiased
}

.contact-page input:-ms-input-placeholder,
.contact-page textarea:-ms-input-placeholder,
.jobs-form input:-ms-input-placeholder,
.jobs-form textarea:-ms-input-placeholder {
    color: #979aae;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .11px;
    font-family: Poppins, sans-serif;
    -webkit-font-smoothing: antialiased
}

.contact-page input::placeholder,
.contact-page textarea::placeholder,
.jobs-form input::placeholder,
.jobs-form textarea::placeholder {
    color: #979aae;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .11px;
    font-family: Poppins, sans-serif;
    -webkit-font-smoothing: antialiased
}

.contact-page input:active,
.contact-page input:focus,
.contact-page input:hover,
.contact-page textarea:active,
.contact-page textarea:focus,
.contact-page textarea:hover,
.jobs-form input:active,
.jobs-form input:focus,
.jobs-form input:hover,
.jobs-form textarea:active,
.jobs-form textarea:focus,
.jobs-form textarea:hover {
    border-color: #4ed3be
}

#modal-close-checkout-btn {
    width: unset;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #979aae;
    font-size: 12px;
    padding: 0 10px
}

#modal-close-checkout-btn img {
    margin-right: 5px
}

@media (max-width:1063px) {
    body {
        padding: 0 40px
    }

    .header-container {
        padding: 0 40px;
        width: calc(100% - 80px)
    }

    .header-container .header-line {
        display: none
    }

    .header-container .header {
        min-width: 0;
        display: block;
        position: relative;
        padding: 16px 0 24px
    }

    .header-container .header .navigation {
        display: none;
        width: 100%;
        height: 100%;
        background: #0a102a;
        margin: 2px 0 0;
        text-align: center;
        padding: 0 0 0 32px;
        box-sizing: border-box
    }

    .header-container .header .navigation>a {
        display: inline-block;
        width: 100%;
        height: 64px;
        font-weight: 500;
        color: #979aae;
        padding-top: 15px;
        margin: 0;
        text-align: left;
        box-sizing: border-box
    }

    .header-container .header .navigation>a:before {
        width: 48px;
        height: 48px;
        float: left;
        border-radius: 50%;
        background: #050a20;
        border: 2px solid hsla(0, 0%, 100%, .1);
        margin-right: 24px;
        color: transparent;
        margin-top: -15px;
        content: ">";
        font-weight: 600;
        color: #38adbf;
        text-align: center;
        font-size: 24px;
        line-height: 48px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .header-container .header .navigation>a:first-child {
        margin-top: 23px
    }

    .header-container .header .navigation>a.active {
        color: #fff
    }

    .header-container .header .navigation>a.active:before {
        border-color: #38adbf
    }

    .header-container .header .navigation div {
        display: block
    }

    .header-container .header .navigation div.dropdown {
        padding: 15px 0;
        margin: 0
    }

    .header-container .header .navigation div.dropdown>span {
        display: none
    }

    .header-container .header .navigation div.dropdown .submenu {
        text-align: left;
        display: block;
        border: none;
        background: transparent;
        padding: 0;
        position: relative;
        width: auto;
        margin: 0 auto;
        box-shadow: none;
        left: 0;
        top: 0;
        pointer-events: all;
        opacity: 1;
        transform: translateY(0)
    }

    .header-container .header .navigation div.dropdown .submenu .link {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .header-container .header .navigation div.dropdown .submenu .link:before {
        box-sizing: border-box;
        margin-top: 4px
    }

    .header-container .header .navigation div.dropdown .submenu .link.news,
    .header-container .header .navigation div.dropdown .submenu .link.people,
    .header-container .header .navigation div.dropdown .submenu .link.support,
    .header-container .header .navigation div.dropdown .submenu .link.work {
        padding: 0;
        margin-bottom: 10px
    }

    .header-container .header .navigation div.dropdown .submenu .link:hover {
        background: transparent
    }

    .header-container .header .navigation div.dropdown:after {
        display: none
    }

    .header-container .header .navigation.gameselect {
        margin-bottom: 0;
        margin-top: 2px;
        border-bottom: 2px solid hsla(0, 0%, 100%, .1)
    }

    .header-container .header .navigation.gameselect .submenu .link {
        display: none
    }

    .header-container .header .navigation.gameselect .submenu .link.active {
        display: inline-block
    }

    .header-container .header .navigation.gameselect .submenu .link.active:before {
        border-color: #bb9a54
    }

    .header-container .header .navigation.gameselect .submenu .link.visible {
        display: inline-block
    }

    .header-container .header .navigation.gameselect.empty {
        display: none
    }

    .header-container .header .navigation:not(.navigation.gameselect) div.dropdown {
        padding: 0;
        margin: 0
    }

    .header-container .header .navigation:not(.navigation.gameselect) div.dropdown .submenu {
        margin-top: 12px;
        border-top: 2px solid hsla(0, 0%, 100%, .1);
        padding: 24px 32px;
        margin-left: -32px;
        margin-right: -32px;
        border-radius: 0
    }

    .header-container .header .loyalty-program-link {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
        right: 50px
    }

    .header-container .header .members-area {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
        right: 0;
        background: #050a20;
        padding: 13px
    }

    .header-container .header .members-area img {
        margin-right: 0;
        width: 20px;
        height: 20px
    }

    .header-container .header .members-area span {
        display: none
    }

    .header-container .header .members-area:hover {
        background: #050a20
    }

    .header-container .header .logo {
        margin: 0 auto
    }

    .header-container .header .logo,
    .header-container .header .logo img {
        display: block;
        width: 48px;
        height: 88px
    }

    .header-container .header .hamburger {
        display: block;
        background: #050a20;
        padding: 16px 15px 13px;
        border: 2px solid hsla(0, 0%, 100%, .1);
        border-radius: 50%;
        left: 0;
        right: unset;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0
    }

    .header-container.active,
    .header-container.fixed {
        background: #050a20;
        border-bottom: 2px solid #232b46;
        padding: 0;
        width: 100%;
        overflow-y: auto
    }

    .header-container.active:before,
    .header-container.fixed:before {
        content: none
    }

    .header-container.active .header,
    .header-container.fixed .header {
        padding: 6px 0 0
    }

    .header-container.active .header .logo,
    .header-container.fixed .header .logo {
        width: 32px;
        height: 52px;
        padding-bottom: 6px
    }

    .header-container.active .header .logo img,
    .header-container.fixed .header .logo img {
        display: block;
        width: 32px;
        height: 52px
    }

    .header-container.active .header .loyalty-program-link,
    .header-container.fixed .header .loyalty-program-link {
        right: 66px
    }

    .header-container.active .header .hamburger,
    .header-container.active .header .members-area,
    .header-container.fixed .header .hamburger,
    .header-container.fixed .header .members-area {
        height: 64px;
        width: 66px;
        border-radius: 0;
        border: none;
        border-left: 2px solid #232b46;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0;
        transform: translateY(0)
    }

    .header-container.active .header .hamburger,
    .header-container.fixed .header .hamburger {
        border: none;
        border-right: 2px solid #232b46;
        flex-direction: column
    }

    .header-container.active .header .hamburger span,
    .header-container.fixed .header .hamburger span {
        width: 16px;
        height: 2px;
        margin-bottom: 4px
    }

    .header-container.active {
        overflow-x: hidden;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        position: fixed
    }

    .header-container.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        top: 64px;
        left: 0;
        right: 0;
        background: #0a102a;
        pointer-events: none;
        z-index: -1;
        border-top: 2px solid #232b46
    }

    .header-container.active .gameselect {
        display: block
    }

    .loyalty-program-details {
        z-index: 900;
        overflow-x: hidden;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        position: fixed
    }

    .loyalty-program-details .container {
        padding: 0 40px
    }

    .loyalty-program-details .container h2 {
        text-align: center
    }

    .loyalty-program-details .container .description-container {
        display: block
    }

    .loyalty-program-details .container .description-container .description {
        text-align: center;
        margin: 0 0 54px
    }

    .loyalty-program-details .container .feature-container .feature {
        margin: 0 auto
    }

    .loyalty-program-details .loyalty-modal-close {
        position: absolute;
        background: #050a20;
        border: 2px solid #232b46;
        border-radius: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        outline: none;
        cursor: pointer;
        transition: all .15s ease-in-out;
        z-index: 2;
        top: 32px;
        right: 32px;
        width: 48px;
        height: 48px
    }

    .loyalty-program-details .loyalty-modal-close button {
        border: none;
        background: transparent
    }

    .loyalty-program-details .loyalty-modal-close i {
        transition: all .15s ease-in-out;
        display: block;
        width: 24px;
        height: 24px;
        background: url(/img/icon_close-small.svg) 50% no-repeat
    }

    .main-background {
        margin: 0 -40px;
        padding: 0 40px;
        background-size: 115%;
        background-position-y: center
    }

    .main-background .container {
        padding-top: 80px
    }

    .main-background .container .blackbox {
        margin-top: 200px
    }

    .main-background--csgo,
    .main-background--csgo-esea,
    .main-background--csgo-faceit,
    .main-background--csgo-rank,
    .main-background--dota,
    .main-background--lol,
    .main-background--overwatch,
    .main-background--valorant {
        background-position-x: -180px;
        background-size: unset;
        background-position-y: unset
    }

    .container .video-thumbnail {
        width: calc(100% - 40px)
    }

    .container .review-quote .rating-5star {
        display: none
    }

    .container .blackbox img.rating {
        float: none
    }

    .container .blackbox.top-links {
        padding: 20px 40px
    }

    .container .blackbox.top-links .top-links-container {
        display: block
    }

    .container .blackbox.top-links .top-links-container .col {
        border-bottom: 1px solid hsla(0, 0%, 100%, .08)
    }

    .container .blackbox.top-links .top-links-container .col a {
        padding: 10px 0;
        display: inline-block
    }

    .container .blackbox.top-links .top-links-container .col:after {
        display: none
    }

    .container .blackbox.top-links .top-links-container .col:last-child {
        border-bottom: none
    }

    .container .select-type .selectbox-wrap {
        width: 48%;
        height: auto;
        box-shadow: none;
        border-color: transparent
    }

    .container .select-type .selectbox-wrap:hover {
        transform: translateY(0) translateZ(0);
        box-shadow: none
    }

    .container .select-type .selectbox-wrap .selectbox {
        position: relative;
        height: 150px;
        width: auto;
        box-shadow: inset 0 0 0 2px rgba(183, 199, 252, .08);
        background-position: top !important;
        background-size: 400% !important
    }

    .container .select-type .selectbox-wrap .selectbox span {
        height: auto;
        padding: 20px 0 0
    }

    .container .select-type .selectbox-wrap .selectbox .arrow,
    .container .select-type .selectbox-wrap .selectbox__soon {
        float: right;
        margin-top: -20px
    }

    .container .select-type .selectbox-wrap .selectbox.content {
        height: auto
    }

    .container .select-type .selectbox-wrap .selectbox.content p {
        min-height: auto
    }

    .container .select-type .selectbox-wrap .backdrop {
        display: none
    }

    .container .select-type .selectbox-wrap:first-child .selectbox {
        margin-right: 0;
        margin-top: 0
    }

    .container .select-type .selectbox-wrap:last-child .selectbox {
        margin-left: 0;
        margin-bottom: 0
    }

    .container .select-type>.selectbox {
        margin: 31px 0
    }

    .container .select-type>.selectbox:first-child {
        margin-right: 0;
        margin-top: 0
    }

    .container .select-type>.selectbox:last-child {
        margin-left: 0;
        margin-bottom: 0
    }

    .container .highlight .screenshots img:nth-child(2),
    .container .highlight .screenshots img:nth-child(3) {
        display: none
    }

    .container .faq .faq-block .question span {
        max-width: 300px
    }

    .container .triple-image {
        max-width: 500px;
        margin: 0 auto;
        text-align: center
    }

    .container .triple-image .image-large,
    .container .triple-image .image-small {
        float: none;
        display: inline-block
    }

    .container .triple-image .image-large {
        max-width: 100%;
        max-height: 300px
    }

    .container .triple-image .image-small {
        margin-top: 16px;
        width: calc(50% - 16px)
    }

    .container .triple-image .image-small:last-of-type {
        margin-left: 16px
    }

    .container .about-people .person {
        width: 100%
    }

    .container.top {
        padding-top: 80px
    }

    #cursor-circle {
        display: none
    }

    .double-section {
        flex-direction: column
    }

    .double-section__left,
    .double-section__right {
        max-width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%
    }

    .double-section h2 {
        text-align: center;
        margin: 32px 0
    }

    .double-section p {
        text-align: center
    }

    .double-section__right img {
        margin-top: 32px;
        margin-left: unset
    }

    .double-section__right--before {
        margin-right: 0
    }

    body .live-chat-btn {
        left: unset;
        right: 40px;
        bottom: 40px
    }
}

@media (max-width:767px) {

    .container .divider.top,
    .container.spacing-top {
        margin-top: 80px
    }
}

@media (max-width:767px) {
    .container .letter {
        margin-bottom: 80px
    }

    .container .letter .review-large,
    .container .letter h2,
    .container.mob-opt h2 {
        margin-top: 80px
    }
}

@media (max-width:767px) {
    body {
        padding: 0 30px
    }

    .fancy {
        white-space: nowrap
    }

    .header-container {
        padding: 0 30px;
        width: calc(100% - 60px)
    }

    .main-background {
        margin: 0 -30px;
        padding: 0 30px;
        background-size: unset;
        overflow: hidden;
        background: unset
    }

    .main-background .container {
        padding-top: 106px
    }

    .main-background .container .short,
    .main-background .container .short300 {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .main-background .container h1.short,
    .main-background .container h1.short300 {
        max-width: 312px;
        margin-bottom: 0;
        margin-top: 24px
    }

    .main-background .container p.short,
    .main-background .container p.short300 {
        max-width: 288px;
        margin-bottom: 0;
        margin-top: 8px
    }

    .main-background .container .button.top {
        margin: 21px auto 0;
        width: 270px;
        box-sizing: border-box;
        text-align: center;
        display: flex;
        padding: 16px
    }

    .main-background .container .top-block__inner {
        align-items: center
    }

    .main-background .container .top-block__inner .video-btn {
        margin-left: 0
    }

    .main-background .container .blackbox {
        margin-top: 158px;
        padding: 24px 58px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .main-background .container .blackbox p {
        margin-top: 10px;
        text-align: center
    }

    .main-background .container .blackbox--valo-main {
        margin-top: 0
    }

    .container .video-thumbnail {
        width: 100%;
        margin-bottom: 31px
    }

    .container .video-thumbnail.right {
        margin-bottom: 0;
        margin-top: 31px;
        overflow: hidden
    }

    .container .review-quote {
        float: none;
        margin: 82px 0 0;
        padding: 73px 48px 100px
    }

    .container .highlight {
        padding: 80px 40px 0;
        margin-top: 80px
    }

    .container .letter .review-large,
    .container .letter h2 {
        margin-top: 80px
    }

    .container .letter .background-text {
        display: none
    }

    .container .letter .swiper-wrapper {
        transition-timing-function: linear
    }

    .container .letter .swiper-slide {
        background: #080f28;
        border: 2px solid #232b46;
        border-radius: 12px;
        padding: 38px 40px;
        max-width: 276px;
        min-width: 276px;
        margin-right: 14px
    }

    .container .faq .faq-block .question span {
        max-width: 200px
    }

    .container .blog-item .image {
        max-width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .container .blog-item .content {
        float: none;
        padding: 10px 20px;
        width: calc(100% - 40px)
    }

    .container .promo-king {
        margin-top: 0;
        margin-bottom: 40px;
        background-size: cover;
        min-height: 100px
    }

    .container .promo-king .content {
        top: 25%
    }

    .container .promo-king .content img {
        height: 100%
    }

    .container .promo-king .content .text {
        font-size: 24px
    }

    .container .get-out-of-hell-image {
        text-align: center;
        min-height: 400px
    }

    .container .raise-rank-image {
        margin-top: 56px !important
    }

    .container .raise-rank-image--dota .raise-rank-image__rank {
        left: -30px
    }

    .container .about-people .person .photo {
        margin-right: calc(100% - 56px);
        margin-bottom: 24px
    }

    .container .divider.top,
    .container.spacing-top {
        margin-top: 80px
    }

    .container .divider.bottom,
    .container.spacing-bottom {
        margin-bottom: 80px
    }

    .container.col-2,
    .container.col-3 {
        display: block
    }

    .container.col-2 .col,
    .container.col-3 .col {
        padding: 0;
        margin: 12px 0
    }

    .container.col-2 .col:first-child,
    .container.col-3 .col:first-child {
        margin-top: 0
    }

    .container.col-2 .col:last-child,
    .container.col-3 .col:last-child {
        margin-bottom: 0
    }

    .container.col-2 .col .review-quote {
        float: none;
        margin: 80px auto 0;
        min-width: unset;
        max-width: 100%
    }

    .container.col-2 .col .review-quote .author {
        overflow: hidden
    }

    .container.col-3 .col {
        margin: 86px 0
    }

    .container.col-3.values h3 {
        margin-top: 20px;
        margin-bottom: 20px;
        display: inline-block
    }

    .container.col-3.values .icon-bg {
        float: left;
        margin-right: 20px
    }

    .container.top {
        padding-left: 30px;
        padding-right: 30px
    }

    .container.page-not-found {
        padding-top: 200px;
        width: 100%
    }

    .container.page-not-found .hand-icon {
        float: none;
        margin: 0 auto
    }

    .container.page-not-found h1,
    .container.page-not-found p {
        float: none;
        text-align: center
    }

    .container .select-type .selectbox-wrap {
        width: 100%;
        margin-bottom: 24px
    }

    .login-page .blackbox {
        padding: 15px
    }

    .login-page .blackbox .blackbox-input-group {
        display: flex;
        justify-content: center;
        max-width: 100%
    }

    .login-page .blackbox .blackbox-input-group .blackbox-input {
        max-width: 100%
    }

    .login-page .blackbox .login-form-wrapper {
        margin-top: 55px !important
    }

    .login-page .blackbox .login-form-wrapper form {
        width: 100%
    }

    .login-page .blackbox .login-form-wrapper form div.form-inputs-wrapper {
        padding: 0;
        width: 100%
    }

    .login-page .blackbox .login-form-wrapper form div.form-inputs-wrapper .form-actions {
        flex-direction: column
    }

    .login-page .blackbox .login-form-wrapper form div.form-inputs-wrapper .form-actions .login-button {
        width: 100%;
        margin: 0 55px
    }

    .login-page .blackbox .login-form-wrapper form div.form-inputs-wrapper .form-actions .bottom-actions {
        margin-top: 24px
    }

    .login-page .blackbox .login-form-wrapper form div.form-inputs-wrapper .form-actions .login-social-icons {
        margin-top: 24px;
        justify-content: space-between
    }

    .footer {
        margin-top: 80px
    }

    .footer .footer-content .col {
        flex-basis: auto;
        width: 100%;
        margin-bottom: 30px
    }

    .footer .footer-content .divider .line {
        margin: 48px 0 78px
    }

    .cookies-notice-wrapper {
        height: auto
    }

    .cookies-notice-wrapper .cookies-notice {
        background: #4842d1;
        height: auto;
        padding: 20px 0
    }

    .cookies-notice-wrapper .cookies-notice p {
        margin-left: 39px
    }

    .hide-on-mobile {
        display: none
    }

    .blackbox-input-group.has-feedback {
        margin-bottom: 55px
    }

    .blackbox-input-group.has-feedback .feedback.error,
    .blackbox-input-group.has-feedback .feedback.success {
        right: 1%;
        top: calc(100% + 5px);
        left: 1%;
        max-width: 100%
    }

    .modal-overlay.show .modal {
        max-width: 100%
    }

    .modal-overlay.show .modal .modal-content .forgot-password-btn-close-modal {
        margin-right: 6px
    }
}

.select2-container .select2-dropdown {
    border-radius: 12px;
    border: none;
    background: transparent;
    box-shadow: 0 10px 20px 0 rgba(1, 4, 11, .2)
}

.select2-container .select2-results .select2-selection__rendered[title] {
    background-color: #2a3455
}

.select2-container .select2-results .select2-results__options {
    padding: 20px;
    background-color: #020617;
    border-radius: 24px
}

.select2-container .select2-results .select2-results__options li {
    margin: 0;
    font-size: 14px
}

.select2-container .select2-results .select2-results__options li:before {
    display: none
}

.select2-container .select2-results .select2-results__options .select2-results__option {
    color: #fff;
    border-radius: 6px
}

.select2-container .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: #2a3455
}

.select2-container .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected],
.select2-container .select2-results .select2-results__options .select2-results__option:hover {
    background-color: #4842d1
}

.select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled=true]:hover {
    background-color: #050a20
}

.blackbox-input-group {
    position: relative;
    margin-bottom: 24px;
    padding: 2px;
    border-radius: 12px;
    max-width: 330px;
    width: 100%;
    background-color: #232b46;
    border: none;
    height: 80px
}

.blackbox-input-group,
.blackbox-input-group * {
    box-sizing: border-box
}

.blackbox-input-group .blackbox-input-label {
    position: absolute;
    top: 28px;
    left: 33px;
    color: #979aae;
    font-size: 16px;
    line-height: 24px;
    transition: all .1s ease;
    pointer-events: none
}

.blackbox-input-group .blackbox-input {
    background-color: #050a20;
    width: 100%;
    padding: 18px 32px 0;
    border-radius: 12px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    height: 100%
}

.blackbox-input-group .blackbox-input:focus,
.blackbox-input-group .blackbox-input:valid {
    outline: none
}

.blackbox-input-group .blackbox-input:focus+.blackbox-input-label,
.blackbox-input-group .blackbox-input:valid+.blackbox-input-label {
    top: 16px;
    font-size: 12px;
    line-height: 2;
    letter-spacing: .1px
}

.blackbox-input-group .blackbox-input.fake-placeholder::-moz-placeholder {
    font-size: 0;
    color: transparent
}

.blackbox-input-group .blackbox-input.fake-placeholder:-ms-input-placeholder {
    font-size: 0;
    color: transparent
}

.blackbox-input-group .blackbox-input.fake-placeholder::placeholder {
    font-size: 0;
    color: transparent
}

.blackbox-input-group .blackbox-input.fake-placeholder:not(:-moz-placeholder-shown)+.blackbox-input-label {
    top: 16px;
    font-size: 12px;
    line-height: 2;
    letter-spacing: .1px
}

.blackbox-input-group .blackbox-input.fake-placeholder:not(:-ms-input-placeholder)+.blackbox-input-label {
    top: 16px;
    font-size: 12px;
    line-height: 2;
    letter-spacing: .1px
}

.blackbox-input-group .blackbox-input.fake-placeholder:not(:placeholder-shown)+.blackbox-input-label {
    top: 16px;
    font-size: 12px;
    line-height: 2;
    letter-spacing: .1px
}

.blackbox-input-group:focus-within {
    border: none;
    background-image: linear-gradient(105deg, #258cbf, #4ed3be)
}

.blackbox-input-group.has-feedback .feedback {
    right: -20%;
    top: 20px;
    max-width: 170px;
    position: absolute;
    border-radius: 5px;
    padding: 8px;
    font-size: 12px;
    color: #fff;
    font-weight: 500
}

.blackbox-input-group.has-feedback .feedback.error {
    background-image: linear-gradient(284deg, #fb6d7a, #c52374)
}

.blackbox-input-group.has-feedback .feedback.success {
    background-image: linear-gradient(101deg, #258cbf, #4ed3be)
}

.blackbox-input-group.has-feedback.has-error {
    background-image: linear-gradient(284deg, #fb6d7a, #c52374)
}

.blackbox-input-group.has-feedback.has-success {
    background-image: linear-gradient(101deg, #258cbf, #4ed3be)
}

.blackbox-input-group:hover {
    background-color: #2f364d
}

.login-page {
    padding-top: 135px
}

.login-page .login-error {
    max-width: 350px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-self: center;
    text-align: center;
    color: red
}

.login-page .order_success {
    padding: 30px;
    border-radius: 12px;
    color: #fff;
    background-image: linear-gradient(284deg, #fb6d7a, #c52374)
}

.login-page .blackbox {
    background-image: url(/img/backgrounds/bg-member-login.png);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-width: 0;
    margin-top: 10px
}

.login-page .blackbox .login-form-wrapper {
    background: url(/img/backgrounds/bg-login-text.svg) no-repeat top;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.login-page .blackbox .login-form-wrapper .form-heading {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 44px;
    line-height: 56px;
    font-weight: 600;
    text-align: center
}

.login-page .blackbox .login-form-wrapper .form-heading span.form-title {
    margin-top: 20px;
    background: linear-gradient(105deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.login-page .blackbox .login-form-wrapper .form-heading span.form-title span {
    background: linear-gradient(105deg, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.login-page .blackbox .login-form-wrapper .form-heading span.form-title-subtext {
    color: #fff
}

.login-page .blackbox .login-form-wrapper form {
    align-self: center;
    margin: 26px 0 86px;
    max-width: 360px;
    width: 100%
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper {
    padding: 0 15px
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions {
    margin-top: 40px;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-button {
    cursor: pointer;
    border-radius: 31px;
    width: 128px;
    height: 56px;
    font-family: Poppins, sans-serif
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    margin: 0
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-social-icons li {
    margin: 0;
    opacity: 1
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-social-icons li:before {
    display: none
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-social-icons li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    border-radius: 100%
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-social-icons li a img {
    width: 24px;
    height: 24px
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-social-icons li a.facebook-icon {
    background: #4267b2
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-social-icons li a.google-icon {
    margin-right: 16px;
    background: #fff
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-social-icons li a.discord-icon {
    background: #5865f2
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-social-icons li a:hover.google-icon {
    background: #efefef
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .form-actions .login-social-icons li a:hover.discord-icon {
    background: #4f5be3
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .login-tip {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #979aae;
    text-align: left
}

.login-page .blackbox .login-form-wrapper form .form-inputs-wrapper .login-tip span {
    color: #fff
}

.login-page .blackbox .login-form-wrapper form .bottom-actions {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.29;
    letter-spacing: .1px;
    background: linear-gradient(103deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.login-page .container .promo-king {
    background-image: url(/img/bg-tiger-image.png);
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.modal-overlay {
    background-color: rgba(1, 2, 10, .6);
    justify-content: center;
    z-index: 901
}

.modal-overlay:before {
    mix-blend-mode: normal;
    overflow: hidden
}

.modal-overlay.password-setup-modal.show {
    z-index: 9999
}

.modal-overlay.checkout-modal.show {
    z-index: 1000;
    padding-top: 30px
}

.modal-overlay .modal {
    position: relative
}

.modal-overlay .modal .modal-content {
    height: 100%
}

.modal-overlay .modal .modal-content .forgot-password-btn-close-modal {
    position: absolute;
    right: -24px;
    top: -24px;
    width: 48px;
    height: 48px;
    background: #050a20;
    border: 2px solid #232b46;
    border-radius: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    transition: all .15s ease-in-out;
    z-index: 2
}

@media only screen and (max-width:767px) {
    .modal-overlay .modal .modal-content .forgot-password-btn-close-modal {
        right: 8px
    }
}

.modal-overlay .modal .modal-content .forgot-password-btn-close-modal i {
    transition: all .15s ease-in-out;
    display: block;
    width: 10px;
    height: 10px;
    background: url(/img/icons/modal-close.svg) 50% no-repeat;
    font-size: 0
}

.modal-overlay .modal .modal-content .forgot-password-btn-close-modal:after {
    content: "esc";
    height: 24px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .1) 50%, hsla(0, 0%, 100%, .00001) 50.14%, hsla(0, 0%, 100%, .00001) 0), #232b46;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08);
    border-radius: 12px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: .2px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: absolute;
    transition: all .15s ease-in-out;
    padding: 0 8px
}

.modal-overlay .modal .modal-content .forgot-password-btn-close-modal:hover {
    border-color: #313955
}

.modal-overlay .modal .modal-content .forgot-password-btn-close-modal:hover i {
    filter: brightness(1.2)
}

.modal-overlay .modal .modal-content .forgot-password-btn-close-modal:hover:after {
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .18)
}

.modal-overlay .modal .modal-content .email-capturing-wrapper,
.modal-overlay .modal .modal-content .forgot-password-wrapper {
    padding: 142px 150px 150px;
    max-width: 681px
}

@media (max-width:767px) {

    .modal-overlay .modal .modal-content .email-capturing-wrapper,
    .modal-overlay .modal .modal-content .forgot-password-wrapper {
        padding: 30px
    }
}

.modal-overlay .modal .modal-content .email-capturing-wrapper__alert,
.modal-overlay .modal .modal-content .forgot-password-wrapper__alert {
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .08px;
    margin: 18px 0;
    max-width: 300px;
    display: none;
    background-color: transparent;
    position: relative
}

.modal-overlay .modal .modal-content .email-capturing-wrapper__alert.success,
.modal-overlay .modal .modal-content .forgot-password-wrapper__alert.success {
    background-color: #00b67a
}

.modal-overlay .modal .modal-content .email-capturing-wrapper__alert.error,
.modal-overlay .modal .modal-content .forgot-password-wrapper__alert.error {
    background-color: #ff6b77
}

.modal-overlay .modal .modal-content .email-capturing-wrapper .form-wrapper .description,
.modal-overlay .modal .modal-content .forgot-password-wrapper .form-wrapper .description {
    color: #979aae;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    margin-bottom: 32px
}

.modal-overlay .modal .modal-content .email-capturing-wrapper .form-wrapper .blackbox-input-group,
.modal-overlay .modal .modal-content .forgot-password-wrapper .form-wrapper .blackbox-input-group {
    max-width: 100%
}

.modal-overlay .modal .modal-content .email-capturing-wrapper .form-wrapper .button,
.modal-overlay .modal .modal-content .forgot-password-wrapper .form-wrapper .button {
    position: absolute;
    border-radius: 100%;
    height: 56px;
    width: 56px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 16px;
    top: 12px;
    font-size: 20px;
    cursor: pointer
}

.modal-overlay .modal .modal-content .email-capturing-wrapper .form-wrapper .button img,
.modal-overlay .modal .modal-content .forgot-password-wrapper .form-wrapper .button img {
    display: block;
    width: 24px;
    margin-left: 4px
}

.modal-overlay .modal .modal-content .email-capturing-wrapper .form-wrapper h2,
.modal-overlay .modal .modal-content .forgot-password-wrapper .form-wrapper h2 {
    margin-top: 0;
    margin-bottom: 24px
}

.modal-overlay .modal .modal-content .email-capturing-wrapper .image-wrapper,
.modal-overlay .modal .modal-content .forgot-password-wrapper .image-wrapper {
    display: flex
}

.modal-overlay .modal .modal-content .email-capturing-wrapper .image-wrapper img,
.modal-overlay .modal .modal-content .forgot-password-wrapper .image-wrapper img {
    width: 100%
}

.modal-overlay .modal .modal-content .email-capturing-wrapper {
    max-width: 377px;
    padding: 0
}

.modal-overlay .modal.checkout {
    padding-bottom: 74px;
    margin-top: auto;
    margin-bottom: auto
}

.modal-overlay .modal.checkout .logo {
    position: relative
}

.modal-overlay .modal.checkout form {
    padding: 80px 88px 24px
}

.modal-overlay .modal.checkout form.password-save-form {
    padding: 40px
}

.modal-overlay .modal.checkout .input-group label .tooltip-trigger:not(.tooltip-trigger-invisible) {
    margin-left: 2px
}

.modal-overlay .modal.checkout .totals-wrapper .totals {
    padding: 0 14px
}

.modal-overlay .modal.checkout .footer-message .tooltip {
    bottom: 48px
}

.modal-overlay .modal.email-capturing,
.modal-overlay .modal.forgot-password {
    background: #050a20;
    border: 2px solid #232b46;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .4);
    border-radius: 24px;
    opacity: 0;
    transition: all .15s ease-in-out;
    margin: auto
}

.modal-overlay .modal.email-capturing,
.modal-overlay .modal.email-capturing *,
.modal-overlay .modal.forgot-password,
.modal-overlay .modal.forgot-password * {
    box-sizing: border-box
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(300%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.modal-overlay.second-opened {
    background-color: transparent
}

.password-reset {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-top: 20px
}

.password-reset form {
    max-width: 350px;
    width: 100%;
    align-self: center
}

.loading-wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 902;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(1, 2, 10, .7);
    opacity: 0;
    pointer-events: none;
    z-index: 2000
}

.loading-wrap--table-loading {
    position: absolute;
    background-color: rgba(5, 10, 32, .9);
    left: -100%;
    right: -100%;
    z-index: 30
}

.loading-wrap .loading-inner {
    border: 2px solid #232b46;
    background-color: #050a20;
    width: 104px;
    height: 104px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.loading-wrap.show {
    opacity: 1;
    pointer-events: all
}

.loading-wrap .loading-text {
    color: #979aae;
    margin-top: 20px
}

.loading-wrap .lds-spinner {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    transform: scale(.4)
}

.loading-wrap .lds-spinner div {
    transform-origin: 40px 40px;
    -webkit-animation: lds-spinner 1.2s linear infinite;
    animation: lds-spinner 1.2s linear infinite
}

.loading-wrap .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background-color: rgba(72, 66, 209, .53)
}

.loading-wrap .lds-spinner div:first-child {
    transform: rotate(0deg);
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.loading-wrap .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.loading-wrap .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.loading-wrap .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.loading-wrap .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.loading-wrap .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.loading-wrap .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.loading-wrap .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.loading-wrap .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.loading-wrap .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.loading-wrap .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.loading-wrap .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.alert {
    position: fixed;
    top: 88px;
    right: 40px;
    background: #020617;
    box-shadow: 0 10px 20px rgba(1, 4, 11, .196656);
    border-radius: 28px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 76px 12px 25px;
    z-index: 950;
    max-width: 300px
}

.alert:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    display: block;
    width: 16px;
    background: url(/img/panel/icons/alert.svg) 50% no-repeat;
    background-size: cover;
    height: 16px;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

@-webkit-keyframes spin {
    to {
        transform: translateY(-50%) rotate(1turn)
    }
}

@keyframes spin {
    to {
        transform: translateY(-50%) rotate(1turn)
    }
}

.alert,
.alert span {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .08px;
    color: #fff
}

.alert.alert-success,
.alert.success {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    color: #fff
}

.alert.error {
    background: linear-gradient(315deg, #fb6d7a, #c52374);
    color: #fff
}

.alert.error:after,
.alert.error ul li:marker {
    display: none
}

@media (min-width:1063px) {
    #chat-widget-container {
        min-width: 400px !important
    }
}

.grecaptcha-badge {
    visibility: hidden
}

@media (max-width:1063px) {
    html {
        overflow-x: hidden
    }
}

.values-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 168px;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .values-wrap {
        display: block;
        margin-top: 80px
    }

    .values-wrap .icon-bg {
        float: left;
        margin-right: 20px
    }
}

.values-wrap .wrap {
    display: flex
}

.values-wrap h3 {
    margin: 33px 0 8px
}

@media (max-width:767px) {
    .values-wrap h3 {
        margin-top: 20px;
        margin-bottom: 14px;
        display: inline-block
    }
}

.values-wrap p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

@media (max-width:767px) {
    .values-wrap p {
        margin-top: 12px
    }

    .values-wrap p br {
        display: none
    }
}

.values-wrap__item {
    max-width: 240px;
    padding-right: 33px
}

.values-wrap__item:first-of-type {
    max-width: 296px
}

.values-wrap__item img {
    display: block
}

.values-wrap__item--long {
    max-width: 296px
}

@media (max-width:767px) {

    .values-wrap__item,
    .values-wrap__item--long,
    .values-wrap__item:first-of-type {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 86px
    }
}

.lol-values {
    margin-top: 0;
    margin-bottom: 150px
}

.lol-values h2 {
    max-width: 348px
}

.lol-values .wrap {
    margin-top: 50px
}

.lol-values .col-3-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 104px;
    margin-bottom: 24px
}

@media screen and (max-width:767px) {
    .lol-values .col-3-grid {
        grid-template-columns: 1fr;
        row-gap: 68px;
        margin-top: 68px
    }
}

.lol-values .values-wrap__item {
    padding-right: 53px
}

.lol-values .lol-wrap {
    margin-top: 70px
}

@media screen and (max-width:767px) {
    .lol-values .lol-col-sm {
        flex-direction: column;
        margin-top: 0
    }

    .lol-values .affordable {
        padding-left: 0
    }
}

.over-shadow {
    position: relative
}

.over-shadow:after,
.over-shadow:before {
    position: absolute;
    content: ""
}

.over-shadow:after {
    inset: 0;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08);
    border-radius: 100%;
    z-index: 3
}

.over-shadow:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%;
    background-color: hsla(0, 0%, 100%, .1);
    z-index: 2;
    border-radius: 12px 12px 0 0
}

.email-capturing-wrapper .description,
.email-capturing-wrapper .forgot-password-wrapper__alert,
.forgot-password-wrapper .description,
.forgot-password-wrapper .forgot-password-wrapper__alert {
    color: #979aae;
    margin-bottom: 30px
}

.email-capturing-wrapper .blackbox-input-group,
.forgot-password-wrapper .blackbox-input-group {
    max-width: none
}

.email-capturing-wrapper button.button,
.forgot-password-wrapper button.button {
    padding: 0;
    width: 56px;
    height: 56px;
    position: absolute;
    top: 12px;
    right: 12px
}

.shine-btn {
    position: relative;
    overflow: hidden
}

.shine-btn:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    transform: translateX(-550px) skewX(-15deg);
    background: hsla(0, 0%, 100%, .56);
    width: 53.43px;
    filter: blur(35px)
}

.shine-btn:hover:before {
    transform: translateX(calc(100% + 50px)) skewX(-15deg);
    transition: .7s
}

.calculator {
    position: relative
}

.calculator * {
    box-sizing: border-box
}

.calculator #calculator {
    width: 100%
}

.calculator .calculator-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 32px
}

.calculator .calculator-title .boost-heading {
    margin: 0 !important
}

.calculator .calculator-title .title-icons {
    list-style-type: none;
    position: relative;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.calculator .calculator-title .title-icons .title-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #232b46;
    background-color: #050a20;
    border-radius: 20px;
    max-width: 100%;
    height: 40px;
    margin: 0;
    padding: 0 16px;
    cursor: pointer;
    opacity: 1;
    position: relative
}

.calculator .calculator-title .title-icons .title-icon.info:hover {
    border: 2px solid #0bf
}

.calculator .calculator-title .title-icons .title-icon:before {
    display: none
}

.calculator .calculator-title .title-icons .title-icon__title {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: -.1px;
    margin-left: 4px;
    color: #979aae
}

.calculator .calculator-title .title-icons .title-icon__inner {
    font-weight: 500;
    color: #fff
}

.calculator .calculator-title .title-icons .title-icon:last-of-type {
    margin-left: 13px
}

.calculator .calculator-title .title-icons .title-icon:last-of-type img {
    width: 16px
}

.calculator .calculator-title .title-icons .title-icon:last-of-type .title-icon__inner {
    margin-left: 4px
}

.calculator .calculator-title .title-icons .title-icon:last-of-type .tooltip-body img {
    display: inline-block
}

.calculator .calculator-title .title-icons img {
    width: 24px;
    height: 24px;
    display: block
}

.calculator .w-lg-half-sm-full {
    width: 50%
}

.calculator .booster-form-wrapper {
    display: flex;
    gap: 24px
}

.calculator .booster-form-wrapper .booster-selection-wrapper {
    display: flex;
    margin-right: 0;
    color: #fff;
    border-radius: 8px;
    border: 2px solid #232b46;
    background-color: #080f28;
    margin-top: 24px;
    height: 80px;
    cursor: pointer;
    overflow: hidden;
    transition: all .15s ease-in-out;
    max-width: 414px;
    flex: 1
}

.calculator .booster-form-wrapper .booster-selection-wrapper--disabled,
.calculator .booster-form-wrapper .booster-selection-wrapper--disabled .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection.select2-selection--single {
    background-color: #050a20;
    cursor: not-allowed
}

.calculator .booster-form-wrapper .booster-selection-wrapper--disabled .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection.select2-selection--single span,
.calculator .booster-form-wrapper .booster-selection-wrapper--disabled span {
    color: #979aae
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-icon {
    width: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 2px solid #232b46;
    transition: all .15s ease-in-out
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-icon .rank-image--short {
    width: 24px;
    height: 24px
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-icon img {
    height: 24px
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper {
    height: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 14px
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper .booster-rank-selection {
    padding-left: 24px;
    margin-top: 12px;
    font-family: Poppins, sans-serif
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single {
    background-color: #080f28;
    color: #fff;
    border: none;
    width: 100%
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100%;
    display: flex;
    align-content: center;
    padding-left: 24px;
    color: #fff
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__selected {
    background-color: red
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-color: transparent;
    background-size: contain;
    border: none
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single:focus {
    outline: none
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper select {
    cursor: pointer
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection {
    display: flex;
    width: 100%;
    background-color: #080f28;
    color: #fff;
    border: none;
    font-size: 16px;
    margin-top: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection:focus {
    outline: none
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon {
    right: 40px;
    top: 50%;
    position: absolute;
    width: 5px;
    height: 7px;
    display: flex;
    align-items: center;
    transform: translateY(-50%)
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon img {
    width: 24px;
    height: 24px;
    transition-duration: .3s;
    transition-property: transform
}

.calculator .booster-form-wrapper .booster-selection-wrapper .booster-input-group label {
    position: absolute;
    font-size: 12px;
    color: #979aae;
    margin: 18px 20px 0 0;
    padding-left: 24px;
    padding-bottom: 5px;
    pointer-events: none
}

.calculator .booster-form-wrapper .booster-selection-wrapper:hover {
    border: 2px solid hsla(0, 0%, 100%, .3)
}

.calculator .booster-form-wrapper .booster-selection-wrapper:hover .booster-icon {
    border-right: 2px solid hsla(0, 0%, 100%, .3)
}

.calculator .booster-form-wrapper .booster-selection-wrapper.hidden {
    display: none
}

.calculator .booster-form-wrapper .booster-selection-wrapper.invisible {
    visibility: hidden;
    width: 0;
    max-width: 0;
    margin-right: 0;
    border: 0
}

.calculator .booster-form-wrapper .booster-selection-wrapper--disabled {
    cursor: default;
    pointer-events: none
}

.calculator .rank-wrapper {
    display: flex
}

.calculator .w-full {
    flex: 1 1 auto;
    width: 1px
}

.calculator .blackbox.blackbox-calculator-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    border-bottom: 0;
    padding: 28px;
}

.calculator .blackbox.blackbox-calculator-container h2 {
    letter-spacing: 0;
    margin-top: 8px
}

.calculator .blackbox.blackbox-review-container {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: none
}

.calculator .addons {
    color: #979aae;
    border-radius: 8px;
    border: 2px solid #232b46;
    background-color: #080f28;
    margin-top: 24px;
    padding: 24px
}

.calculator .addons .heading {
    margin-bottom: 20px;
    font-size: 12px
}

.calculator .addons .all-checkmark-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px
}

@media (max-width:1063px) {
    .calculator .addons .all-checkmark-wrapper {
        grid-template-columns: 1fr 1fr
    }
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper {
    display: flex;
    padding: 15px 20px;
    border: 2px solid #232b46;
    background-color: #050a20;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    position: relative
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper.disabled {
    cursor: not-allowed
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper input[type=checkbox]:checked+.checkmark img {
    display: flex
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper .checkmark-text {
    color: #979aae;
    font-size: 14px;
    margin-right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper .checkmark-text--gold {
    background: linear-gradient(134.93deg, #d1a04a 1.79%, #f2d289 46.99%, #d1a04a 96.2%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper input[type=checkbox]:checked~.checkmark-text {
    color: #fff
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper .tooltip-trigger:not(.tooltip-trigger-invisible) {
    position: absolute;
    top: -2px;
    right: -2px
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper .checkmark-badge {
    font-size: 10px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    height: 24px;
    border-radius: 12px;
    padding: 0 12px;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 0), linear-gradient(135deg, #033aa4, #3cb4fd)
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper .checkmark-badge.red {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .2) 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 0), linear-gradient(135deg, #4523ae, #ff4655 102%)
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper .checkmark {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: 2px solid #232b46;
    margin-right: 16px;
    border-radius: 4px
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper .checkmark img {
    display: none;
    width: 12px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.calculator .addons .all-checkmark-wrapper .checkmark-wrapper:hover {
    border: 2px solid hsla(0, 0%, 100%, .3)
}

.calculator .addons .all-checkmark-wrapper label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px
}

.calculator .badge-info {
    width: 16px;
    height: 16px
}

.calculator .login-form,
.calculator .password-save-form {
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.calculator .checkout-form {
    display: hidden;
    flex-direction: column;
    align-items: center;
    color: #fff
}

.calculator .checkout-form .title {
    font-size: 32px
}

.calculator .checkout-form .payment-error {
    padding: 20px;
    border-radius: 12px;
    background: #a02c2c;
    color: #fff;
    margin-bottom: 15px;
    display: none
}

.calculator .checkout-form form {
    align-self: center;
    border: none;
    padding: 40px;
    color: #fff
}

.calculator .checkout-form form .row {
    display: flex
}

.calculator .checkout-form form .row .col {
    width: 50%
}

.calculator .checkout-form form .row .col.mr-right {
    margin-right: 12px
}

.calculator .checkout-form form .separator {
    color: #979aae;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    letter-spacing: .1px;
    width: 100%;
    margin: 25px auto;
    justify-content: space-evenly
}

.calculator .checkout-form form .separator span {
    width: 100%
}

.calculator .checkout-form form .separator span:first-child,
.calculator .checkout-form form .separator span:last-child {
    background: #232b46;
    height: 1px;
    max-width: 152px
}

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

    .calculator .checkout-form form .separator span:first-child,
    .calculator .checkout-form form .separator span:last-child {
        width: 45%
    }
}

.calculator .checkout-form form .separator span:nth-child(2) {
    font-size: 12px
}

.calculator .checkout-form form .leftside {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.calculator .checkout-form .input-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.calculator .checkout-form .input-group input {
    padding: 11px;
    border-radius: 5px;
    background-color: #30313d;
    color: #fff;
    outline: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5), 0 1px 6px rgba(0, 0, 0, .25);
    font-size: 16px;
    border: 1px solid #424353;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
}

.calculator .checkout-form .input-group input:focus {
    outline: #fff;
    border-color: rgba(134, 218, 151, .4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5), 0 1px 6px rgba(0, 0, 0, .25), 0 0 0 3px rgba(134, 218, 151, .25), 0 1px 1px 0 hsla(0, 0%, 100%, .12)
}

.calculator .checkout-form .input-group input::-moz-placeholder {
    color: #9e9e9e
}

.calculator .checkout-form .input-group input:-ms-input-placeholder {
    color: #9e9e9e
}

.calculator .checkout-form .input-group input::placeholder {
    color: #9e9e9e
}

.calculator .checkout-form .input-group.address,
.calculator .checkout-form .input-group.hidden {
    display: none
}

.calculator .checkout-form .input-group label {
    font-size: .93rem !important;
    font-weight: 400 !important;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    margin-bottom: .25rem !important
}

.calculator .checkout-form .submit-button {
    width: 100%;
    margin: 32px 0 0;
    cursor: pointer;
    border-radius: 12px;
    border: 2px solid hsla(0, 0%, 100%, .08);
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-family: Poppins, sans-serif
}

.calculator .checkout-form .submit-button span {
    background-image: unset;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset
}

.calculator .checkout-form #payment-message {
    color: #697386;
    font-size: 16px;
    line-height: 20px;
    padding-top: 12px;
    text-align: center
}

.calculator .checkout-form #payment-element {
    margin-bottom: 12px
}

@-webkit-keyframes loading {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.calculator .payment-completed h1 {
    margin-top: 0
}

.calculator .current-lp-custom {
    width: 50%
}

.calculator .current-lp-custom .input-group {
    height: 100%;
    position: relative
}

.calculator .current-lp-custom label {
    position: absolute;
    pointer-events: none;
    left: 22px;
    top: 50%;
    transform: translateY(-50%)
}

.calculator .current-lp-custom input,
.calculator .current-lp-custom label {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    transition: all .15s ease-in-out
}

.calculator .current-lp-custom input {
    width: 100%;
    height: 100%;
    background-color: #080f28;
    border-radius: 12px;
    border: none;
    padding: 30px 22px 0;
    font-family: Poppins, sans-serif
}

.calculator .current-lp-custom input::-moz-placeholder {
    color: transparent;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.calculator .current-lp-custom input:-ms-input-placeholder {
    color: transparent;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.calculator .current-lp-custom input::placeholder {
    color: transparent;
    transition: all .15s ease-in-out
}

.calculator .current-lp-custom input::-webkit-inner-spin-button,
.calculator .current-lp-custom input::-webkit-outer-spin-button {
    display: none
}

.calculator .current-lp-custom input:focus {
    outline: none
}

.calculator .current-lp-custom input:focus::-moz-placeholder {
    opacity: .3;
    color: #979aae;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.calculator .current-lp-custom input:focus:-ms-input-placeholder {
    opacity: .3;
    color: #979aae;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.calculator .current-lp-custom input:focus::placeholder {
    opacity: .3;
    color: #979aae;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.calculator .current-lp-custom input:focus+label {
    color: #979aae;
    font-size: 12px;
    line-height: 24px;
    transform: translateY(0);
    top: 14px
}

.calculator .current-lp-custom input:not(:-moz-placeholder-shown)+label {
    color: #979aae;
    font-size: 12px;
    line-height: 24px;
    transform: translateY(0);
    top: 14px
}

.calculator .current-lp-custom input:not(:-ms-input-placeholder)+label {
    color: #979aae;
    font-size: 12px;
    line-height: 24px;
    transform: translateY(0);
    top: 14px
}

.calculator .current-lp-custom input:not(:placeholder-shown)+label {
    color: #979aae;
    font-size: 12px;
    line-height: 24px;
    transform: translateY(0);
    top: 14px
}

@media screen and (max-width:767px) {
    .calculator .current-lp-custom input {
        padding: 30px 22px 4px
    }
}

.totals-wrapper {
    display: flex;
    margin-top: 56px
}

.totals-wrapper .total-price-wrapper {
    font-size: 20px;
    line-height: 1.27;
    letter-spacing: 1px;
    background: linear-gradient(103deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.totals-wrapper .left-bar {
    display: flex;
    align-items: stretch;
    margin-left: 0;
    width: 2px;
    background-image: linear-gradient(103deg, #258cbf, #4ed3be)
}

.totals-wrapper .start-boost-now {
    font-family: Poppins, sans-serif;
    width: 100%;
    height: 80px;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer
}

.totals-wrapper .start-boost-now:disabled,
.totals-wrapper .start-boost-now[disabled] {
    cursor: not-allowed;
    background-color: #232b46
}

.totals-wrapper .start-boost-now:disabled,
.totals-wrapper .start-boost-now:disabled:after,
.totals-wrapper .start-boost-now[disabled],
.totals-wrapper .start-boost-now[disabled]:after {
    -webkit-animation: none;
    animation: none
}

.totals-wrapper .start-boost-now:disabled:before,
.totals-wrapper .start-boost-now[disabled]:before {
    display: none
}

.totals-wrapper .price-supporting-text {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #979aae;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    cursor: default
}

.totals-wrapper .price-supporting-text.hidden {
    display: none
}

.totals-wrapper .totals {
    margin: 0 5px;
    color: #fff;
    padding: 5px 14px;
    font-size: 32px
}

.totals-wrapper .totals .competitor-price {
    cursor: pointer;
    width: 33px;
    height: 32px;
    margin: 0
}

.totals-wrapper .totals .competitor-price__text {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    background: linear-gradient(314deg, #fb6d7a 100%, #c52374);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.totals-wrapper .totals .competitor-price__text:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 1px);
    height: 1px;
    background: linear-gradient(314deg, #fb6d7a 100%, #c52374);
    overflow: hidden;
    opacity: .7
}

.totals-wrapper .totals .competitor-price img {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-top: 2px
}

.totals-wrapper .totals .competitor-price .tooltip {
    bottom: 40px;
    left: -112px;
    z-index: 30
}

@media (max-width:767px) {
    .totals-wrapper .totals .competitor-price .tooltip {
        left: -200px
    }
}

.totals-wrapper .totals .competitor-price .tooltip.bottom {
    bottom: unset;
    top: 40px
}

.totals-wrapper .totals h4 {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 3px;
    font-weight: 500
}

.totals-wrapper .totals.hidden {
    display: none
}

.totals-wrapper .totals #discount-price {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #979aae;
    text-decoration: line-through;
    -webkit-background-clip: none;
    background-clip: none;
    -webkit-text-fill-color: #979aae;
    background-image: none
}

.totals-wrapper .totals .price-discount-text {
    font-size: 16px;
    color: #979aae;
    padding: 0;
    margin: 0
}

.totals-wrapper .totals .price-discount-text span {
    background: linear-gradient(315deg, #b4ec51, #429321);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.totals-wrapper .totals-error {
    display: none;
    border-radius: 5px;
    margin: 16px 32px;
    font-weight: 700
}

.totals-wrapper .totals-error,
.totals-wrapper .totals-error .error-message,
.totals-wrapper .totals-error span {
    background: linear-gradient(103deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.totals-wrapper .totals-error.visible {
    display: block
}

.calc-error,
.calc-error-layer-1,
.calc-error-layer-2,
.exit-modal,
.exit-modal-wrap,
.exit-modal-wrap-confeti,
.exit-modal-wrap-last {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    display: none
}

.calc-error-layer-1.show,
.calc-error-layer-2.show,
.calc-error.show,
.exit-modal-wrap-confeti.show,
.exit-modal-wrap-last.show,
.exit-modal-wrap.show,
.exit-modal.show {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.calc-error-layer-1,
.exit-modal-wrap {
    z-index: 1001;
    background: #01020a;
    mix-blend-mode: normal;
    opacity: .6
}

.exit-modal-wrap-confeti {
    z-index: 900;
    pointer-events: none
}

.calc-error-layer-2,
.exit-modal-wrap-last {
    z-index: 1002;
    background: linear-gradient(180deg, #01020a, rgba(1, 2, 10, 0));
    opacity: .5
}

.calc-error,
.exit-modal {
    z-index: 1003
}

.exit-modal-inner {
    margin-top: auto;
    margin-bottom: auto;
    max-width: 680px;
    padding: 142px 150px;
    border-radius: 24px;
    border: 2px solid #232b46;
    position: relative;
    background: url(/img/exit-modal.png) #050a20 no-repeat 50%
}

.exit-modal-inner__title {
    text-align: center;
    margin-bottom: 20px
}

.exit-modal-inner__content {
    color: #979aae;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    text-align: center;
    margin-bottom: 32px
}

.exit-modal-inner__content span {
    color: #fff;
    font-weight: 500
}

.exit-modal-inner__btn {
    border-radius: 12px;
    padding: 24px;
    width: 100%;
    text-align: center
}

.exit-modal-inner__close {
    position: absolute;
    background: url(/img/close-modal.svg) #050a20 no-repeat center 9px;
    border: 2px solid #232b46;
    border-radius: 16px;
    width: 32px;
    height: 32px;
    top: 14px;
    left: 18px;
    cursor: pointer;
    transition: all .15s ease-in-out
}

.exit-modal-inner__close:hover {
    border: 2px solid #313955
}

.exit-modal-inner__tootlip {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.exit-modal-inner__tootlip .tooltip {
    transition: all .2s cubic-bezier(.5, 0, 0, .75);
    transform: translateY(.5rem)
}

.exit-modal-inner__tootlip:hover .tooltip {
    transform: translateY(0)
}

.exit-modal-inner__tootlip .title-icon__title {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .1px;
    color: #979aae
}

.exit-modal-inner__tootlip .title-icon__inner {
    color: #fff;
    font-weight: 500
}

.payment-completed__title {
    margin: 0;
    letter-spacing: .1px
}

.payment-completed__sub {
    margin: 0 0 28px !important
}

.payment-completed .password-save-form {
    padding: 0 !important
}

.payment-completed .password-save-form .blackbox-input-group {
    max-width: 100% !important
}

.payment-completed .password-save-form .button {
    width: 100%;
    height: 80px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px
}

.modal-animation {
    -webkit-animation: fadeIn .25s ease-in-out normal forwards;
    animation: fadeIn .25s ease-in-out normal forwards
}

.modal-animation--long {
    -webkit-animation: fadeIn .5s ease-in-out normal forwards;
    animation: fadeIn .5s ease-in-out normal forwards
}

.calc-error-inner {
    margin-top: auto;
    margin-bottom: auto;
    background: linear-gradient(326.38deg, #fb6d7a 28.44%, #c52374 92.59%);
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08), 0 10px 20px rgba(1, 4, 11, .2);
    border-radius: 24px;
    max-width: 504px;
    padding: 80px 88px
}

.calc-error-inner__header {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.calc-error-inner__mark {
    width: 18px;
    height: 18px;
    background: url(/img/icons/error-alert.svg) no-repeat 50%;
    background-size: cover;
    margin-right: 8px
}

.calc-error-inner__title {
    color: #ffd8db;
    text-shadow: 0 1px 2px rgba(1, 4, 11, .2);
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: .1px;
    text-transform: uppercase
}

.calc-error-inner__content {
    margin: 22px 0 32px;
    line-height: 28px;
    letter-spacing: .0857143px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.calc-error-inner__btn,
.calc-error-inner__content {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

.calc-error-inner__btn {
    border: 2px solid #fba3ab;
    box-sizing: border-box;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 328px;
    height: 80px;
    line-height: 32px;
    letter-spacing: .1px;
    background: transparent;
    transition: all .15s ease-in-out
}

.calc-error-inner__btn:hover {
    opacity: .8
}

@media (max-width:1063px) {

    .calculator .blackbox.blackbox-calculator-container,
    .calculator .blackbox.blackbox-review-container {
        padding: 48px 63px
    }

    .calculator .calculator-title .title-icons {
        flex-direction: column;
        align-items: flex-end
    }

    .calculator .calculator-title .title-icons .title-icon {
        padding: 0 10px
    }

    .calculator .calculator-title .title-icons .title-icon:last-of-type {
        margin-top: 8px
    }
}

@media (max-width:767px) {
    .main-background .container .calculator .blackbox {
        margin-top: 0
    }

    .main-background .container .calculator .blackbox.blackbox-review-container {
        margin-top: 0;
        display: flex;
        flex-direction: column-reverse;
        padding-top: 24px;
        padding-bottom: 24px
    }

    .main-background .container .calculator .blackbox.blackbox-review-container p {
        text-align: center;
        margin-top: 0
    }

    .calculator {
        padding: 0 32px;
        margin-left: -30px;
        margin-right: -30px
    }

    .calculator form .totals-wrapper {
        margin-top: 20px
    }

    .calculator form .totals-wrapper .totals {
        padding-left: 0
    }

    .calculator .blackbox {
        margin-top: 50px
    }

    .calculator .blackbox.blackbox-calculator-container,
    .calculator .blackbox.blackbox-review-container {
        padding: 48px 63px;
        margin-left: -63px;
        margin-right: -63px
    }

    .calculator .blackbox.blackbox-calculator-container {
        padding-bottom: 40px
    }

    .calculator .booster-form-wrapper {
        flex-direction: column
    }

    .calculator .booster-form-wrapper .booster-selection-wrapper {
        height: 72px;
        margin-top: 12px;
        max-width: 100%;
        flex: unset
    }

    .calculator .booster-form-wrapper .booster-selection-wrapper .booster-input-group label {
        margin-top: 14px;
        z-index: 10;
        pointer-events: none
    }

    .calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper {
        padding-bottom: 0
    }

    .calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon {
        right: 30px
    }

    .calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection {
        margin-top: 0;
        padding-top: 32px;
        padding-bottom: 13px;
        color: #fff !important
    }

    .calculator .booster-form-wrapper .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection option {
        color: #fff !important
    }

    .calculator .booster-form-wrapper .booster-selection-wrapper:first-child {
        margin-right: 0
    }

    .calculator .booster-form-wrapper .booster-selection-wrapper.invisible {
        display: none
    }

    .calculator .addons .all-checkmark-wrapper {
        grid-template-columns: auto
    }

    .calculator .addons .all-checkmark-wrapper .checkmark-wrapper:last-child {
        margin-bottom: 0
    }

    .calculator .totals-wrapper {
        flex-direction: column
    }

    .calculator .start-boost-now {
        margin-top: 19px
    }

    .calculator .calculator-title {
        flex-direction: column;
        padding: 0 15px;
        align-items: center
    }

    .calculator .calculator-title .boost-heading {
        text-align: center;
        margin-bottom: 16px;
        margin-left: auto;
        margin-right: auto
    }

    .calculator .calculator-title .title-icons {
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        position: relative;
        z-index: 20
    }

    .calculator .w-lg-half-sm-full {
        width: 100%
    }

    .calculator .addons {
        border: none;
        border-radius: 0;
        background: transparent;
        padding: 0;
        margin-top: 12px;
        position: relative
    }

    .calculator .addons .all-checkmark-wrapper {
        border-radius: 12px;
        border: 2px solid #232b46;
        position: relative
    }

    .calculator .addons .all-checkmark-wrapper:after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: -2px;
        right: -2px;
        border: 2px solid #232b46;
        border-top: none;
        height: 40px;
        z-index: 2;
        border-radius: 0 0 12px 12px;
        pointer-events: none
    }

    .calculator .addons .all-checkmark-wrapper .checkmark-wrapper {
        margin-top: 0;
        margin-right: 0;
        width: 100%;
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-bottom: none
    }

    .calculator .addons .all-checkmark-wrapper .checkmark-wrapper:hover {
        border-color: #232b46;
        border-left: none;
        border-right: none;
        border-bottom: none;
        background-color: #080f28
    }

    .calculator .addons .all-checkmark-wrapper .checkmark-wrapper:first-of-type {
        border-top: none;
        border-radius: 12px 12px 0 0
    }

    .calc-error-inner,
    .exit-modal-inner {
        max-width: 370px;
        padding: 60px 30px
    }

    .payment-completed {
        padding: 40px
    }
}

.discount-code-modal {
    background: #050a20;
    border: 2px solid #232b46;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .4);
    border-radius: 12px;
    max-width: 680px;
    width: 100%;
    position: relative;
    padding: 118px 0 108px;
    margin: auto
}

.discount-code-modal h2 {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    letter-spacing: .1px
}

.discount-code-modal:before {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 8px;
    content: "";
    border-radius: 30px 30px 0 0;
    background: linear-gradient(135deg, #258cbf, #4ed3be)
}

.discount-code-modal__title {
    text-align: center
}

.discount-code-modal__info {
    max-width: 376px;
    width: 100%;
    margin: 27px auto 29px;
    color: #979aae;
    text-align: center
}

.discount-code-modal__close {
    background: #050a20;
    border: 2px solid #232b46;
    border-radius: 16px;
    position: absolute;
    top: 19px;
    left: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.discount-code-modal__close img {
    display: block
}

.discount-code-modal .button {
    background-color: #4842d1;
    color: #fff
}

.discount-code-modal .button,
.discount-code-modal .button--cancel {
    font-family: Poppins, sans-serif;
    height: 80px;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    max-width: 376px;
    width: 100%;
    margin: 0 auto;
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .1px;
    text-transform: capitalize
}

.discount-code-modal .button:disabled,
.discount-code-modal .button[disabled] {
    cursor: not-allowed;
    background-color: #232b46
}

.discount-code-modal .button:disabled,
.discount-code-modal .button:disabled:after,
.discount-code-modal .button[disabled],
.discount-code-modal .button[disabled]:after {
    -webkit-animation: none;
    animation: none
}

.discount-code-modal .button:disabled:before,
.discount-code-modal .button[disabled]:before {
    display: none
}

.discount-code-modal .button--cancel {
    background: #050a20;
    border-color: transparent;
    height: 40px;
    margin-top: 20px
}

.discount-code-modal .button--cancel span {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.discount-code-wrap {
    background: #080f28;
    max-width: 376px;
    width: 100%;
    margin: 0 auto 16px;
    position: relative;
    transition: all .15s ease-in-out
}

.discount-code-wrap__icon {
    margin-right: 11px;
    position: absolute;
    left: 32px;
    top: 28px;
    pointer-events: none
}

.discount-code-wrap__input {
    background: #080f28;
    width: 100%;
    border-radius: 8px;
    outline: none;
    padding: 22px 32px 22px 65px;
    border: 2px solid #232b46;
    transition: all .15s ease-in-out
}

.discount-code-wrap__input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff
}

.discount-code-wrap__input:-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff
}

.discount-code-wrap__input,
.discount-code-wrap__input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff
}

.discount-code-wrap__input:focus,
.discount-code-wrap__input:hover {
    border-color: #4ed3be
}

.discount-code-wrap__error {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .2px;
    text-transform: uppercase;
    color: #fff;
    background: #232b46;
    border: 2px solid #c52374;
    border-radius: 0 0 8px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 2px 10px;
    display: none
}

.discount-code-wrap.error .discount-code-wrap__error {
    display: block
}

.discount-code-wrap.error .discount-code-wrap__input {
    border: 2px solid #c52374;
    padding-bottom: 44px
}

.armory-calculator-disclaimer,
.cs2-calculator-disclaimer,
.faceit-calculator-disclaimer,
.rl-calculator-disclaimer {
    background: linear-gradient(0deg, #232b46, #232b46), linear-gradient(149.74deg, #258cbf, #4ed3be 73.68%);
    border: 2px solid #fb6d7a;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .0857143px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    padding: 12px 20px 12px 24px
}

@media (max-width:767px) {

    .armory-calculator-disclaimer,
    .cs2-calculator-disclaimer,
    .faceit-calculator-disclaimer,
    .rl-calculator-disclaimer {
        width: 255px
    }
}

.video-modal-overlay {
    position: fixed;
    padding: 0 32px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(1, 2, 10, .7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -999;
    opacity: 0;
    pointer-events: none
}

.video-modal-overlay,
.video-modal-overlay>* {
    box-sizing: border-box
}

.video-modal-overlay.show {
    opacity: 1;
    pointer-events: all;
    z-index: 999
}

.video-modal-overlay.show .modal-animation {
    -webkit-animation: fadeIn .25s ease-in-out normal forwards;
    animation: fadeIn .25s ease-in-out normal forwards
}

.video-modal-overlay.show .modal-animation--long {
    -webkit-animation: fadeIn .5s ease-in-out normal forwards;
    animation: fadeIn .5s ease-in-out normal forwards
}

.video-modal-overlay .video-modal {
    max-width: 1220px;
    max-height: 694px;
    width: 100%;
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 24px 0 24px 24px;
    position: relative;
    background-color: #050a20;
    height: 100%
}

@media (max-width:1199px) {
    .video-modal-overlay .video-modal {
        height: unset;
        padding-top: 56.25%
    }
}

.video-modal-overlay .video-modal .forgot-password-btn-close-modal {
    position: absolute;
    right: -24px;
    top: -24px;
    width: 48px;
    height: 48px;
    background: #050a20;
    border: 2px solid #232b46;
    border-radius: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    transition: all .15s ease-in-out;
    z-index: 2
}

@media only screen and (max-width:767px) {
    .video-modal-overlay .video-modal .forgot-password-btn-close-modal {
        right: 8px
    }
}

.video-modal-overlay .video-modal .forgot-password-btn-close-modal i {
    transition: all .15s ease-in-out;
    display: block;
    width: 10px;
    height: 10px;
    background: url(/img/icons/modal-close.svg) 50% no-repeat;
    font-size: 0
}

.video-modal-overlay .video-modal .forgot-password-btn-close-modal:after {
    content: "esc";
    height: 24px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .1) 50%, hsla(0, 0%, 100%, .00001) 50.14%, hsla(0, 0%, 100%, .00001) 0), #232b46;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08);
    border-radius: 12px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: .2px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: absolute;
    transition: all .15s ease-in-out;
    padding: 0 8px
}

.video-modal-overlay .video-modal .forgot-password-btn-close-modal:hover {
    border-color: #313955
}

.video-modal-overlay .video-modal .forgot-password-btn-close-modal:hover i {
    filter: brightness(1.2)
}

.video-modal-overlay .video-modal .forgot-password-btn-close-modal:hover:after {
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .18)
}

.video-modal-overlay .video-modal .forgot-password-btn-close-modal:after {
    display: none
}

.video-modal-overlay .video-modal iframe {
    border-radius: 24px 0 24px 24px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.video-modal-overlay .video-modal .boost-btn {
    position: absolute;
    top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: 0;
    z-index: 1;
    right: 14px
}

.video-btn {
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 21px;
    letter-spacing: .1px;
    color: #979aae;
    margin: 11px 0 0 24px;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
    transition: all .15s ease-in-out
}

@media (max-width:1063px) {
    .video-btn {
        margin-top: 24px
    }
}

.video-btn:before {
    display: inline-block;
    border: 2px solid #232b46;
    box-sizing: border-box;
    border-radius: 16px;
    width: 32px;
    height: 32px;
    margin-right: 10px
}

.video-btn:after,
.video-btn:before {
    content: "";
    transition: all .15s ease-in-out
}

.video-btn:after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #40bbbf;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%)
}

.video-btn:hover:before {
    background: #080f28;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.container .video-thumbnail.play-video {
    background: url(/img/icons/video-play.webp) 50% no-repeat;
    background-size: cover
}

@media (-webkit-min-device-pixel-ratio:2) {
    .container .video-thumbnail.play-video {
        background: url(/img/icons/video-play@2x.webp) 50% no-repeat;
        background-size: cover
    }
}

.container .video-thumbnail.play-video--valorant {
    background: url(/img/icons/valorant/video-play.png) 50% no-repeat;
    background-size: cover
}

@media (-webkit-min-device-pixel-ratio:2) {
    .container .video-thumbnail.play-video--valorant {
        background: url(/img/icons/valorant/video-play@2x.png) 50% no-repeat;
        background-size: cover
    }
}

.container .video-thumbnail.play-video--csgo {
    background: url(/img/icons/csgo/video-play.png) 50% no-repeat;
    background-size: cover
}

@media (-webkit-min-device-pixel-ratio:2) {
    .container .video-thumbnail.play-video--csgo {
        background: url(/img/icons/csgo/video-play@2x.png) 50% no-repeat;
        background-size: cover
    }
}

.review-wrap,
.review-wrap * {
    box-sizing: border-box
}

.review-wrap a {
    display: block
}

@media (max-width:1063px) {
    .review-wrap {
        flex-direction: column
    }
}

.review-wrap,
.review-wrap__right {
    margin-left: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

@media (max-width:1063px) {

    .review-wrap,
    .review-wrap__right {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%
    }
}

@media (max-width:1063px) {
    .review-wrap__right {
        margin-top: 24px
    }
}

@media (max-width:767px) {
    .review-wrap__right {
        margin-top: 10px
    }
}

.review-wrap .review-text {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .1px;
    color: #979aae
}

@media (max-width:767px) {
    .review-wrap .review-text {
        margin-top: 0 !important
    }
}

.review-wrap .review-text__subtext {
    color: #fff;
    font-weight: 500
}

.review-wrap .rating-amount {
    color: #fff;
    display: inline-block;
    padding-right: 10px
}

.review-wrap .review-stars-wrap {
    margin-right: 24px
}

@media (max-width:767px) {
    .review-wrap .review-stars-wrap {
        margin-right: 0
    }
}

.review-wrap .review-stars-wrap .review-stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0
}

.review-wrap .review-stars-wrap .review-stars__item {
    counter-increment: none;
    margin: 0;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00b67a;
    border: 2px solid #14bc85;
    height: 24px;
    width: 24px
}

.review-wrap .review-stars-wrap .review-stars__item:before {
    content: none
}

.review-wrap .review-stars-wrap .review-stars__item:first-of-type {
    border-radius: 6px 0 0 6px
}

.review-wrap .review-stars-wrap .review-stars__item:last-of-type {
    border-radius: 0 6px 6px 0
}

.review-wrap .review-stars-wrap .review-stars__item:not(:last-of-type) {
    margin-right: 2px
}

.review-wrap .review-logo__img {
    display: block
}

@media (max-width:767px) {
    .review-wrap .review-logo {
        display: none
    }
}

.testimonials {
    background: #050a20;
    border: 2px solid #232b46;
    border-top: 0;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    padding: 56px 0;
    position: relative;
    z-index: 2;
    margin-top: -50px
}

.testimonials:after,
.testimonials:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 72px;
    background: linear-gradient(270deg, #050a20, rgba(5, 10, 32, 0));
    border-radius: 12px;
    left: 0;
    z-index: 2
}

@media (max-width:767px) {
    .testimonials {
        margin-left: -63px;
        margin-right: -63px;
        margin-top: -25px;
        padding: 32px 0
    }
}

.testimonials:after {
    left: unset;
    right: 0
}

.testimonials:before {
    transform: rotate(180deg)
}

.testimonials * {
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: -.1px
}

.testimonials ul {
    margin: 0;
    counter-reset: none
}

.testimonials ul li {
    counter-increment: none;
    margin: 0
}

.testimonials ul li:after,
.testimonials ul li:before {
    display: none
}

.testimonials .swiper-wrapper {
    transition-timing-function: linear
}

.testimonials .swiper-slide,
.testimonials .testimonial {
    background: #080f28;
    border: 2px solid #232b46;
    border-radius: 12px;
    padding: 38px 40px;
    max-width: 276px;
    min-width: 276px;
    margin-right: 14px
}

.testimonials .testimonial__stars {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.testimonials .testimonial__star {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00b67a;
    border: 2px solid #14bc85;
    height: 16px;
    width: 16px
}

.testimonials .testimonial__star:first-of-type {
    border-radius: 2px 0 0 2px
}

.testimonials .testimonial__star:last-of-type {
    border-radius: 0 2px 2px 0
}

.testimonials .testimonial__star:not(:last-of-type) {
    margin-right: 2px
}

.testimonials .testimonial__star-img {
    display: block;
    width: 10px
}

.testimonials .testimonial__content {
    margin: 20px 0
}

.testimonials .testimonial__text {
    color: #fff;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.testimonials .testimonial__text:not(:last-of-type) {
    margin-bottom: 6px
}

.testimonials .testimonial:hover {
    position: relative;
    transform: scale(1.04)
}

.testimonials .testimonial__footer {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.testimonials .testimonial__avatar {
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 6px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: -.1px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1b1b20
}

.testimonials .testimonial__avatar--light {
    background: #f9ede3
}

.testimonials .testimonial__avatar--blueish {
    background: #e4f0ee
}

.testimonials .testimonial__avatar img {
    width: 100%;
    display: block
}

.testimonials .testimonial__date,
.testimonials .testimonial__name {
    color: #979aae
}

.testimonials .testimonial__name {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.testimonials .testimonial__name img {
    display: block;
    margin-left: 4px;
    width: 12px
}

.testimonials .testimonial__date {
    margin-left: auto
}

.no-calculator-testimonials {
    border-radius: 0 0 12px 12px
}

@media (max-width:767px) {
    .no-calculator-testimonials .testimonials {
        margin-left: 0;
        margin-right: 0
    }
}

.orders {
    background: #050a20;
    border: 2px solid #232b46;
    border-radius: 24px;
    overflow: hidden;
    padding: 60px 0;
    position: relative;
    z-index: 2;
    margin-top: 125px
}

.orders:after,
.orders:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 72px;
    background: linear-gradient(270deg, #050a20, rgba(5, 10, 32, 0));
    border-radius: 12px;
    left: 0;
    z-index: 2
}

.orders .swiper-horizontal {
    margin-top: 50px
}

.orders .divider {
    width: 100%;
    height: 2px;
    background-color: #232b46;
    margin-top: 20px
}

.orders .top-text {
    display: flex;
    font-family: Poppins;
    justify-content: space-between;
    margin-top: -20px
}

@media (max-width:767px) {
    .orders .top-text {
        flex-direction: column
    }
}

.orders .top-text span {
    color: #fff
}

.orders .top-text .text-1 {
    font-size: 16px;
    margin-left: 80px
}

.orders .top-text .text-1 span {
    color: #fff
}

@media (max-width:767px) {
    .orders .top-text .text-1 {
        text-align: center;
        margin: 0 auto 10px
    }
}

.orders .top-text .text-2 {
    font-size: 12px;
    align-content: center;
    margin-right: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 217px;
    height: 25px;
    top: 11936px;
    left: 727px;
    padding: 8px 16px 8px 14px;
    gap: 4px;
    border-radius: 21px;
    border: 2px solid var(--functional-grey-strokes-232B46, #232b46)
}

@media (max-width:600px) {
    .orders .top-text .text-2 {
        text-align: center;
        margin: 0 auto
    }
}

.orders .top-text .text-2 img {
    margin-right: 8px
}

@media (max-width:767px) {
    .orders {
        margin-left: -63px;
        margin-right: -63px;
        margin-top: -25px;
        padding: 32px 0
    }
}

.orders:after {
    left: unset;
    right: 0
}

.orders:before {
    transform: rotate(180deg)
}

.orders ul {
    margin: 0;
    counter-reset: none
}

.orders ul li {
    counter-increment: none;
    margin: 0
}

.orders ul li:after,
.orders ul li:before {
    display: none
}

.orders .orders-top {
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.orders .orders-top:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.orders .orders-top .top-text span {
    color: #fff
}

.orders .order {
    border-radius: 8px;
    padding: 40px 42px;
    max-width: 192px;
    min-width: 192px;
    margin-right: 14px;
    position: relative;
    background: var(--functional-dark-lighter-bg-080F28, #080f28);
    border: 2px solid var(--functional-grey-strokes-232B46, #232b46)
}

.orders .order__arrow {
    color: #979aae;
    font-family: Inter, sans-serif
}

.orders .order__text {
    color: #fff;
    font-size: 14px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.orders .order__text:not(:last-of-type) {
    margin-bottom: 6px
}

.orders .order:hover {
    position: relative
}

.orders .order__footer {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.orders .order__avatar {
    width: 24px;
    display: flex;
    margin-top: 24px
}

.orders .order__completed {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #979aae;
    font-size: 12px
}

.orders .order__completed img {
    display: block;
    margin-left: 4px;
    width: 12px
}

.orders .order__date {
    margin-left: auto;
    display: none
}

.blog-category {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all .15s ease-in-out;
    box-shadow: inset 0 0 0 2px #232b46
}

.blog-category.csgo {
    background: url(/img/icons/csgo.svg) 50% no-repeat #050a20
}

.blog-category.valorant {
    background: url(/img/icons/valorant.svg) 50% no-repeat #050a20
}

.blog-category.lol,
.blog-category.lol-tft {
    background: url(/img/icons/lol.svg) 50% no-repeat #050a20
}

.blog-category.dota2 {
    background: url(/img/icons/dota2.svg) 50% no-repeat #050a20
}

.blog-category.overwatch {
    background: url(/img/icons/overwatch.svg) 50% no-repeat #050a20
}

.blog-category.rocket-league {
    background: url(/img/icons/rocket-league.svg) 50% no-repeat #050a20
}

.blog-category.poe2 {
    background: url(/img/icons/poe2.svg) 50% no-repeat #050a20;
    background-size: 30px
}

.blog-category.marvel-rivals {
    background: url(/img/icons/marvel-rivals.svg) 50% no-repeat #050a20;
    background-size: 30px
}

.blog-category.general,
.blog-category.other {
    background: url(/img/icons/general.svg) 50% no-repeat #050a20;
    background-size: 30px
}

.blog-wrap {
    margin-top: 80px;
    margin-bottom: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    align-items: start;
    flex-wrap: wrap
}

@media screen and (max-width:1063px) {
    .blog-wrap {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:767px) {
    .blog-wrap {
        grid-template-columns: repeat(1, 1fr)
    }
}

.blog-wrap * {
    box-sizing: border-box
}

@media screen and (max-width:767px) {
    .blog-wrap {
        margin-bottom: 80px
    }
}

.blog-wrap__item {
    width: 328px;
    position: relative;
    overflow: hidden
}

.blog-wrap__item,
.blog-wrap__item:after {
    transition: all .15s ease-in-out;
    border-radius: 24px
}

.blog-wrap__item:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    position: absolute;
    box-shadow: inset 0 0 0 2px transparent;
    z-index: 2;
    pointer-events: none
}

.blog-wrap__item:hover {
    transform: translateY(-12px)
}

.blog-wrap__item:hover .blog-category,
.blog-wrap__item:hover:after {
    box-shadow: inset 0 0 0 2px rgba(78, 211, 190, .8)
}

@media screen and (max-width:1063px) {
    .blog-wrap__item {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .blog-wrap__item {
        width: 100%
    }

    .blog-wrap__item:hover {
        transform: translateY(0)
    }
}

.blog-wrap__header {
    border-radius: 24px 24px 0 0;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .1);
    overflow: hidden
}

.blog-wrap__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    display: block;
    position: relative;
    z-index: -1
}

@media screen and (max-width:1063px) {
    .blog-wrap__img {
        width: 100%
    }
}

.blog-wrap__content {
    background: #050a20;
    border-radius: 0 0 24px 24px;
    border: 2px solid #232b46;
    border-top: none;
    padding: 40px 38px 38px
}

.blog-wrap__date {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
    line-height: 32px;
    background: linear-gradient(125deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.blog-wrap__title {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff;
    overflow: hidden;
    font-family: Poppins, "sans-serif-adjusted", sans-serif;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .15s ease-in-out;
    margin-bottom: 8px
}

.blog-wrap__title:hover {
    text-decoration: underline;
    color: #fff
}

.blog-wrap__subtitle {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #979aae;
    margin: 0 0 12px
}

@media screen and (max-width:767px) {
    .main-blog {
        margin-left: -10px;
        margin-right: -10px
    }
}

.main-blog .pagination li:before {
    display: none
}

.main-blog .pagination .page-item {
    margin: 0
}

.main-blog .blog-list-hero {
    padding-top: 224px;
    padding-bottom: 160px
}

.main-blog .blog-list-hero--glossary {
    padding-bottom: 156px
}

@media screen and (max-width:767px) {
    .main-blog .blog-list-hero {
        padding-top: 160px;
        padding-bottom: 80px
    }
}

.main-blog .blog-list-hero__title {
    margin: 0;
    text-align: center
}

.main-blog .blog-hero-post {
    margin-top: 100px;
    border: 2px solid #232b46;
    border-radius: 24px;
    padding: 88px 108px 88px 88px;
    background: url(/img/content/blog/single-post.png) 50% no-repeat #050a20;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .main-blog .blog-hero-post {
        padding: 40px
    }
}

.main-blog .blog-hero-post__left {
    overflow: hidden;
    -webkit-animation: float-5 3s ease-in-out infinite;
    animation: float-5 3s ease-in-out infinite
}

.main-blog .blog-hero-post__left:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    box-shadow: inset 0 0 0 2px rgba(183, 199, 252, .1);
    z-index: 2;
    border-radius: 24px
}

.main-blog .blog-hero-post__img,
.main-blog .blog-hero-post__left {
    max-width: 416px;
    min-width: 416px;
    height: 296px;
    border-radius: 24px;
    position: relative
}

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

    .main-blog .blog-hero-post__img,
    .main-blog .blog-hero-post__left {
        max-width: 100%
    }
}

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

    .main-blog .blog-hero-post__img,
    .main-blog .blog-hero-post__left {
        min-width: unset
    }
}

@media screen and (max-width:1063px) {
    .main-blog .blog-hero-post__left {
        width: 100%;
        margin-bottom: 24px
    }
}

.main-blog .blog-hero-post__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    display: block
}

.main-blog .blog-hero-post__right {
    max-width: 308px
}

.main-blog .blog-hero-post__category {
    -webkit-animation: float-5 3s ease-in-out .4s infinite;
    animation: float-5 3s ease-in-out .4s infinite
}

.main-blog .blog-hero-post__title {
    background: linear-gradient(101.09deg, #258cbf, #4ed3be 73.49%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-blog .blog-hero-post__title span {
    background: linear-gradient(0deg, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-blog .blog-hero-post__title,
.main-blog .blog-hero-post__title span {
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: .1px;
    transition: all .15s ease-in-out
}

.main-blog .blog-hero-post__title:hover,
.main-blog .blog-hero-post__title span:hover {
    text-decoration: underline
}

.main-blog .blog-hero-post__info {
    color: #979aae;
    max-width: 298px;
    margin: 24px 0 12px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.main-blog .blog-nav {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:767px) {
    .main-blog .blog-nav {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.main-blog .blog-nav__title {
    margin: 0
}

@media screen and (max-width:767px) {
    .main-blog .blog-nav__title {
        margin-bottom: 24px
    }
}

.main-blog .blog-nav__select {
    width: 328px
}

.blog-post {
    position: relative;
    padding-top: 224px
}

.blog-post--glossary {
    border-bottom: 2px solid #232b46;
    padding-bottom: 96px
}

@media screen and (max-width:767px) {
    .blog-post--glossary {
        padding-bottom: 0
    }
}

.blog-post__title {
    max-width: 504px;
    margin: 0 auto;
    font-size: 44px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 56px;
    letter-spacing: 1px;
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Poppins, "sans-serif-adjusted-title", sans-serif
}

.blog-post__holder,
.blog-post figure:not(.table) {
    max-width: 680px;
    width: 100%;
    max-height: 384px;
    min-height: 384px;
    height: 100%;
    position: relative;
    margin: 32px auto 64px;
    border-radius: 24px;
    aspect-ratio: 16/9
}

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

    .blog-post__holder,
    .blog-post figure:not(.table) {
        max-height: 284px;
        min-height: 284px
    }
}

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

    .blog-post__holder,
    .blog-post figure:not(.table) {
        max-height: 284px;
        min-height: 184px
    }
}

.blog-post__holder img,
.blog-post__holder video,
.blog-post figure:not(.table) img,
.blog-post figure:not(.table) video {
    border-radius: 24px;
    width: 100%;
    height: 100%;
    max-height: 384px;
    min-height: 384px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
    aspect-ratio: 16/9
}

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

    .blog-post__holder img,
    .blog-post__holder video,
    .blog-post figure:not(.table) img,
    .blog-post figure:not(.table) video {
        max-height: 284px;
        min-height: 284px
    }
}

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

    .blog-post__holder img,
    .blog-post__holder video,
    .blog-post figure:not(.table) img,
    .blog-post figure:not(.table) video {
        max-height: 284px;
        min-height: 184px
    }
}

.blog-post__holder:before,
.blog-post figure:not(.table):before {
    content: "";
    position: absolute;
    max-height: 384px;
    min-height: 384px;
    height: 100%;
    width: 100%;
    max-width: 680px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .09)
}

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

    .blog-post__holder:before,
    .blog-post figure:not(.table):before {
        max-height: 284px;
        min-height: 284px
    }
}

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

    .blog-post__holder:before,
    .blog-post figure:not(.table):before {
        max-height: 284px;
        min-height: 184px
    }
}

.blog-post__info {
    max-width: 504px;
    width: 100%;
    border-top: 2px solid #232b46;
    border-bottom: 2px solid #232b46;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 68px auto 80px;
    padding: 22px 0
}

.blog-post__info--glossary {
    margin-bottom: 62px
}

.blog-post__author,
.blog-post__date {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1 1 auto
}

.blog-post__author-title,
.blog-post__date-title {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: .1px;
    color: #fff
}

.blog-post__author-status,
.blog-post__date-status {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: .1px;
    color: #979aae
}

.blog-post__img-holder {
    background: #080f28;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #232b46;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px
}

.blog-post__img-holder img {
    display: block;
    width: 24px;
    height: 24px
}

.blog-post__author-img {
    position: relative
}

.blog-post__author-img img {
    border-radius: 50%
}

.blog-post__author-img:after,
.blog-post__author-img:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 50%
}

.blog-post__author-img:before {
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08)
}

.blog-post__author-img:after {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .000015) 50.14%, hsla(0, 0%, 100%, .000015) 0)
}

.blog-post__date {
    padding-left: 23px;
    border-left: 2px solid #232b46
}

.blog-post__thumbnail {
    border-radius: 12px
}

.blog-post figure.media div div {
    padding: 0 !important;
    height: unset !important
}

.blog-post p {
    display: block;
    max-width: 504px;
    width: 100%;
    margin: 16px auto;
    color: #979aae;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.blog-post p b,
.blog-post p span,
.blog-post p strong {
    color: #fff;
    font-weight: 500
}

.blog-post-img-holder {
    margin-bottom: 0
}

.blog-post-img-holder img {
    width: 100% !important;
    max-height: 384px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.blog-post h2,
.blog-post h3 {
    max-width: 504px;
    width: 100%;
    margin: 62px auto 22px;
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: .1px;
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.blog-post h3 {
    font-size: 20px
}

.blog-post h3,
.blog-post h4,
.blog-post h5,
.blog-post h6 {
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.blog-post h4,
.blog-post h5,
.blog-post h6 {
    font-size: 16px;
    max-width: 504px;
    width: 100%;
    margin: 24px auto 16px;
    color: #fff
}

.blog-post h5 {
    font-size: 14px;
    line-height: 32px;
    letter-spacing: .1px
}

.blog-post h5,
.blog-post h6 {
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

.blog-post h6 {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .2px
}

.blog-post ol,
.blog-post ul {
    max-width: 504px;
    width: 100%;
    margin: 16px auto
}

.blog-post ol li,
.blog-post ul li {
    padding-left: 24px;
    margin: 16px 0;
    position: relative
}

.blog-post ol li:before,
.blog-post ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08);
    border-radius: 50%;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .2) 50%, hsla(0, 0%, 100%, .00002) 50.14%, hsla(0, 0%, 100%, .00002) 0), linear-gradient(135deg, #258cbf, #4ed3be)
}

.blog-post #payment-form iframe {
    height: 282px !important
}

.blog-post iframe:not([data-google-container-id]) {
    border: 2px solid hsla(0, 0%, 100%, .08);
    border-radius: 12px;
    max-width: 680px;
    width: 100%;
    margin: 32px auto 70px;
    display: block;
    max-height: 384px;
    height: 384px !important;
    position: relative !important
}

.blog-post a:not(.blog-post__author-title, .blog-next__action, .elo-ad-container__eload--cta, .blog-next__text .fancy) {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.blog-post__content sup a {
    font-size: 10px !important
}

.blog-post__content>strong {
    display: block;
    margin: 16px auto;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px
}

.blog-post__content>strong,
.blog-post blockquote {
    max-width: 504px;
    width: 100%;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .1px
}

.blog-post blockquote {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    position: relative;
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 66px auto 62px;
    text-transform: uppercase
}

.blog-post table {
    max-width: 680px;
    width: 100%;
    margin: 30px auto;
    border-spacing: 0;
    border-color: #232b46
}

.blog-post table * {
    font-family: Poppins, "sans-serif-adjusted", sans-serif !important
}

.blog-post table tr:nth-of-type(odd) {
    border-radius: 12px;
    background: #050a20
}

.blog-post table tr:nth-of-type(odd) td,
.blog-post table tr:nth-of-type(odd) th {
    background: #050a20;
    border-top: 2px solid #232b46;
    border-bottom: 2px solid #232b46
}

.blog-post table tr:nth-of-type(odd) td:first-child,
.blog-post table tr:nth-of-type(odd) th:first-child {
    border-radius: 12px 0 0 12px;
    border-left: 2px solid #232b46
}

.blog-post table tr:nth-of-type(odd) td:last-child,
.blog-post table tr:nth-of-type(odd) th:last-child {
    border-radius: 0 12px 12px 0;
    border-right: 2px solid #232b46
}

.blog-post table tr td {
    padding: 24px
}

.blog-post table tr td,
.blog-post table tr td * {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 32px !important;
    letter-spacing: .1px !important;
    text-align: center !important
}

.blog-post table tr:first-of-type *,
.blog-post table tr:first-of-type td {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 24px !important;
    letter-spacing: .1px !important
}

.blog-post *,
.main-blog * {
    box-sizing: border-box
}

.blog-post .booster-selection-wrapper,
.main-blog .booster-selection-wrapper {
    display: flex;
    margin-right: 0;
    color: #fff;
    border-radius: 12px;
    border: 2px solid #232b46;
    background-color: #080f28;
    height: 80px;
    cursor: pointer;
    overflow: hidden;
    transition: all .15s ease-in-out;
    flex: 1;
    width: 100%
}

.blog-post .booster-selection-wrapper *,
.main-blog .booster-selection-wrapper * {
    box-sizing: border-box
}

.blog-post .booster-selection-wrapper .booster-icon,
.main-blog .booster-selection-wrapper .booster-icon {
    width: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 2px solid #232b46;
    transition: all .15s ease-in-out
}

.blog-post .booster-selection-wrapper .booster-icon .rank-image,
.main-blog .booster-selection-wrapper .booster-icon .rank-image {
    width: 32px
}

.blog-post .booster-selection-wrapper .booster-icon .rank-image--short,
.blog-post .booster-selection-wrapper .booster-icon img,
.main-blog .booster-selection-wrapper .booster-icon .rank-image--short,
.main-blog .booster-selection-wrapper .booster-icon img {
    width: 24px
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper {
    height: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 14px
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper .booster-rank-selection,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper .booster-rank-selection {
    padding-left: 24px;
    margin-top: 12px;
    font-family: Poppins, sans-serif
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single {
    background-color: #080f28;
    color: #fff;
    border: none;
    width: 100%
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__rendered,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100%;
    display: flex;
    align-content: center;
    padding-left: 24px;
    color: #fff
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__selected,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__selected {
    background-color: red
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__arrow b,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-color: transparent;
    background-size: contain;
    border: none
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single:focus,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single:focus {
    outline: none
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper select,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper select {
    cursor: pointer
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection {
    display: flex;
    width: 100%;
    background-color: #080f28;
    color: #fff;
    border: none;
    font-size: 16px;
    margin-top: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection:focus,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection:focus {
    outline: none
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon {
    right: 40px;
    top: 50%;
    position: absolute;
    width: 5px;
    height: 7px;
    display: flex;
    align-items: center;
    transform: translateY(-50%)
}

.blog-post .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon img,
.main-blog .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon img {
    width: 24px;
    transition-duration: .3s;
    transition-property: transform
}

.blog-post .booster-selection-wrapper .booster-input-group,
.main-blog .booster-selection-wrapper .booster-input-group {
    width: 100%
}

.blog-post .booster-selection-wrapper .booster-input-group label,
.main-blog .booster-selection-wrapper .booster-input-group label {
    position: absolute;
    font-size: 12px;
    color: #979aae;
    margin: 18px 20px 0 0;
    padding-left: 24px;
    padding-bottom: 5px;
    pointer-events: none
}

.blog-post .booster-selection-wrapper:hover,
.main-blog .booster-selection-wrapper:hover {
    border: 2px solid hsla(0, 0%, 100%, .3)
}

.blog-post .booster-selection-wrapper:hover .booster-icon,
.main-blog .booster-selection-wrapper:hover .booster-icon {
    border-right: 2px solid hsla(0, 0%, 100%, .3)
}

.blog-post .booster-selection-wrapper--disabled,
.main-blog .booster-selection-wrapper--disabled {
    cursor: default;
    pointer-events: none
}

@media screen and (max-width:767px) {
    .blog-post {
        padding-top: 128px
    }
}

.blog-latest {
    border-top: 2px solid #232b46;
    border-bottom: 2px solid #232b46;
    padding: 160px 0 0;
    margin-top: 168px
}

.blog-latest h2 {
    margin-top: 0
}

@media screen and (max-width:767px) {
    .blog-latest {
        padding-top: 80px;
        margin-top: 40px
    }
}

.blog-breadcrumbs {
    border-bottom: 2px solid #232b46;
    padding: 56px 0;
    overflow: hidden
}

.blog-breadcrumbs__full {
    border-top: 2px solid #232b46;
    margin-top: 90px
}

.blog-breadcrumbs a {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    float: left;
    line-height: 24px
}

.blog-breadcrumbs a:hover {
    background-image: linear-gradient(106deg, #5fc1d7, #5fd7c4)
}

.blog-breadcrumbs span {
    color: #979aae
}

.blog-breadcrumbs .breadcrumb-divider {
    float: left;
    padding: 0 4px;
    display: inline
}

.blog-breadcrumbs .scroll-to-top {
    float: right;
    cursor: pointer
}

.blog-next {
    max-width: 504px;
    width: 100%;
    margin: 72px auto
}

.blog-next__title {
    margin-bottom: 24px;
    margin-top: 0
}

.blog-next__info {
    margin-bottom: 32px
}

.blog-next__text {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.blog-next__text .fancy {
    font-weight: 600;
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width:767px) {
    .blog-next__text .fancy {
        white-space: normal
    }
}

.blog-next__action {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 40px
}

.blog-progresbar {
    --progress: 0;
    top: 0;
    height: 8px;
    width: var(--progress);
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    z-index: 1000
}

.blog-progresbar,
.share-wrapper {
    position: fixed;
    left: 0;
    pointer-events: none
}

.share-wrapper {
    bottom: 0;
    padding: 40px 44px;
    max-width: 2008px;
    width: 100%;
    z-index: 20;
    box-sizing: border-box;
    transition: transform .3s ease-in-out;
    opacity: 0
}

.share-wrapper .share-btn {
    position: relative;
    pointer-events: all;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #232b46, #232b46);
    cursor: pointer;
    transition: all .15s ease-in-out;
    outline: none
}

.share-wrapper .share-btn:before {
    position: absolute;
    content: "";
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    background: #080f28;
    border-radius: 100%
}

.share-wrapper .share-btn:hover {
    opacity: .8;
    background: linear-gradient(135deg, #258cbf, #4ed3be)
}

.share-wrapper .share-btn img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 3
}

.share-wrapper .share-btns {
    position: absolute;
    top: -178px;
    left: 38px;
    background: #010411;
    border-radius: 24px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .32);
    border: 2px solid #232b46;
    padding: 20px 24px;
    width: 268px;
    box-sizing: border-box;
    z-index: 10;
    pointer-events: none;
    transition: all .15s ease-in-out;
    opacity: 0
}

.share-wrapper .share-btns.open {
    opacity: 1;
    pointer-events: all
}

.share-wrapper .share-btns__links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    transition: all .15s ease-in-out;
    cursor: pointer
}

.share-wrapper .share-btns__links:hover {
    opacity: .8
}

.share-wrapper .share-btns__title {
    margin-left: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .1px
}

.share-wrapper .share-btns__img {
    width: 24px;
    height: 24px;
    display: block
}

.user-letter {
    transition: all .15s ease-in-out;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .08px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 0), linear-gradient(315deg, #fbd1e8, #bb387e);
    position: relative;
    border-radius: 100%;
    z-index: 2;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08)
}

.user-letter .user-status-dot {
    width: 10px;
    height: 10px;
    position: absolute;
    right: -3px;
    top: -3px;
    border-radius: 100%;
    border: 2px solid #080f28
}

.user-letter .user-status-dot.online {
    background: linear-gradient(135deg, #258cbf, #4ed3be)
}

.user-letter .user-status-dot.offline {
    background: #de3e4b
}

.user-letter.a,
.user-letter.b,
.user-letter.c,
.user-letter.d,
.user-letter.e {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 0), linear-gradient(135deg, #033aa4, #3cb4fd)
}

.user-letter.f,
.user-letter.g,
.user-letter.h {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 0), linear-gradient(315deg, #b4ec51, #429321)
}

.user-letter.i,
.user-letter.j,
.user-letter.k {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 0), linear-gradient(315deg, #e86fae, #3a93e4)
}

.user-letter.l,
.user-letter.m,
.user-letter.n,
.user-letter.o {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 0), linear-gradient(135deg, #3023ae, #c86dd7 102%)
}

.user-letter.p,
.user-letter.q,
.user-letter.r,
.user-letter.s {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 0), linear-gradient(315deg, #ee0c78 100%, #ff6805)
}

.user-letter.t,
.user-letter.u,
.user-letter.v {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 0), linear-gradient(135deg, #258cbf, #4ed3be 100%)
}

.user-letter.w,
.user-letter.y,
.user-letter.z {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 0), linear-gradient(315deg, #8dfcfc, #ef33d9)
}

#references-list {
    margin-bottom: 94px
}

#references-list li {
    padding: 0
}

#references-list li:before {
    display: none
}

#references-title {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 1px;
    margin-bottom: 24px
}

.widget-banner {
    max-width: 680px;
    width: 100%;
    margin: 62px auto;
    border-radius: 24px;
    overflow: hidden
}

.widget-banner__link {
    display: block
}

.widget-banner__image {
    display: block;
    height: auto
}

.widget-banner__iframe,
.widget-banner__image {
    width: 100%;
    max-width: 680px
}

.widget-banner__iframe iframe {
    display: block;
    width: 100%;
    max-width: 680px;
    border: none
}

.game-purchase-widget {
    border-radius: 24px;
    background: var(--functional-dark-bg-050A20, #050a20);
    border: 2px solid var(--functional-grey-strokes-232B46, #232b46);
    max-width: 680px;
    width: 100%;
    height: 100%;
    margin: 62px auto;
    padding: 22px 30px 32px;
    font-family: Poppins, "sans-serif-adjusted", sans-serif
}

.game-purchase-widget__header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 26px
}

@media screen and (max-width:767px) {
    .game-purchase-widget__header {
        grid-template-columns: 3fr 1fr
    }
}

.game-purchase-widget__header__title {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .1px;
    color: #979aae;
    display: flow-root
}

.game-purchase-widget__header__title__heading {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: .1px;
    color: #fff;
    display: unset
}

.game-purchase-widget__header__title__heading .icon {
    width: 18px;
    height: 24px;
    margin-left: 2px
}

.game-purchase-widget__header__title__heading .icon img {
    padding-top: 4px
}

.game-purchase-widget__header__trustpilot {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    margin: auto 0
}

.game-purchase-widget__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px
}

.game-purchase-widget__content__game {
    background: var(--functional-grey-strokes-232B46, #232b46);
    padding: 2px;
    border-radius: 12px;
    cursor: pointer
}

.game-purchase-widget__content__game:last-child {
    transition: background .2s ease, padding .8s linear;
    background-image: linear-gradient(134.93deg, #d1a04a 1.79%, #f2d289 46.99%, #d1a04a 96.2%)
}

.game-purchase-widget__content__game__container {
    padding: 14px 16px 15px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 14px;
    border-radius: 10px;
    background: var(--functional-dark-bg-050A20, #050a20);
    border: none
}

@media screen and (max-width:767px) {
    .game-purchase-widget__content__game__container {
        grid-template-columns: 1fr
    }
}

.game-purchase-widget__content__game__container__details__title {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: .1px;
    display: flex;
    align-items: center
}

.game-purchase-widget__content__game__container__details__title__rank {
    width: 18px;
    height: 18px;
    margin: 0 4px;
    display: inline
}

.game-purchase-widget__content__game__container__details__title__rank.csgo {
    width: 36px
}

.game-purchase-widget__content__game__container__details__title__champions {
    display: flex;
    align-items: center
}

.game-purchase-widget__content__game__container__details__title__champions__icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--functional-dark-lighter-bg-080F28, #080f28)
}

.game-purchase-widget__content__game__container__details__title__champions__icon:first-child {
    margin-left: 0;
    z-index: 2
}

.game-purchase-widget__content__game__container__details__title__champions__icon:last-child {
    margin-left: -8px;
    z-index: 1
}

.game-purchase-widget__content__game__container__details__description {
    color: #979aae;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .1px
}

.game-purchase-widget__content__game__container__action {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.game-purchase-widget__content__game__container__action__price {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .1000000015px;
    text-align: left;
    margin: auto;
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width:767px) {
    .game-purchase-widget__content__game__container__action__price {
        margin: 0
    }
}

.game-purchase-widget__content__game__container__action__price .strike-off {
    text-decoration: line-through;
    background: linear-gradient(315deg, #fb6d7a, #c52374);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Poppins, "sans-serif-adjusted", sans-serif;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    text-align: left;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.game-purchase-widget__content__game__container__action__price .strike-off:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 1px);
    height: 1px;
    background: linear-gradient(314deg, #fb6d7a 100%, #c52374);
    overflow: hidden;
    opacity: .7
}

.game-purchase-widget__content__game__container__action__button button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4842d1;
    border-radius: 8px;
    color: var(--functional-white-FFFFFF, #fff);
    height: 40px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .2px;
    text-align: center;
    cursor: pointer;
    transition: background .3s;
    max-width: 123px;
    min-width: 123px;
    width: 100%;
    text-transform: uppercase;
    border: 1px solid var(--functional-op-white-ffffff-8, hsla(0, 0%, 100%, .0784313725490196));
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.game-purchase-widget__content__game__container__action__button button:hover {
    background: #5d56ec
}

.game-purchase-widget__content__game__container__action__button button span {
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    display: inline;
    letter-spacing: .2px;
    opacity: .7
}

.elo-ad-container {
    position: absolute;
    height: 100%;
    opacity: 1;
    transition: opacity .3s ease;
    min-height: 100% !important;
    padding-bottom: 221px
}

.elo-ad-container--left {
    left: 0
}

.elo-ad-container--left .elo-ad-container__elo-ad {
    margin-left: -200px
}

.elo-ad-container--right {
    right: 0
}

.elo-ad-container--right .elo-ad-container__elo-ad {
    margin-right: -200px
}

.elo-ad-container__elo-ad {
    width: 200px;
    height: 639px;
    background: #050a20;
    border-radius: 24px;
    position: -webkit-sticky;
    position: sticky;
    top: 44px;
    margin-top: 180px
}

.elo-ad-container__gads {
    width: 160px;
    height: 599px
}

.elo-ad-container__eload {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background: var(--functional-dark-bg-050A20, #050a20);
    border: 2px solid var(--functional-grey-strokes-232B46, #232b46);
    border-radius: 24px;
    padding: 18px
}

.elo-ad-container__eload.csgo {
    background-image: url(/img/blog/ad/csgo.png)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .elo-ad-container__eload.csgo {
        background-image: url(/img/blog/ad/csgo@2x.png)
    }
}

.elo-ad-container__eload.valorant {
    background-image: url(/img/blog/ad/valorant.png)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .elo-ad-container__eload.valorant {
        background-image: url(/img/blog/ad/valorant@2x.png)
    }
}

.elo-ad-container__eload.dota2 {
    background-image: url(/img/blog/ad/dota2.png)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .elo-ad-container__eload.dota2 {
        background-image: url(/img/blog/ad/dota2@2x.png)
    }
}

.elo-ad-container__eload.overwatch {
    background-image: url(/img/blog/ad/overwatch.png)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .elo-ad-container__eload.overwatch {
        background-image: url(/img/blog/ad/overwatch@2x.png)
    }
}

.elo-ad-container__eload.rocket-league {
    background-image: url(/img/blog/ad/rocket-league.png)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .elo-ad-container__eload.rocket-league {
        background-image: url(/img/blog/ad/rocket-league@2x.png)
    }
}

.elo-ad-container__eload.skinmonkey {
    margin-top: 10px;
    background-image: url(/img/blog/ad/skin-monkey-vertical-banner.png)
}

@media (-webkit-min-device-pixel-ratio:2) {
    .elo-ad-container__eload.skinmonkey {
        background-image: url(/img/blog/ad/skin-monkey-vertical-banner@2x.png)
    }
}

.elo-ad-container iframe {
    border-radius: 16px
}

@media (max-width:1500px) {
    .elo-ad-container--left {
        left: 0
    }

    .elo-ad-container--left .elo-ad-container__elo-ad {
        margin-left: calc(-50vw + 550px)
    }

    .elo-ad-container--right {
        right: 0
    }

    .elo-ad-container--right .elo-ad-container__elo-ad {
        margin-right: calc(-50vw + 550px)
    }
}

@media (max-width:1088px) {
    .elo-ad-container--left {
        left: 0
    }

    .elo-ad-container--left .elo-ad-container__elo-ad {
        margin-left: 6px
    }

    .elo-ad-container--right {
        right: 0
    }

    .elo-ad-container--right .elo-ad-container__elo-ad {
        margin-right: 6px
    }
}

@media (max-width:1063px) {
    .elo-ad-container {
        display: none
    }
}

.important-banner-wrapper {
    position: fixed;
    bottom: 60px;
    left: calc(50% - 340px);
    z-index: 9;
    transition: transform .3s ease-in-out;
    transform: translateY(300%);
    opacity: 0
}

.important-banner-wrapper.sticky {
    position: -webkit-sticky;
    position: sticky;
    bottom: 20px
}

.important-banner-wrapper--iframe {
    left: 50%;
    transform: translateX(-50%) translateY(300%);
    max-width: 640px;
    max-height: 160px
}

.important-banner-wrapper--iframe.show {
    transform: translateX(-50%) translateY(0)
}

.important-banner-wrapper__iframe {
    display: flex;
    justify-content: center;
    align-items: center
}

.important-banner-wrapper__iframe iframe {
    max-width: 100%;
    border-radius: 16px
}

.important-banner-wrapper .ad-banner {
    display: flex;
    transition: all .25s ease-in-out;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 680px;
    padding: 18px;
    border-radius: 24px;
    background: var(--functional-dark-bg-050A20, #050a20) !important;
    border: 2px solid var(--functional-grey-strokes-232B46, #232b46);
    opacity: 0
}

.important-banner-wrapper .ad-banner img {
    width: 600px;
    max-height: 100px;
    border-radius: 8px;
    height: 100%
}

@media (max-width:786px) {
    .important-banner-wrapper {
        left: 0;
        bottom: 100px
    }

    .important-banner-wrapper.sticky {
        bottom: 20px
    }

    .important-banner-wrapper img {
        width: 100%
    }
}

.text-elo-green {
    color: #258cbf
}

.text-gradient-white {
    color: #757f9a
}

.text-gradient-gold {
    color: #d1a04a
}

.text-white {
    color: #fff
}

.text-gray {
    color: #979aae
}

.mr-0 {
    margin-right: 0
}

.mr-1 {
    margin-right: 1px
}

.mr-2 {
    margin-right: 2px
}

.mr-3 {
    margin-right: 3px
}

.mr-4 {
    margin-right: 4px
}

.mr-5 {
    margin-right: 5px
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: 4px
}

.mt-2 {
    margin-top: 8px
}

.mt-3 {
    margin-top: 12px
}

.mt-4 {
    margin-top: 16px
}

.mt-5 {
    margin-top: 20px
}

.mt-6 {
    margin-top: 24px
}

.mt-7 {
    margin-top: 28px
}

.mt-8 {
    margin-top: 32px
}

.mt-9 {
    margin-top: 36px
}

.mt-10 {
    margin-top: 40px
}

.mt-11 {
    margin-top: 44px
}

.mt-12 {
    margin-top: 48px
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: 2px
}

.ml-2 {
    margin-left: 4px
}

.ml-3 {
    margin-left: 6px
}

.ml-4 {
    margin-left: 8px
}

.ml-5 {
    margin-left: 10px
}

.ml-6 {
    margin-left: 12px
}

.ml-7 {
    margin-left: 14px
}

.ml-8 {
    margin-left: 16px
}

.ml-9 {
    margin-left: 18px
}

.ml-10 {
    margin-left: 20px
}

.ml-11 {
    margin-left: 22px
}

.ml-12 {
    margin-left: 24px
}

.w-0 {
    width: 0
}

.w-1 {
    width: 6px
}

.w-2 {
    width: 12px
}

.w-3 {
    width: 18px
}

.w-4 {
    width: 24px
}

.w-5 {
    width: 30px
}

.h-0 {
    width: 0
}

.h-1 {
    width: 6px
}

.h-2 {
    width: 12px
}

.h-3 {
    width: 18px
}

.h-4 {
    width: 24px
}

.h-5 {
    width: 30px
}

.grid {
    display: grid
}

.grid-template-columns {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
}

.grid-gap-1 {
    grid-gap: 1px
}

.grid-gap-2 {
    grid-gap: 2px
}

.grid-gap-3 {
    grid-gap: 3px
}

.grid-gap-4 {
    grid-gap: 4px
}

.grid-gap-5 {
    grid-gap: 5px
}

.grid-gap-6 {
    grid-gap: 6px
}

.grid-gap-7 {
    grid-gap: 7px
}

.grid-gap-8 {
    grid-gap: 8px
}

.grid-gap-9 {
    grid-gap: 9px
}

.grid-gap-10 {
    grid-gap: 10px
}

.grid-gap-11 {
    grid-gap: 11px
}

.grid-gap-12 {
    grid-gap: 12px
}

.grid-gap-13 {
    grid-gap: 13px
}

.grid-gap-14 {
    grid-gap: 14px
}

.grid-gap-15 {
    grid-gap: 15px
}

.grid-gap-16 {
    grid-gap: 16px
}

.grid-gap-17 {
    grid-gap: 17px
}

.grid-gap-18 {
    grid-gap: 18px
}

.text-gradient-green {
    background-image: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.flex {
    display: flex
}

.justify-center {
    justify-content: center
}

@supports ((-webkit-background-clip:text) or (background-clip:text)) {
    .text-elo-green {
        background-image: linear-gradient(135deg, #258cbf, #4ed3be)
    }

    .text-elo-green,
    .text-gradient-white {
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }

    .text-gradient-white {
        background-image: linear-gradient(135deg, #757f9a, #d7dde8)
    }

    .text-gradient-gold {
        background-image: linear-gradient(134.93deg, #d1a04a 1.79%, #f2d289 46.99%, #d1a04a 96.2%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

.default-cursor {
    cursor: default
}

.text-uppercase {
    text-transform: uppercase
}

.about-wrapper .about-header,
.jobs-wrapper .about-header {
    padding-top: 128px
}

.about-wrapper .about-images,
.jobs-wrapper .about-images {
    padding-top: 138px
}

.about-wrapper .about-letter h2,
.jobs-wrapper .about-letter h2 {
    margin-top: 163px
}

.about-wrapper .review-large,
.jobs-wrapper .review-large {
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: .1px;
    margin: 158px auto 32px;
    background: linear-gradient(103deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 500px
}

.about-wrapper .review-large span,
.jobs-wrapper .review-large span {
    background: linear-gradient(103deg, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.about-wrapper .name__name,
.jobs-wrapper .name__name {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff;
    margin-top: -5px;
    margin-left: 5px
}

.about-wrapper .name span,
.jobs-wrapper .name span {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    margin-top: -12px;
    padding-left: 5px
}

.about-wrapper .name .rating-5star,
.jobs-wrapper .name .rating-5star {
    margin-top: -9px !important;
    margin-left: -3px !important
}

.about-wrapper .name__flag,
.jobs-wrapper .name__flag {
    margin-left: 4px;
    width: 12px
}

.about-wrapper .blackbox--about,
.jobs-wrapper .blackbox--about {
    margin-top: 82px
}

.about-wrapper .managment,
.jobs-wrapper .managment {
    position: relative
}

.about-wrapper .managment .background-text,
.jobs-wrapper .managment .background-text {
    position: absolute;
    font-family: Bebas Neue, cursive;
    text-align: center;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    color: #0a102a;
    font-size: 150px;
    line-height: 144px;
    background: linear-gradient(103deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-stroke: 2px transparent;
    z-index: -1;
    pointer-events: none;
    opacity: .1;
    top: 400px
}

.about-wrapper .managment .background-text.centered,
.jobs-wrapper .managment .background-text.centered {
    width: 100%
}

.about-wrapper .managment *,
.jobs-wrapper .managment * {
    box-sizing: border-box
}

.about-wrapper .managment-header,
.jobs-wrapper .managment-header {
    padding-top: 160px;
    padding-bottom: 132px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

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

    .about-wrapper .managment-header,
    .jobs-wrapper .managment-header {
        padding: 40px 0
    }
}

.about-wrapper .managment-header--jobs,
.jobs-wrapper .managment-header--jobs {
    padding: 0
}

.about-wrapper .managment-header--jobs .button,
.jobs-wrapper .managment-header--jobs .button {
    margin-top: 32px
}

.about-wrapper .managment-header__title,
.jobs-wrapper .managment-header__title {
    margin: 0
}

.about-wrapper .managment-header__subtitle,
.jobs-wrapper .managment-header__subtitle {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #979aae;
    max-width: 416px;
    margin: 12px 87px 0 0
}

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

    .about-wrapper .managment-header__subtitle,
    .jobs-wrapper .managment-header__subtitle {
        margin: 12px 0 0
    }
}

.about-wrapper .managment-team,
.jobs-wrapper .managment-team {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.about-wrapper .managment-team__item,
.jobs-wrapper .managment-team__item {
    display: block;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    width: 328px;
    transition: all .15s ease-in-out
}

.about-wrapper .managment-team__item:after,
.jobs-wrapper .managment-team__item:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    position: absolute;
    box-shadow: inset 0 0 0 2px transparent;
    z-index: 2;
    border-radius: 24px;
    transition: all .15s ease-in-out;
    pointer-events: none
}

.about-wrapper .managment-team__item:hover,
.jobs-wrapper .managment-team__item:hover {
    transform: translateY(-12px)
}

.about-wrapper .managment-team__item:hover .managment-team__avatar,
.about-wrapper .managment-team__item:hover:after,
.jobs-wrapper .managment-team__item:hover .managment-team__avatar,
.jobs-wrapper .managment-team__item:hover:after {
    box-shadow: inset 0 0 0 2px rgba(78, 211, 190, .8)
}

.about-wrapper .managment-team__item:hover .managment-team__bg,
.jobs-wrapper .managment-team__item:hover .managment-team__bg {
    transform: scale(1.05)
}

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

    .about-wrapper .managment-team__item,
    .jobs-wrapper .managment-team__item {
        width: calc(50% - 12px)
    }

    .about-wrapper .managment-team__item:not(:last-of-type),
    .jobs-wrapper .managment-team__item:not(:last-of-type) {
        margin-bottom: 24px
    }
}

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

    .about-wrapper .managment-team__item,
    .jobs-wrapper .managment-team__item {
        width: 100%
    }

    .about-wrapper .managment-team__item:hover,
    .jobs-wrapper .managment-team__item:hover {
        transform: translateY(0)
    }
}

.about-wrapper .managment-team__header,
.jobs-wrapper .managment-team__header {
    border-radius: 24px 24px 0 0;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .1);
    overflow: hidden;
    height: 72px
}

.about-wrapper .managment-team__bg,
.jobs-wrapper .managment-team__bg {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: relative;
    z-index: -1;
    height: 100%;
    transition: all .15s ease-in-out
}

.about-wrapper .managment-team__avatar,
.jobs-wrapper .managment-team__avatar {
    background: #050a20;
    box-shadow: inset 0 0 0 2px #232b46;
    border-radius: 60px;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 40px;
    left: 40px;
    transition: all .15s ease-in-out
}

.about-wrapper .managment-team__avatar-img,
.jobs-wrapper .managment-team__avatar-img {
    display: block;
    width: 24px;
    height: 24px
}

.about-wrapper .managment-team__content,
.jobs-wrapper .managment-team__content {
    background: #050a20;
    border: 2px solid #232b46;
    border-top: none;
    padding: 64px 38px 38px;
    border-radius: 0 0 24px 24px
}

.about-wrapper .managment-team__title,
.jobs-wrapper .managment-team__title {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff
}

.about-wrapper .managment-team__text,
.jobs-wrapper .managment-team__text {
    margin: 8px 0 16px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #979aae;
    min-height: 135px
}

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

    .about-wrapper .managment-team__text,
    .jobs-wrapper .managment-team__text {
        min-height: 128px
    }
}

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

    .about-wrapper .managment-team__text,
    .jobs-wrapper .managment-team__text {
        min-height: unset
    }
}

.about-wrapper .managment-team__position,
.jobs-wrapper .managment-team__position {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 2px solid #232b46;
    border-right: none;
    border-left: none;
    margin-bottom: 24px;
    padding: 20px 0 23px
}

.about-wrapper .managment-team__flag,
.about-wrapper .managment-team__icon,
.jobs-wrapper .managment-team__flag,
.jobs-wrapper .managment-team__icon {
    display: block;
    width: 24px;
    margin-right: 20px
}

.about-wrapper .managment-team__info,
.about-wrapper .managment-team__locinfo,
.jobs-wrapper .managment-team__info,
.jobs-wrapper .managment-team__locinfo {
    border-left: 2px solid #232b46;
    padding-left: 24px
}

.about-wrapper .managment-team__loctitle,
.about-wrapper .managment-team__postitle,
.jobs-wrapper .managment-team__loctitle,
.jobs-wrapper .managment-team__postitle {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: .1px
}

.about-wrapper .managment-team__loctext,
.about-wrapper .managment-team__postext,
.jobs-wrapper .managment-team__loctext,
.jobs-wrapper .managment-team__postext {
    color: #979aae;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: .1px
}

.about-wrapper .managment-team__location,
.jobs-wrapper .managment-team__location {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.job-skills {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 80px
}

.job-skills * {
    box-sizing: border-box
}

.job-skills__item {
    width: 328px
}

.job-skills__item:not(:last-of-type) {
    border-radius: 24px;
    background: #050a20;
    border: 2px solid #232b46;
    padding: 38px 38px 46px
}

.job-skills__item:nth-child(-n+3) {
    margin-bottom: 24px
}

@media screen and (max-width:1063px) {
    .job-skills__item {
        width: calc(50% - 12px)
    }

    .job-skills__item:not(:last-of-type) {
        margin-bottom: 24px
    }
}

@media screen and (max-width:767px) {
    .job-skills__item {
        width: 100%
    }
}

.job-skills__logo {
    background: #050a20;
    width: 64px;
    height: 64px;
    border: 2px solid #232b46;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.job-skills__img {
    display: block;
    width: 24px
}

.job-skills__title {
    margin-top: 32px;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
    color: #fff
}

.job-skills__subtitle,
.job-skills__title {
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.job-skills__subtitle {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #979aae
}

.job-skills__subtitle span {
    font-weight: 500;
    color: #fff
}

.jobs-modal * {
    box-sizing: border-box
}

.jobs-modal .modal {
    margin: auto
}

.jobs-modal .modal-content {
    position: relative;
    background: #050a20;
    border: 2px solid #232b46;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .4);
    border-radius: 24px;
    padding: 142px 150px 150px;
    max-width: 984px;
    margin-top: 65px
}

@media screen and (max-width:1063px) {
    .jobs-modal .modal-content {
        margin-right: 30px
    }
}

@media screen and (max-width:767px) {
    .jobs-modal .modal-content {
        margin-right: 0;
        padding: 40px
    }
}

.jobs-modal .modal-content h2 {
    margin: 0
}

.jobs-modal .modal-content p {
    margin: 24px 0 32px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.jobs-modal .modal-content .jobs-form {
    width: 100%;
    margin: 0;
    max-width: 100%
}

.jobs-modal .modal-content .jobs-form .blackbox-input-group:nth-of-type(3),
.jobs-modal .modal-content .jobs-form .blackbox-input-group:nth-of-type(4),
.jobs-modal .modal-content .jobs-form .blackbox-input-group:nth-of-type(5),
.jobs-modal .modal-content .jobs-form .blackbox-input-group:nth-of-type(6),
.jobs-modal .modal-content .jobs-form .blackbox-input-group:nth-of-type(7),
.jobs-modal .modal-content .jobs-form .blackbox-input-group:nth-of-type(8) {
    width: calc(50% - 12px);
    display: inline-block
}

.jobs-modal .modal-content .jobs-form .blackbox-input-group:nth-of-type(4),
.jobs-modal .modal-content .jobs-form .blackbox-input-group:nth-of-type(6),
.jobs-modal .modal-content .jobs-form .blackbox-input-group:nth-of-type(8) {
    margin-left: 19px
}

@media screen and (max-width:1063px) {
    .jobs-modal .modal-content .jobs-form .blackbox-input-group {
        width: 100% !important;
        margin-left: 0 !important
    }
}

.jobs-modal .modal-content .jobs-form .blackbox-input-group.textarea {
    max-height: 140px
}

.jobs-modal .modal-content .jobs-form .blackbox-input-group .blackbox-input {
    background: #080f28
}

.jobs-modal .modal-content .jobs-form .blackbox-input-group .blackbox-input:focus+.blackbox-input-label {
    color: #979aae
}

.jobs-modal .modal-content .jobs-form .blackbox-input-group .blackbox-input-label {
    transition: all .15s ease-in-out;
    color: #fff
}

.jobs-modal .modal-content .jobs-form .button {
    width: 100%;
    height: 80px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.readmore-modal * {
    box-sizing: border-box
}

.readmore-modal .modal {
    margin: auto
}

.readmore-modal .modal-content {
    position: relative;
    background: #050a20;
    border: 2px solid #232b46;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .4);
    border-radius: 24px;
    padding: 102px 100px 100px;
    max-width: 684px
}

.readmore-modal .modal-content h2 {
    margin: 0
}

.readmore-modal .modal-content p {
    margin: 24px 0 32px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.readmore-modal .modal-content .button {
    width: 100%;
    height: 80px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px
}

.readmore-modal .modal-content .satisfaction-guarantee {
    color: #979aae;
    display: flex;
    justify-content: center;
    align-items: center
}

.readmore-modal .modal-content .satisfaction-guarantee .hundred {
    color: #fff
}

.readmore-modal .modal-content .satisfaction-guarantee .content {
    text-align: center
}

.readmore-modal .modal-content .satisfaction-guarantee .gold-check {
    margin-top: 2px;
    margin-right: 5px
}

.contact-us {
    padding-top: 224px
}

.contact-us,
.contact-us * {
    box-sizing: border-box
}

@media screen and (max-width:767px) {
    .contact-us {
        padding-top: 150px
    }
}

.contact-us .contact-us-hero h1 {
    margin: 0
}

.contact-us .contact-us-hero__holder {
    margin-top: 156px;
    box-shadow: inset 0 0 0 2px rgba(183, 199, 252, .1);
    position: relative;
    border-radius: 24px;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .contact-us .contact-us-hero__holder {
        margin-top: 60px
    }
}

.contact-us .contact-us-hero__img {
    display: block;
    width: 100%;
    max-height: 480px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 24px;
    position: relative;
    z-index: -1
}

.contact-us .contact-page {
    padding-top: 160px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .contact-us .contact-page {
        padding-top: 60px
    }
}

.contact-us .contact-page h2 {
    margin: 0
}

.contact-us .contact-page__left {
    max-width: 680px
}

.contact-us .contact-page__right {
    max-width: 240px
}

@media screen and (max-width:767px) {
    .contact-us .contact-page__right {
        margin-top: 24px
    }
}

.contact-us .contact-page__subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #979aae;
    margin: 24px 0 52px;
    max-width: 530px
}

.contact-us .contact-page__links,
.contact-us .contact-page__subtitle {
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.contact-us .contact-page__links {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px
}

.contact-us .contact-page__link {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: .1px
}

.contact-us .contact-page form .input-wrapper .input-bg {
    padding: 2px;
    display: flex;
    margin-bottom: 24px;
    border-radius: 12px;
    background-color: #232b46
}

.contact-us .contact-page form .input-wrapper .input-bg input,
.contact-us .contact-page form .input-wrapper .input-bg textarea {
    padding: 22px 32px;
    width: 100%;
    background: #050a20;
    border: none;
    border-radius: 12px;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 16px
}

.contact-us .contact-page form .input-wrapper .input-bg input:focus,
.contact-us .contact-page form .input-wrapper .input-bg textarea:focus {
    outline: none
}

.contact-us .contact-page form .input-wrapper .input-bg textarea {
    resize: none
}

.contact-us .contact-page form .input-wrapper .input-bg.blackbox-input-group {
    max-width: 100%;
    height: 100%
}

.contact-us .contact-page form .input-wrapper .input-bg.blackbox-input-group .feedback {
    right: -15%
}

.contact-us .contact-page form .input-wrapper .input-bg.has-error {
    background-image: linear-gradient(284deg, #fb6d7a, #c52374)
}

.contact-us .contact-page form .input-wrapper .input-bg:focus-within {
    border: none;
    background-image: linear-gradient(105deg, #258cbf, #4ed3be)
}

.contact-us .contact-page form .input-wrapper .input-bg:hover {
    background-color: #2f364d
}

.contact-us .contact-page form .input-wrapper .submit-button {
    margin-top: 20px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 20px;
    max-width: 240px
}

.contact-us .contact-page form .blackbox-input-group .blackbox-input-label {
    color: #fff
}

.contact-us .contact-page form .blackbox-input-group .blackbox-input:focus+.blackbox-input-label,
.contact-us .contact-page form .blackbox-input-group .blackbox-input:valid+.blackbox-input-label {
    color: #979aae
}

@media screen and (max-width:767px) {
    .contact-us .container .faq h2 {
        padding-top: 0
    }
}

.glossary-wrap-section {
    list-style: none
}

.glossary-wrap-section__letter {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff
}

.glossary-wrap-section__item {
    padding: 72px 0 80px;
    border-bottom: 2px solid #232b46
}

.glossary-wrap-section__item,
.glossary-wrap-section__item:first-of-type {
    margin: 0
}

.glossary-wrap-section__item:last-of-type {
    padding-bottom: 168px
}

.glossary-wrap-section__item:before {
    display: none
}

@media screen and (max-width:767px) {
    .glossary-wrap-section__item {
        padding: 40px 0
    }

    .glossary-wrap-section__item:last-of-type {
        padding-bottom: 78px
    }
}

.glossary-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 72px
}

@media screen and (max-width:767px) {
    .glossary-wrap {
        margin-top: 40px
    }
}

.glossary-nav-wrap {
    overflow: auto
}

.glossary-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 26px 0;
    border-top: 2px solid #232b46;
    border-bottom: 2px solid #232b46
}

@media screen and (max-width:767px) {
    .glossary-nav {
        width: 766px
    }
}

.glossary-nav__link {
    width: 40px;
    height: 32px;
    color: #979aae;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.glossary-nav__link--active {
    color: #fff
}

@media screen and (max-width:767px) {
    .glossary-nav__link {
        white-space: nowrap
    }
}

.glossary-item {
    max-width: calc(50% - 12px);
    width: 100%;
    background: #050a20;
    border: 2px solid #232b46;
    border-radius: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 22px 38px;
    transition: all .15s ease-in-out
}

@media screen and (max-width:767px) {
    .glossary-item {
        max-width: 100%
    }
}

.glossary-item__logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all .15s ease-in-out;
    box-shadow: inset 0 0 0 2px #232b46
}

.glossary-item__logo--csgo {
    background: url(/img/icons/csgo.svg) 50% no-repeat #050a20;
    background-size: 24px
}

.glossary-item__logo--valorant {
    background: url(/img/icons/valorant.svg) 50% no-repeat #050a20;
    background-size: 24px
}

.glossary-item__logo--lol {
    background: url(/img/icons/lol.svg) 50% no-repeat #050a20;
    background-size: 24px
}

.glossary-item__logo--dota2 {
    background: url(/img/icons/dota2.svg) 50% no-repeat #050a20;
    background-size: 24px
}

.glossary-item__logo--overwatch {
    background: url(/img/icons/overwatch.svg) 50% no-repeat #050a20;
    background-size: 24px
}

.glossary-item__logo--general {
    background: url(/img/icons/glossary-general.svg) 50% no-repeat #050a20;
    background-size: 24px
}

.glossary-item__logo--rocket-league {
    background: url(/img/icons/rocket-league.svg) 50% no-repeat #050a20;
    background-size: 24px
}

.glossary-item__title {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff;
    margin-left: 16px
}

.glossary-item__img {
    display: block;
    width: 24px;
    height: 24px;
    margin-left: auto;
    transition: all .15s ease-in-out
}

.glossary-item:hover {
    border-color: #313955
}

.glossary-item:hover .glossary-item__img {
    -webkit-animation: bounceLeft 1.5s ease-in-out infinite;
    animation: bounceLeft 1.5s ease-in-out infinite
}

.slider-top {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 80px
}

.slider-top__title {
    max-width: 354px;
    width: 100%;
    margin: 0 0 32px
}

.slider-top__holder {
    max-width: 416px;
    width: 100%
}

.slider-top__info {
    color: #979aae;
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.valorant-splide {
    padding-bottom: 96px
}

.valorant-splide--profile {
    position: absolute;
    top: -50px;
    right: 0
}

.valorant-splide,
.valorant-splide * {
    box-sizing: border-box
}

.valorant-splide .splide__list {
    padding: 20px 0 !important
}

.valorant-splide .splide__pagination {
    bottom: 24px
}

.valorant-splide .splide__pagination__page {
    opacity: 1;
    background: #232b46
}

.valorant-splide .splide__pagination__page.is-active {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    transform: scale(1)
}

.valorant-splide .splide__arrow {
    top: unset;
    transform: translateY(0);
    bottom: 0;
    width: 56px;
    height: 56px;
    opacity: 1;
    background: transparent;
    border: 2px solid #232b46
}

.valorant-splide .splide__arrow:after {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 14px;
    left: 14px;
    content: "";
    display: block;
    background: url(/img/content/valorant/slider/icon-arrow-left.svg) no-repeat 50%
}

.valorant-splide .splide__arrow svg {
    display: none
}

.valorant-splide .splide__arrow--prev {
    left: 0
}

.valorant-splide .splide__arrow--next {
    right: 0
}

.valorant-splide .splide__arrow--next:after {
    transform: rotate(180deg)
}

.valorant-splide .booster-grid,
.valorant-splide ul {
    list-style: none
}

.valorant-splide .booster-grid a,
.valorant-splide .booster-grid li,
.valorant-splide ul a,
.valorant-splide ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    margin: 0
}

.valorant-splide .booster-grid a:first-of-type,
.valorant-splide .booster-grid li:first-of-type,
.valorant-splide ul a:first-of-type,
.valorant-splide ul li:first-of-type {
    margin-top: 0
}

.valorant-splide .booster-grid a:before,
.valorant-splide .booster-grid li:before,
.valorant-splide ul a:before,
.valorant-splide ul li:before {
    display: none
}

.valorant-splide .booster-wrap {
    transition: all .15s ease-in-out;
    margin: 0;
    padding: 38px 38px 16px;
    position: relative;
    border: 2px solid #232b46;
    border-radius: 12px;
    background: #050a20;
    max-width: 328px;
    width: 100%
}

.valorant-splide .booster-wrap:after {
    transition: all .15s ease-in-out;
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 10;
    content: "";
    box-shadow: 0 10px 20px rgba(0, 0, 0, .32);
    border-radius: 12px;
    border: 2px solid #4ed3be;
    pointer-events: none;
    opacity: 0
}

.valorant-splide .booster-wrap:hover:not(.booster-profile-card-wrap) {
    transform: translateY(-16px)
}

@media screen and (max-width:767px) {
    .valorant-splide .booster-wrap:hover:not(.booster-profile-card-wrap) {
        transform: translateY(0)
    }
}

.valorant-splide .booster-wrap:hover:not(.booster-profile-card-wrap):after {
    opacity: 1
}

.valorant-splide .booster-wrap__flag {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .2) 50%, hsla(0, 0%, 100%, .00002) 50.14%, hsla(0, 0%, 100%, .00002) 0), linear-gradient(315deg, #fb6d7a, #c52374);
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08);
    border-radius: 0 12px 0 8px;
    position: absolute;
    top: -2px;
    right: -2px;
    padding: 4px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: .2px;
    text-transform: uppercase;
    z-index: 2
}

.valorant-splide .booster-wrap .card-avatar-container {
    padding: 14px 18px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center
}

.valorant-splide .booster-wrap__avatar {
    border: 2px solid #232b46;
    background: #050a20;
    padding: 18px;
    border-radius: 100%;
    position: relative;
    width: 64px;
    margin-bottom: 24px
}

.valorant-splide .booster-wrap__avatar:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 18px;
    width: 24px;
    height: 24px;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08);
    border-radius: 100%
}

.valorant-splide .booster-wrap__avatar img {
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 24px
}

.valorant-splide .booster-wrap-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px
}

.valorant-splide .booster-wrap-name__nick {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff;
    margin-right: 8px
}

.valorant-splide .booster-wrap-name__rang {
    display: block;
    width: 24px;
    height: 24px
}

.valorant-splide .booster-wrap__bio {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: -.1px;
    margin-bottom: 23px;
    min-height: 100px
}

.valorant-splide .booster-wrap__header {
    position: absolute;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .08);
    height: 72px;
    top: -2px;
    left: -2px;
    right: -2px;
    border-radius: 12px 12px 0 0
}

.valorant-splide .booster-wrap__header--val-1 {
    background: url(/img/content/valorant/slider/headers/val-1@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--val-2 {
    background: url(/img/content/valorant/slider/headers/val-2@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--val-3 {
    background: url(/img/content/valorant/slider/headers/val-3@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--val-4 {
    background: url(/img/content/valorant/slider/headers/val-4@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--val-5 {
    background: url(/img/content/valorant/slider/headers/val-5@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--val-6 {
    background: url(/img/content/valorant/slider/headers/val-6@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-1 {
    background: url(/img/content/lol/slider/headers/lol-1@2x.png) no-repeat 50%
}

.valorant-splide .booster-wrap__header--lol-2 {
    background: url(/img/content/lol/slider/headers/lol-2@2x.png) no-repeat 50%
}

.valorant-splide .booster-wrap__header--lol-3 {
    background: url(/img/content/lol/slider/headers/lol-3@2x.png) no-repeat 50%
}

.valorant-splide .booster-wrap__header--valorant-1 {
    background: url(/img/panel/header/valorant/1@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-2 {
    background: url(/img/panel/header/valorant/2@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-3 {
    background: url(/img/panel/header/valorant/3@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-4 {
    background: url(/img/panel/header/valorant/4@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-5 {
    background: url(/img/panel/header/valorant/5@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-6 {
    background: url(/img/panel/header/valorant/6@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-7 {
    background: url(/img/panel/header/valorant/7@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-8 {
    background: url(/img/panel/header/valorant/8@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-9 {
    background: url(/img/panel/header/valorant/9@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-10 {
    background: url(/img/panel/header/valorant/10@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-11 {
    background: url(/img/panel/header/valorant/11@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-12 {
    background: url(/img/panel/header/valorant/12@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-13 {
    background: url(/img/panel/header/valorant/13@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-14 {
    background: url(/img/panel/header/valorant/14@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-15 {
    background: url(/img/panel/header/valorant/15@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-16 {
    background: url(/img/panel/header/valorant/16@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-17 {
    background: url(/img/panel/header/valorant/17@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-18 {
    background: url(/img/panel/header/valorant/18@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-19 {
    background: url(/img/panel/header/valorant/19@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-20 {
    background: url(/img/panel/header/valorant/20@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-21 {
    background: url(/img/panel/header/valorant/21@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-22 {
    background: url(/img/panel/header/valorant/22@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-23 {
    background: url(/img/panel/header/valorant/23@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-24 {
    background: url(/img/panel/header/valorant/24@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-25 {
    background: url(/img/panel/header/valorant/25@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-26 {
    background: url(/img/panel/header/valorant/26@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-27 {
    background: url(/img/panel/header/valorant/27@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-28 {
    background: url(/img/panel/header/valorant/28@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-29 {
    background: url(/img/panel/header/valorant/29@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-30 {
    background: url(/img/panel/header/valorant/30@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-31 {
    background: url(/img/panel/header/valorant/31@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-32 {
    background: url(/img/panel/header/valorant/32@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-33 {
    background: url(/img/panel/header/valorant/33@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-34 {
    background: url(/img/panel/header/valorant/34@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-35 {
    background: url(/img/panel/header/valorant/35@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-36 {
    background: url(/img/panel/header/valorant/36@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-37 {
    background: url(/img/panel/header/valorant/37@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--valorant-38 {
    background: url(/img/panel/header/valorant/38@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-1 {
    background: url(/img/panel/header/dota/1@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-2 {
    background: url(/img/panel/header/dota/2@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-3 {
    background: url(/img/panel/header/dota/3@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-4 {
    background: url(/img/panel/header/dota/4@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-5 {
    background: url(/img/panel/header/dota/5@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-6 {
    background: url(/img/panel/header/dota/6@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-7 {
    background: url(/img/panel/header/dota/7@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-8 {
    background: url(/img/panel/header/dota/8@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-9 {
    background: url(/img/panel/header/dota/9@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-10 {
    background: url(/img/panel/header/dota/10@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-11 {
    background: url(/img/panel/header/dota/11@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-12 {
    background: url(/img/panel/header/dota/12@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-13 {
    background: url(/img/panel/header/dota/13@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-14 {
    background: url(/img/panel/header/dota/14@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-15 {
    background: url(/img/panel/header/dota/15@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-16 {
    background: url(/img/panel/header/dota/16@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-17 {
    background: url(/img/panel/header/dota/17@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-18 {
    background: url(/img/panel/header/dota/18@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-19 {
    background: url(/img/panel/header/dota/19@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-20 {
    background: url(/img/panel/header/dota/20@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-21 {
    background: url(/img/panel/header/dota/21@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-22 {
    background: url(/img/panel/header/dota/22@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-23 {
    background: url(/img/panel/header/dota/23@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-24 {
    background: url(/img/panel/header/dota/24@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-25 {
    background: url(/img/panel/header/dota/25@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-26 {
    background: url(/img/panel/header/dota/26@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-27 {
    background: url(/img/panel/header/dota/27@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-28 {
    background: url(/img/panel/header/dota/28@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-29 {
    background: url(/img/panel/header/dota/29@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--dota-30 {
    background: url(/img/panel/header/dota/30@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-1 {
    background: url(/img/panel/header/csgo/1@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-2 {
    background: url(/img/panel/header/csgo/2@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-3 {
    background: url(/img/panel/header/csgo/3@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-4 {
    background: url(/img/panel/header/csgo/4@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-5 {
    background: url(/img/panel/header/csgo/5@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-6 {
    background: url(/img/panel/header/csgo/6@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-7 {
    background: url(/img/panel/header/csgo/7@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-8 {
    background: url(/img/panel/header/csgo/8@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-9 {
    background: url(/img/panel/header/csgo/9@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-10 {
    background: url(/img/panel/header/csgo/10@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-11 {
    background: url(/img/panel/header/csgo/11@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-12 {
    background: url(/img/panel/header/csgo/12@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-13 {
    background: url(/img/panel/header/csgo/13@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-14 {
    background: url(/img/panel/header/csgo/14@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-15 {
    background: url(/img/panel/header/csgo/15@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-16 {
    background: url(/img/panel/header/csgo/16@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-17 {
    background: url(/img/panel/header/csgo/17@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-18 {
    background: url(/img/panel/header/csgo/18@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-19 {
    background: url(/img/panel/header/csgo/19@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-20 {
    background: url(/img/panel/header/csgo/20@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-21 {
    background: url(/img/panel/header/csgo/24@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-22 {
    background: url(/img/panel/header/csgo/22@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-23 {
    background: url(/img/panel/header/csgo/23@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-24 {
    background: url(/img/panel/header/csgo/24@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-25 {
    background: url(/img/panel/header/csgo/25@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-26 {
    background: url(/img/panel/header/csgo/26@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-27 {
    background: url(/img/panel/header/csgo/27@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-28 {
    background: url(/img/panel/header/csgo/28@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-29 {
    background: url(/img/panel/header/csgo/29@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--csgo-30 {
    background: url(/img/panel/header/csgo/30@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-1 {
    background: url(/img/panel/header/lol/1@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-2 {
    background: url(/img/panel/header/lol/2@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-3 {
    background: url(/img/panel/header/lol/3@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-4 {
    background: url(/img/panel/header/lol/4@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-5 {
    background: url(/img/panel/header/lol/5@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-6 {
    background: url(/img/panel/header/lol/6@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-7 {
    background: url(/img/panel/header/lol/7@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-8 {
    background: url(/img/panel/header/lol/8@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-9 {
    background: url(/img/panel/header/lol/9@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-10 {
    background: url(/img/panel/header/lol/10@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-11 {
    background: url(/img/panel/header/lol/11@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-12 {
    background: url(/img/panel/header/lol/12@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-13 {
    background: url(/img/panel/header/lol/13@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-14 {
    background: url(/img/panel/header/lol/14@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-15 {
    background: url(/img/panel/header/lol/15@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-16 {
    background: url(/img/panel/header/lol/16@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-17 {
    background: url(/img/panel/header/lol/17@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-18 {
    background: url(/img/panel/header/lol/18@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-19 {
    background: url(/img/panel/header/lol/19@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-20 {
    background: url(/img/panel/header/lol/20@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-21 {
    background: url(/img/panel/header/lol/21@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-22 {
    background: url(/img/panel/header/lol/22@2x.png) no-repeat 50%
}

.valorant-splide .booster-wrap__header--lol-23 {
    background: url(/img/panel/header/lol/23@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-24 {
    background: url(/img/panel/header/lol/24@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-25 {
    background: url(/img/panel/header/lol/25@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-26 {
    background: url(/img/panel/header/lol/26@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-27 {
    background: url(/img/panel/header/lol/27@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-22 {
    background: url(/img/panel/header/lol/28@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-29 {
    background: url(/img/panel/header/lol/29@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-30 {
    background: url(/img/panel/header/lol/30@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-31 {
    background: url(/img/panel/header/lol/31@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-32 {
    background: url(/img/panel/header/lol/32@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-33 {
    background: url(/img/panel/header/lol/33@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-34 {
    background: url(/img/panel/header/lol/34@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-35 {
    background: url(/img/panel/header/lol/35@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-36 {
    background: url(/img/panel/header/lol/36@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-37 {
    background: url(/img/panel/header/lol/37@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-38 {
    background: url(/img/panel/header/lol/38@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-39 {
    background: url(/img/panel/header/lol/39@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-40 {
    background: url(/img/panel/header/lol/40@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-41 {
    background: url(/img/panel/header/lol/41@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-42 {
    background: url(/img/panel/header/lol/42@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-43 {
    background: url(/img/panel/header/lol/43@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-44 {
    background: url(/img/panel/header/lol/44@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-45 {
    background: url(/img/panel/header/lol/45@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-46 {
    background: url(/img/panel/header/lol/46@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-47 {
    background: url(/img/panel/header/lol/47@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-48 {
    background: url(/img/panel/header/lol/48@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-49 {
    background: url(/img/panel/header/lol/49@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-50 {
    background: url(/img/panel/header/lol/50@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--lol-51 {
    background: url(/img/panel/header/lol/51@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-1 {
    background: url(/img/panel/header/overwatch/1@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-2 {
    background: url(/img/panel/header/overwatch/2@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-3 {
    background: url(/img/panel/header/overwatch/3@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-4 {
    background: url(/img/panel/header/overwatch/4@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-5 {
    background: url(/img/panel/header/overwatch/5@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-6 {
    background: url(/img/panel/header/overwatch/6@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-7 {
    background: url(/img/panel/header/overwatch/7@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-8 {
    background: url(/img/panel/header/overwatch/8@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-9 {
    background: url(/img/panel/header/overwatch/9@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-10 {
    background: url(/img/panel/header/overwatch/10@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-11 {
    background: url(/img/panel/header/overwatch/11@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-12 {
    background: url(/img/panel/header/overwatch/12@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-13 {
    background: url(/img/panel/header/overwatch/13@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-14 {
    background: url(/img/panel/header/overwatch/14@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-15 {
    background: url(/img/panel/header/overwatch/15@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-16 {
    background: url(/img/panel/header/overwatch/16@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--overwatch-17 {
    background: url(/img/panel/header/overwatch/17@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-1 {
    background: url(/img/panel/header/rocketleague/1@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-2 {
    background: url(/img/panel/header/rocketleague/2@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-3 {
    background: url(/img/panel/header/rocketleague/3@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-4 {
    background: url(/img/panel/header/rocketleague/4@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-5 {
    background: url(/img/panel/header/rocketleague/5@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-6 {
    background: url(/img/panel/header/rocketleague/6@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-7 {
    background: url(/img/panel/header/rocketleague/7@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-8 {
    background: url(/img/panel/header/rocketleague/8@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-9 {
    background: url(/img/panel/header/rocketleague/9@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-10 {
    background: url(/img/panel/header/rocketleague/10@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-11 {
    background: url(/img/panel/header/rocketleague/11@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap__header--rocketleague-12 {
    background: url(/img/panel/header/rocketleague/12@2x.png) no-repeat 50%;
    background-size: cover
}

.valorant-splide .booster-wrap .booster-wrap-champs-wrap {
    border-top: 2px solid #232b46;
    padding: 18px 0 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.valorant-splide .booster-wrap .booster-wrap-champs-wrap .booster-wrap-champs {
    padding: 6px 8px 6px 0;
    border-right: 2px solid #232b46;
    margin-right: 15px;
    min-width: 54px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.valorant-splide .booster-wrap .booster-wrap-champs-wrap .booster-wrap-champs__agent-wrap {
    border-radius: 100%;
    position: relative
}

.valorant-splide .booster-wrap .booster-wrap-champs-wrap .booster-wrap-champs__agent-wrap:last-of-type {
    border: 2px solid #050a20;
    margin-left: -8px
}

.valorant-splide .booster-wrap .booster-wrap-champs-wrap .booster-wrap-champs__agent {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%
}

.valorant-splide .booster-wrap .booster-wrap-champs-wrap .booster-wrap-names__title {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .1px;
    color: #979aae
}

.valorant-splide .booster-wrap .booster-wrap-champs-wrap .booster-wrap-names__agents {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff;
    margin-bottom: -6px
}

.letter-slider-top {
    left: 50%;
    transform: translateX(-50%);
    max-width: 856px;
    width: 100%
}

.valo-games {
    margin-top: 72px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 24px
}

.valo-games * {
    box-sizing: border-box
}

.valo-games__holder,
.valo-games__item {
    border: 2px solid #232b46
}

.valo-games__item {
    margin: 0;
    padding: 40px;
    background: #050a20;
    border-radius: 12px;
    max-width: 328px;
    width: 100%;
    display: flex;
    flex-direction: column
}

.valo-games__holder {
    width: 76px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px
}

.valo-games__title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin: 32px 0 8px
}

.valo-games__subtitle,
.valo-games__title {
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.valo-games__subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #979aae;
    margin-bottom: 32px
}

.valo-games__button {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .1px;
    padding: 16px 5px;
    display: flex;
    margin-top: auto
}

.readmore-link,
.readmore-link:hover {
    color: #4ed3be;
    display: inline !important
}

.booster-card {
    cursor: pointer
}

.pagination-container {
    display: flex;
    justify-content: space-between;
    margin-top: 56px;
    align-items: center
}

.pagination-container .pagination-info {
    color: #979aae;
    font-size: 14px
}

.pagination {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style-type: none;
    margin: 0
}

.pagination .page-item:first-of-type,
.pagination .page-item:last-of-type {
    display: none
}

.pagination .page-item .page-link {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    color: #979aae;
    transition: all .15s ease-in-out;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    background: transparent;
    border: 2px solid transparent
}

.pagination .page-item .page-link:hover {
    color: #fff
}

.pagination .page-item.disabled {
    cursor: not-allowed
}

.pagination .page-item.disabled .page-link {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.pagination .page-item.active .page-link {
    border: 2px solid #232b46;
    color: #3ab1bf
}

.pagination .page-item.active .page-link:hover {
    color: #fff;
    border-color: #313955
}

.email-capturing {
    overflow: hidden;
    padding: 104px 100px 120px 152px;
    max-width: 1032px;
    width: 100%
}

.email-capturing:before {
    content: "";
    top: 0;
    left: -2px;
    right: -2px;
    position: absolute;
    height: 8px;
    background-image: linear-gradient(135deg, #258cbf, #4ed3be);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite;
    z-index: 3
}

@media screen and (max-width:1063px) {
    .email-capturing {
        padding: 60px 100px 60px 60px
    }
}

@media screen and (max-width:860px) {
    .email-capturing {
        padding: 45px 45px 30px
    }

    .email-capturing .email-capturing-wrapper {
        margin: 0 auto
    }
}

.email-capturing .modal-close-btn {
    position: absolute;
    right: -24px;
    top: -24px;
    width: 48px;
    height: 48px;
    background: #050a20;
    border: 2px solid #232b46;
    border-radius: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    transition: all .15s ease-in-out;
    z-index: 2;
    top: 24px;
    left: 16px;
    width: 32px;
    height: 32px
}

@media only screen and (max-width:767px) {
    .email-capturing .modal-close-btn {
        right: 8px
    }
}

.email-capturing .modal-close-btn i {
    transition: all .15s ease-in-out;
    display: block;
    width: 10px;
    height: 10px;
    background: url(/img/icons/modal-close.svg) 50% no-repeat;
    font-size: 0
}

.email-capturing .modal-close-btn:hover {
    border-color: #313955
}

.email-capturing .modal-close-btn:hover i {
    filter: brightness(1.2)
}

.email-capturing .modal-close-btn i {
    width: 24px;
    height: 24px;
    background: url(/img/icon_close-small.svg) 50% no-repeat
}

@media screen and (max-width:860px) {
    .email-capturing .modal-close-btn {
        top: 20px;
        left: 12px
    }
}

.email-capturing .email-capturing-blogs {
    max-width: 352px;
    width: 100%;
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    border-left: 2px solid #232b46;
    overflow: hidden;
    pointer-events: none
}

.email-capturing .email-capturing-blogs:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    content: "";
    background: linear-gradient(180deg, rgba(5, 10, 32, .0001), #050a20)
}

.email-capturing .email-capturing-blogs .blog-wrap {
    margin: 0;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    transform: translate(-259px, -286px) rotate(-15deg)
}

@media screen and (max-width:1063px) {
    .email-capturing .email-capturing-blogs .blog-wrap {
        grid-template-columns: repeat(3, 1fr)
    }

    .email-capturing .email-capturing-blogs .blog-wrap__item {
        width: 328px
    }
}

@media screen and (max-width:860px) {
    .email-capturing .email-capturing-blogs {
        display: none
    }
}

.subscription-wrapper {
    position: fixed;
    top: 0;
    height: 56px;
    padding: 40px 44px;
    max-width: 2008px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    pointer-events: none;
    box-sizing: border-box;
    display: none
}

.subscription-wrapper .subscription-tnx {
    background: hsla(0, 0%, 100%, .08);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .32);
    border-radius: 999px;
    max-width: 269px;
    width: 100%;
    margin-left: auto;
    padding: 2px;
    overflow: hidden;
    position: relative;
    height: 56px;
    box-sizing: border-box
}

.subscription-wrapper .subscription-tnx:before {
    position: absolute;
    content: "";
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    width: 24px;
    height: 24px;
    top: 0;
    left: -8px;
    border-radius: 99px;
    -webkit-animation: float 3s linear infinite;
    animation: float 3s linear infinite
}

@-webkit-keyframes float {
    0% {
        top: 0;
        left: -8px
    }

    3% {
        top: -12px;
        left: 10px
    }

    40% {
        top: -12px;
        left: 246px
    }

    50% {
        top: 26px;
        left: 252px
    }

    60% {
        top: 40px;
        left: 210px
    }

    90% {
        top: 44px;
        left: 7px
    }

    to {
        top: 0;
        left: -8px
    }
}

@keyframes float {
    0% {
        top: 0;
        left: -8px
    }

    3% {
        top: -12px;
        left: 10px
    }

    40% {
        top: -12px;
        left: 246px
    }

    50% {
        top: 26px;
        left: 252px
    }

    60% {
        top: 40px;
        left: 210px
    }

    90% {
        top: 44px;
        left: 7px
    }

    to {
        top: 0;
        left: -8px
    }
}

.subscription-wrapper .subscription-tnx-wrap {
    background: #010411;
    padding: 6px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 999px;
    position: relative;
    z-index: 2;
    height: 52px;
    box-sizing: border-box
}

.subscription-wrapper .subscription-tnx-wrap__title {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .1px;
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "ss04" on, "haln" on;
    color: #fff;
    margin-left: 12px
}

.subscription-wrapper .subscription-tnx-wrap__img {
    width: 40px;
    height: 40px
}

.background-profile-image .valorant-splide {
    width: 328px
}

.booster-squad-container .valorant-splide {
    padding-bottom: 0
}

.booster-squad-container .booster-selection-wrapper {
    display: flex;
    margin-right: 0;
    color: #fff;
    border-radius: 12px;
    border: 2px solid #232b46;
    background-color: #080f28;
    height: 80px;
    cursor: pointer;
    overflow: hidden;
    transition: all .15s ease-in-out;
    flex: 1;
    width: 100%
}

.booster-squad-container .booster-selection-wrapper * {
    box-sizing: border-box
}

.booster-squad-container .booster-selection-wrapper .booster-icon {
    width: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 2px solid #232b46;
    transition: all .15s ease-in-out
}

.booster-squad-container .booster-selection-wrapper .booster-icon .rank-image {
    width: 32px
}

.booster-squad-container .booster-selection-wrapper .booster-icon .rank-image--short,
.booster-squad-container .booster-selection-wrapper .booster-icon img {
    width: 24px
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper {
    height: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 14px
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper .booster-rank-selection {
    padding-left: 24px;
    margin-top: 12px;
    font-family: Poppins, sans-serif
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single {
    background-color: #080f28;
    color: #fff;
    border: none;
    width: 100%
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100%;
    display: flex;
    align-content: center;
    padding-left: 24px;
    color: #fff
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__selected {
    background-color: red
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-color: transparent;
    background-size: contain;
    border: none
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper .select2.select2-container--default .select2-selection--single:focus {
    outline: none
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper select {
    cursor: pointer
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection {
    display: flex;
    width: 100%;
    background-color: #080f28;
    color: #fff;
    border: none;
    font-size: 16px;
    margin-top: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper select.booster-rank-selection:focus {
    outline: none
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon {
    right: 40px;
    top: 50%;
    position: absolute;
    width: 5px;
    height: 7px;
    display: flex;
    align-items: center;
    transform: translateY(-50%)
}

.booster-squad-container .booster-selection-wrapper .booster-rank-selection-wrapper .dropdown-icon img {
    width: 24px;
    transition-duration: .3s;
    transition-property: transform
}

.booster-squad-container .booster-selection-wrapper .booster-input-group {
    width: 100%
}

.booster-squad-container .booster-selection-wrapper .booster-input-group label {
    position: absolute;
    font-size: 12px;
    color: #979aae;
    margin: 18px 20px 0 0;
    padding-left: 24px;
    padding-bottom: 5px;
    pointer-events: none
}

.booster-squad-container .booster-selection-wrapper:hover {
    border: 2px solid hsla(0, 0%, 100%, .3)
}

.booster-squad-container .booster-selection-wrapper:hover .booster-icon {
    border-right: 2px solid hsla(0, 0%, 100%, .3)
}

.booster-squad-container .booster-selection-wrapper--disabled {
    cursor: default;
    pointer-events: none
}

.booster-squad-container .current-lp-custom {
    width: 50%
}

.booster-squad-container .current-lp-custom .input-group {
    height: 100%;
    position: relative
}

.booster-squad-container .current-lp-custom label {
    position: absolute;
    pointer-events: none;
    left: 22px;
    top: 50%;
    transform: translateY(-50%)
}

.booster-squad-container .current-lp-custom input,
.booster-squad-container .current-lp-custom label {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    transition: all .15s ease-in-out
}

.booster-squad-container .current-lp-custom input {
    width: 100%;
    height: 100%;
    background-color: #080f28;
    border-radius: 12px;
    border: none;
    padding: 30px 22px 0;
    font-family: Poppins, sans-serif
}

.booster-squad-container .current-lp-custom input::-moz-placeholder {
    color: transparent;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.booster-squad-container .current-lp-custom input:-ms-input-placeholder {
    color: transparent;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.booster-squad-container .current-lp-custom input::placeholder {
    color: transparent;
    transition: all .15s ease-in-out
}

.booster-squad-container .current-lp-custom input::-webkit-inner-spin-button,
.booster-squad-container .current-lp-custom input::-webkit-outer-spin-button {
    display: none
}

.booster-squad-container .current-lp-custom input:focus {
    outline: none
}

.booster-squad-container .current-lp-custom input:focus::-moz-placeholder {
    opacity: .3;
    color: #979aae;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.booster-squad-container .current-lp-custom input:focus:-ms-input-placeholder {
    opacity: .3;
    color: #979aae;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.booster-squad-container .current-lp-custom input:focus::placeholder {
    opacity: .3;
    color: #979aae;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px
}

.booster-squad-container .current-lp-custom input:focus+label {
    color: #979aae;
    font-size: 12px;
    line-height: 24px;
    transform: translateY(0);
    top: 14px
}

.booster-squad-container .current-lp-custom input:not(:-moz-placeholder-shown)+label {
    color: #979aae;
    font-size: 12px;
    line-height: 24px;
    transform: translateY(0);
    top: 14px
}

.booster-squad-container .current-lp-custom input:not(:-ms-input-placeholder)+label {
    color: #979aae;
    font-size: 12px;
    line-height: 24px;
    transform: translateY(0);
    top: 14px
}

.booster-squad-container .current-lp-custom input:not(:placeholder-shown)+label {
    color: #979aae;
    font-size: 12px;
    line-height: 24px;
    transform: translateY(0);
    top: 14px
}

@media screen and (max-width:767px) {
    .booster-squad-container .current-lp-custom input {
        padding: 30px 22px 4px
    }
}

.booster-squad-container .flex-auto {
    flex: 1 1 auto
}

.booster-squad-container .booster-search {
    margin-right: 24px
}

.booster-squad-container .booster-search--focused,
.booster-squad-container .booster-search:hover {
    border: 2px solid #4ed3be
}

.booster-squad-container .booster-search--focused .booster-icon,
.booster-squad-container .booster-search:hover .booster-icon {
    border-right: 2px solid #4ed3be
}

.booster-squad-container .search-container {
    position: relative;
    display: flex;
    justify-content: unset;
    align-items: flex-end;
    padding: 138px 0 80px
}

.booster-squad-container .boosters-game-select {
    max-width: 328px;
    margin-left: auto
}

.booster-squad-container .booster-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

.booster-squad-container .no-results {
    margin: 252px 0
}

.extra-counter {
    border: 1px solid #242a46;
    border-radius: 35px;
    padding: 1px;
    color: #979aae;
    position: absolute;
    right: 0;
    width: 35px;
    height: 35px;
    text-align: center;
    margin-top: 5px
}

.booster-wrap-champs-wrap-block {
    position: relative
}

.extra-counter {
    border-radius: 12px;
    width: 29px;
    height: 24px;
    font-size: 12px;
    line-height: 1.7;
    border: 2px solid #232b46;
    top: 43%;
    transform: translate(-50%, -50%);
    right: -15px
}

.booster-wrap {
    position: relative
}

.booster-profile-card-game-icon {
    position: absolute;
    z-index: 24;
    right: 13px;
    top: 11px;
    background: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #232b46
}

.hand-img {
    position: absolute;
    z-index: 863
}

.valorant-hand-image1 {
    left: 84px;
    top: -1px
}

.lol-hand-image3 {
    left: 107px;
    top: -1px
}

.lol-hand-image1 {
    left: 44px;
    top: 0
}

.lol-hand-image2 {
    left: 78px
}

.lol-hand-image4 {
    left: 124px;
    top: -1px
}

.dota2-hand-image1 {
    left: 83px;
    top: -1px
}

.overwatch-hand-image1 {
    left: 38px
}

.csgo-hand-image1 {
    left: 60px;
    top: -1px
}

.modal-overlay.newmodal .modal {
    max-width: 680px;
    padding: 0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 2px #232b46;
    border: none;
    margin: 25px
}

.modal-overlay.newmodal .modal:before {
    position: absolute;
    content: "";
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    height: 3.8px;
    left: 0;
    right: 0;
    top: 0
}

.modal-overlay.newmodal .modal-content {
    position: relative
}

.modal-overlay.newmodal .modal-content .new-modal-close {
    top: 30px;
    left: 27px;
    position: absolute;
    width: 30px;
    background: transparent;
    cursor: pointer;
    border: 2px solid #232b46;
    border-radius: 16px;
    height: 30px;
    margin: unset
}

.modal-overlay.newmodal .modal-content .new-modal-close i {
    transition: all .15s ease-in-out;
    display: block;
    width: 14px;
    height: 10px;
    background: url(/img/icons/modal-close.svg) 50% no-repeat;
    font-size: 0
}

.modal-overlay.newmodal .modal-footer {
    padding: 42px 88px;
    box-shadow: inset 0 0 0 2px #232b46;
    border-radius: 0 0 12px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #080f28
}

.modal-overlay.newmodal .modal-footer button {
    max-width: 240px;
    width: 100%
}

.modal-overlay.newmodal .modal-content {
    height: unset
}

.modal-overlay.newmodal h2 {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: unset
}

.modal-overlay.newmodal.settings-document-upload .settings-document-upload-wrap {
    margin-bottom: 24px;
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #050a20;
    border: 2px solid #232b46;
    border-radius: 8px;
    padding: 0 21px;
    height: 56px;
    overflow: hidden
}

.modal-overlay.newmodal.settings-document-upload .settings-document-upload-wrap__icon {
    margin-right: 8px
}

.modal-overlay.newmodal.settings-document-upload .settings-document-upload-wrap__icon img {
    display: block
}

.modal-overlay.newmodal.settings-document-upload .settings-document-upload-wrap__name {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .1px
}

.modal-overlay.newmodal.settings-document-upload .profile-wrap__cell {
    margin-bottom: 0
}

.modal-overlay.newmodal.show {
    z-index: 1000
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 33;
    overflow: hidden;
    background: rgba(1, 2, 10, .6);
    mix-blend-mode: normal;
    overflow-y: auto;
    padding: 36px;
    cursor: default
}

@media only screen and (max-width:767px) {
    .modal-overlay {
        padding: 36px 0
    }
}

.modal-overlay:before {
    background: linear-gradient(180deg, #01020a 8.33%, rgba(1, 2, 10, 0));
    opacity: .5;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: ""
}

@media screen and (max-width:767px) {
    .modal-overlay {
        overflow-y: auto
    }
}

.modal-overlay .modal {
    max-width: 450px;
    width: 100%;
    background-color: #050a20;
    border: 2px solid #232b46;
    border-radius: 24px;
    display: block;
    margin: auto;
    padding: 50px;
    color: #fff;
    z-index: 1
}

.modal-overlay .modal .modal-close {
    position: absolute;
    top: 45px;
    left: 35px;
    height: 32px;
    width: 32px;
    border-radius: 100%;
    background-color: #050a20;
    border: 2px solid #232b46;
    color: #898989;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal-overlay .modal .modal-close:hover {
    border-color: hsla(0, 0%, 100%, .3)
}

.modal-overlay .modal .modal-close img {
    display: block;
    width: 10px;
    height: 10px
}

.modal-overlay .modal .modal-body {
    padding-top: 24px
}

.modal-overlay .modal ul li a {
    color: #fff
}

.modal-overlay .modal .alert {
    display: none
}

.modal-overlay .modal .submit-button {
    width: 100%;
    background-color: #4842d1;
    font-size: 14px;
    height: 76px;
    border-radius: 24px;
    border: 2px solid hsla(0, 0%, 100%, .08);
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    font-family: Poppins, sans-serif
}

.modal-overlay .modal .submit-button .btnPayLoadingText {
    display: none
}

.modal-overlay .modal .submit-button:hover {
    background: #3832c3;
    color: #fff;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.modal-overlay .modal .submit-button.button {
    width: 100%;
    margin: 32px 0 0;
    cursor: pointer;
    border-radius: 12px;
    border: 2px solid hsla(0, 0%, 100%, .08);
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-family: Poppins, sans-serif
}

.modal-overlay .modal .submit-button.button span {
    background-image: unset;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset
}

.modal-overlay .modal.checkout {
    max-width: 680px;
    width: 100%;
    border-radius: 24px;
    border: 2px solid #232b46;
    background-color: #050a20;
    padding: 0 0 83px;
    background: url(/img/checkout.jpg) 50% no-repeat;
    background-size: cover;
    display: block;
    top: unset;
    position: relative;
    left: unset;
    transform: translate(0);
    margin: auto 0
}

@media screen and (max-width:767px) {
    .modal-overlay .modal.checkout {
        max-width: 580px;
        padding-bottom: 35px
    }
}

.modal-overlay .modal.checkout .modal-content {
    position: relative;
    height: unset;
    text-align: justify
}

@media screen and (max-width:767px) {
    .modal-overlay .modal.checkout .modal-content {
        padding-top: 35px
    }
}

.modal-overlay .modal.checkout .modal-content .modal-close-btn {
    width: 32px;
    height: 32px;
    border: 2px solid #232b46;
    background-color: #050a20;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 24px;
    left: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .15s ease-in-out
}

.modal-overlay .modal.checkout .modal-content .modal-close-btn:hover {
    border-color: hsla(0, 0%, 100%, .3)
}

.modal-overlay .modal.checkout .modal-content .modal-close-btn img {
    display: block;
    width: 10px;
    height: 10px
}

.modal-overlay .modal.checkout .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #232b46;
    background-color: #050a20;
    width: 136px;
    height: 136px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    top: -45px
}

.modal-overlay .modal.checkout .logo img {
    width: 44px
}

.modal-overlay .modal.checkout form {
    padding: 100px 88px 24px
}

@media screen and (max-width:767px) {
    .modal-overlay .modal.checkout form {
        padding: 40px
    }
}

.modal-overlay .modal.checkout .input-group label {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .1px;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2px
}

.modal-overlay .modal.checkout .input-group label .tooltip-trigger {
    margin-left: 2px
}

.modal-overlay .modal.checkout .totals-wrapper {
    margin-top: 20px
}

.modal-overlay .modal.checkout .totals-wrapper .totals {
    padding: 0 30px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width:767px) {
    .modal-overlay .modal.checkout .totals-wrapper .totals {
        padding: 0;
        height: unset
    }
}

.modal-overlay .modal.checkout .totals-wrapper .grand-total h4 {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: .1px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 2px
}

.modal-overlay .modal.checkout .totals-wrapper .grand-total h4 span {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: .1px;
    background: linear-gradient(115deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.modal-overlay .modal.checkout .isLoading {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 24px;
    height: 100%
}

.modal-overlay .modal.checkout .footer-message {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.modal-overlay .modal.checkout .footer-message .footer-message-tool {
    max-width: unset
}

.modal-overlay .modal.checkout .footer-message .footer-message-tool__gray,
.modal-overlay .modal.checkout .footer-message .footer-message-tool__white {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: .1px;
    cursor: default
}

.modal-overlay .modal.checkout .footer-message .footer-message-tool__white {
    color: #fff
}

.modal-overlay .modal.checkout .footer-message .footer-message-tool__gray {
    color: #979aae
}

.modal-overlay .modal.checkout .footer-message__logo {
    height: 20px;
    display: block;
    margin-left: 5px
}

.modal-overlay .modal.checkout .footer-message__lock {
    display: block;
    height: 24px;
    margin-right: 4px
}

.modal-overlay .modal.checkout .footer-payments {
    margin-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal-overlay .modal-bg {
    background: url(/img/panel/modal-bg.png) #050a20 no-repeat 50%;
    background-size: cover;
    padding: 81px 92px 88px 90px;
    max-width: 504px
}

.modal-overlay .modal-bg .panel-btn {
    height: 56px;
    margin-top: 40px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal-overlay .modal-bg h2 {
    background: linear-gradient(117deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 31px
}

.modal-overlay .modal-bg .multiple-check {
    padding: 12px 24px
}

.modal-overlay .modal-bg .input-group {
    margin-bottom: 20px
}

.modal-overlay .modal-bg #passwordCopy,
.modal-overlay .modal-bg #usernameCopy {
    border: none;
    margin-left: 10px;
    cursor: pointer
}

.modal-overlay .modal-bg ul {
    list-style: none
}

.modal-overlay .modal-bg--wider {
    max-width: 592px
}

.modal-overlay .modal-bg--wider h2 {
    margin-bottom: 22px
}

.modal-overlay .modal-bg--wider .modal__content__error,
.modal-overlay .modal-bg--wider .modal__content__success,
.modal-overlay .modal-bg--wider .modal__content__text {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: .1px;
    color: #979aae;
    margin-bottom: 25px;
    display: block
}

.modal-overlay .modal-bg--wider .modal__content__error,
.modal-overlay .modal-bg--wider .modal__content__success {
    margin-bottom: 12px;
    background: linear-gradient(125deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.modal-overlay .modal-bg--wider .select2-selection--multiple {
    background: #050a20;
    border: 2px solid #232b46;
    border-radius: 12px;
    padding: 7px 14px
}

.modal-overlay .modal-bg--wider .select2-selection--multiple .select2-selection__choice__remove {
    background: linear-gradient(125deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 0 10px
}

.modal-overlay .modal-bg--wider .select2-selection--multiple .select2-selection__choice {
    background: #080f28;
    border: 2px solid #232b46;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff;
    padding: 0 9px;
    display: flex;
    flex-direction: row-reverse;
    margin-right: 6px
}

.modal-overlay .modal-bg--wider .select2-search--inline .select2-search__field {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: .1px;
    color: #fff;
    margin-top: 7px
}

.modal-overlay .modal-bg--wider .champ-select-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px
}

.modal-overlay .modal-bg--wider .champ-select-footer a,
.modal-overlay .modal-bg--wider .champ-select-footer button {
    width: 192px;
    text-align: center
}

.modal-overlay .modal-bg--wider .champ-select-footer .panel-btn {
    margin-top: 0;
    padding: 16px 0
}

.modal-overlay.show {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 150px
}

.modal-overlay.show--opacity {
    opacity: 0;
    pointer-events: none
}

.modal-overlay.show .modal-animation {
    -webkit-animation: fadeIn .25s ease-in-out normal forwards;
    animation: fadeIn .25s ease-in-out normal forwards
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(300%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.modal-overlay.show .modal-animation--long {
    -webkit-animation: fadeIn .5s ease-in-out normal forwards;
    animation: fadeIn .5s ease-in-out normal forwards
}

.newmodal .modal-content .satisfaction-guarantee {
    color: #979aae;
    display: flex;
    justify-content: center;
    align-items: center
}

.newmodal .modal-content .satisfaction-guarantee .hundred {
    color: #fff
}

.newmodal .modal-content .satisfaction-guarantee .content {
    text-align: center;
    margin-top: 5px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 24px
}

.newmodal .modal-content .button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    height: 32px;
    padding: 26px;
    margin: 32px 0 16px
}

.gold-check {
    margin-right: 8px
}

.jobs-modal-wrap h2 {
    margin-top: 0
}

#jobs-modal-contact>.modal {
    max-width: 504px
}

.main-background.background-profile-image .valorant-splide {
    padding-bottom: 0
}

.main-background.background-profile-image .booster-grid {
    margin-bottom: 0
}

@media (min-width:1064px) {
    .main-background .container .topblock--profile {
        position: relative
    }

    .main-background--profilelol1 {
        background: url(/img/panel/hero/lol/1.png) top no-repeat
    }

    .main-background--profilelol2 {
        background: url(/img/panel/hero/lol/2.png) top no-repeat
    }

    .main-background--profilelol3 {
        background: url(/img/panel/hero/lol/3.png) top no-repeat
    }

    .main-background--profilelol4 {
        background: url(/img/panel/hero/lol/4.png) top no-repeat
    }

    .main-background--profilecsgo1 {
        background: url(/img/panel/hero/csgo/1.png) top no-repeat
    }

    .main-background--profiledota21 {
        background: url(/img/panel/hero/dota2/1.png) top no-repeat
    }

    .main-background--profileoverwatch1 {
        background: url(/img/panel/hero/overwatch/1.png) top no-repeat
    }

    .main-background--profilevalorant1 {
        background: url(/img/panel/hero/valorant/1.png) top no-repeat
    }

    .main-background--profilerocket-league1 {
        background: url(/img/panel/hero/rocket-league/1.png) top no-repeat
    }
}

@media (max-width:1063px) {
    .hand-img {
        display: none
    }

    .booster-squad-container .booster-card {
        width: calc(50% - 12px);
        min-width: 328px
    }

    .booster-squad-container .booster-card .booster-wrap {
        max-width: 100%
    }

    .booster-squad-container .no-results {
        margin: 52px 0
    }

    .top-block.topblock--profile {
        display: flex;
        justify-content: space-between;
        align-items: unset
    }

    .top-block.topblock--profile .valorant-splide--profile {
        position: relative;
        top: 0;
        right: 0;
        padding: 80px 0 0
    }

    .main-background.background-profile-image .container .blackbox {
        margin-top: 50px
    }

    .main-background.background-profile-image .container .top-block {
        min-height: unset
    }
}

@media (max-width:767px) {
    .booster-squad-container .search-container {
        padding: 40px 0;
        flex-direction: column
    }

    .booster-squad-container .booster-card {
        width: 328px
    }

    .booster-squad-container .booster-grid {
        justify-content: center
    }

    .booster-squad-container .booster-search {
        margin-right: 0;
        width: 100%;
        margin-bottom: 24px
    }

    .booster-squad-container .boosters-game-select {
        max-width: 100%
    }

    .background-profile-image {
        background: unset !important
    }

    .top-block.topblock--profile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column
    }

    .top-block.topblock--profile .valorant-splide--profile {
        padding: 40px 0 0
    }

    .jobs-modal-wrap {
        padding: 80px 30px
    }
}

.elo-modal {
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center
}

.elo-modal--visible {
    visibility: visible;
    opacity: 1
}

.elo-modal .elo-modal-close {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 24px;
    height: 24px
}

.elo-modal .elo-modal-close img {
    width: 10px;
    height: 10px
}

.elo-modal__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(1, 4, 17, .8)
}

.elo-modal__content {
    position: relative;
    background: #fff;
    max-width: 592px;
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .4);
    background: #050a20;
    border: 2px solid #232b46
}

.elo-modal__content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .2) 50%, hsla(0, 0%, 100%, .00002) 50.14%, hsla(0, 0%, 100%, .00002) 0), linear-gradient(135deg, #258cbf, #4ed3be);
    border-radius: 12px 12px 0 0
}

.elo-modal__content__header {
    padding: 0 88px;
    color: #fff
}

.elo-modal__content__header h3 {
    margin-top: 48px
}

.elo-modal__content__body {
    color: #979aae;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .107692px;
    margin-top: 22px;
    padding: 0 88px 58px
}

.elo-modal__content__footer {
    background: #080f28;
    border-top: 2px solid #232b46;
    padding: 40px 88px 42px;
    border-radius: 0 0 12px 12px
}

@media screen and (max-width:767px) {
    .elo-modal__content {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .elo-modal__content__body,
    .elo-modal__content__header {
        padding: 0 24px
    }

    .elo-modal__content__footer {
        padding: 40px 24px 42px;
        position: fixed;
        bottom: 0
    }

    .elo-modal .elo-modal-close {
        right: 24px
    }
}

.elo-button {
    background: #5d56ec;
    border: 2px solid hsla(0, 0%, 100%, .08);
    color: #fff;
    cursor: pointer;
    transition: all .15s ease-in-out;
    display: inline-block;
    padding: 14px 40px;
    border-radius: 50px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.elo-button:hover:not(:disabled, .secondary) {
    background: #4842d1;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.elo-button:disabled {
    cursor: no-drop;
    background: #232b46;
    color: #979aae
}

.elo-button.small {
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 6px 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    border-width: 1px
}

.elo-button.secondary {
    background: #000;
    border-width: 2px;
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.elo-button.secondary:hover {
    border-color: #313955
}

.elo-button.white-gradient {
    background: linear-gradient(135deg, #757f9a, #d7dde8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.elo-input.stretched .elo-input__wrap--postfix,
.elo-input.stretched input {
    height: 76px
}

.elo-input label {
    position: absolute;
    top: 0;
    left: 0;
    color: #979aae;
    line-height: 24px;
    margin-bottom: 8px;
    transition: all .15s ease-in-out
}

.elo-input__wrap {
    display: flex;
    border-radius: 8px;
    padding: 2px;
    position: relative
}

.elo-input__wrap__border-overlay {
    position: absolute;
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .15s ease-in-out
}

.elo-input__wrap__border-overlay--gradient {
    background: linear-gradient(135deg, #258cbf, #4ed3be);
    border-radius: 10px
}

.elo-input__wrap__border-overlay--grey {
    background: #232b46;
    opacity: 1;
    border-radius: 8px
}

.elo-input__wrap--postfix {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 2
}

.elo-input input {
    height: 52px;
    box-sizing: border-box;
    margin-top: 32px;
    color: #fff;
    transition: all .15s ease-in-out;
    z-index: 1;
    position: relative;
    outline: none;
    width: 100%;
    border: none;
    letter-spacing: .11px;
    background: #080f28;
    border-radius: 6px;
    padding: 16px 24px
}

.elo-input input:active,
.elo-input input:focus,
.elo-input input:hover {
    border-radius: 8px
}

.elo-input input:active~.elo-input__wrap__border-overlay--grey,
.elo-input input:focus~.elo-input__wrap__border-overlay--grey,
.elo-input input:hover~.elo-input__wrap__border-overlay--grey {
    opacity: 0
}

.elo-input input:active~label,
.elo-input input:focus~label,
.elo-input input:hover~label {
    color: #fff
}

.elo-input input:active::-moz-placeholder,
.elo-input input:focus::-moz-placeholder,
.elo-input input:hover::-moz-placeholder {
    color: #979aae
}

.elo-input input:active:-ms-input-placeholder,
.elo-input input:focus:-ms-input-placeholder,
.elo-input input:hover:-ms-input-placeholder {
    color: #979aae
}

.elo-input input:active::placeholder,
.elo-input input:focus::placeholder,
.elo-input input:hover::placeholder {
    color: #979aae
}

.elo-input input::-moz-placeholder {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    letter-spacing: .11px
}

.elo-input input:-ms-input-placeholder {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    letter-spacing: .11px
}

.elo-input input::placeholder {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    transition: all .15s ease-in-out;
    letter-spacing: .11px
}

.elo-input input:focus-visible {
    outline: none;
    border: none
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, .4)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }

    to {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

.elo-comment-input textarea.description-textarea {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.elo-comment-input input#comment-attachment,
.elo-comment-input textarea.description-textarea.textarea-filled~.elo-comment-input--textarea-placeholder,
.elo-comment-input textarea.description-textarea:active~.elo-comment-input--textarea-placeholder,
.elo-comment-input textarea.description-textarea:focus~.elo-comment-input--textarea-placeholder {
    display: none
}

.elo-comment-input--textarea-placeholder {
    pointer-events: none;
    position: absolute;
    top: 16px;
    left: 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .108px
}

.elo-comment-input__attachment {
    transition: all .15s ease-in-out;
    margin-top: -2px;
    display: flex;
    border: 2px solid #232b46;
    border-top-color: transparent;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.elo-comment-input__attachment-icon {
    transition: all .15s ease-in-out;
    cursor: pointer;
    display: flex;
    padding: 16px 24px;
    border-right: 2px solid #232b46
}

.elo-comment-input__attachment-file {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    font-size: 14px
}

.elo-comment-input__attachment-remove {
    display: none;
    transition: all .15s ease-in-out;
    cursor: pointer;
    padding: 16px 24px;
    border-left: 2px solid #232b46
}

.elo-comment-input__attachment-remove.active {
    display: flex
}

.elo-comment-input.active textarea,
.elo-comment-input:hover textarea {
    border-color: #4ed3be
}

.elo-comment-input.active .elo-comment-input__attachment-remove,
.elo-comment-input:hover .elo-comment-input__attachment-remove {
    border-left-color: #4ed3be
}

.elo-comment-input.active label.elo-comment-input__attachment-icon,
.elo-comment-input:hover label.elo-comment-input__attachment-icon {
    border-right-color: #4ed3be
}

.elo-comment-input.active .elo-comment-input__attachment,
.elo-comment-input:hover .elo-comment-input__attachment {
    border-color: #4ed3be
}

.elo-comment {
    display: flex;
    flex-direction: column;
    border-bottom: 2px solid #232b46
}

.elo-comment:not(:first-child) {
    margin-top: 32px
}

.elo-comment:last-child {
    border-bottom: none
}

.elo-comment__author {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.elo-comment__author img {
    width: 24px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 8px
}

.elo-comment__author-name {
    font-size: 14px;
    font-weight: 400
}

.elo-comment__footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 32px
}

.elo-comment__content {
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #979aae
}

.elo-comment__remove {
    cursor: pointer;
    display: flex
}

.elo-comment__remove img {
    width: 24px;
    height: 24px
}

.elo-comment__created-at.panel-dicsount-status {
    margin: 0
}

.elo-comment__created-at.panel-dicsount-status:before {
    content: none
}

.elo-comment__structured-item {
    border: 2px solid #232b46;
    border-radius: 8px;
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 16px 24px;
    font-size: 14px
}

.elo-comment__structured-item img {
    margin-right: 8px
}

.elo-comment__structured-item-text {
    color: #979aae
}

.elo-comment__structured-item-tab {
    color: #fff
}

.elo-comment__attachment {
    transition: all .15s ease-in-out;
    border: 2px solid #232b46;
    border-radius: 8px;
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px
}

.elo-comment__attachment .elo-comment__attachment-download {
    display: flex;
    padding: 16px 24px;
    cursor: pointer;
    transition: all .15s ease-in-out;
    border-left: 2px solid #232b46
}

.elo-comment__attachment .elo-comment__attachment-content {
    padding: 16px 24px;
    display: flex;
    align-items: center;
    flex-grow: 1;
    font-size: 14px
}

.elo-comment__attachment .elo-comment__attachment-content img {
    padding-right: 8px
}

.elo-comment__attachment:hover,
.elo-comment__attachment:hover .elo-comment__attachment-download {
    border-color: #4ed3be
}

.elo-hwid {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #232b46
}

.elo-hwid:not(:first-child) {
    margin-top: 32px
}

.elo-hwid:last-child {
    border-bottom: none
}

.elo-hwid__author {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.elo-hwid__author img {
    width: 24px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 8px
}

.elo-hwid__author-name {
    font-size: 14px;
    font-weight: 400
}

.elo-hwid__footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 32px
}

.elo-hwid__content {
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #979aae
}

.elo-hwid__remove,
.elo-hwid__whitelist {
    cursor: pointer;
    display: inline-block
}

.elo-hwid__remove img,
.elo-hwid__whitelist img {
    width: 24px;
    height: 24px
}

.elo-landing-modal {
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center
}

.elo-landing-modal--visible {
    visibility: visible;
    opacity: 1
}

.elo-landing-modal--visible .elo-landing-modal__content {
    transform: translate(0)
}

.elo-landing-modal__content {
    transition: transform .25s ease-in-out;
    transform: translateY(75vh)
}

.elo-landing-modal .elo-landing-modal-close {
    position: absolute;
    right: -24px;
    background: #050a20;
    border: 2px solid #232b46;
    border-radius: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    transition: all .15s ease-in-out;
    z-index: 2;
    top: 24px;
    left: 16px;
    width: 32px;
    height: 32px
}

.elo-landing-modal .elo-landing-modal-close:hover {
    border-color: #313955
}

.elo-landing-modal .elo-landing-modal-close button {
    border: none;
    background: transparent
}

.elo-landing-modal .elo-landing-modal-close i {
    transition: all .15s ease-in-out;
    display: block;
    width: 24px;
    height: 24px;
    background: url(/img/icon_close-small.svg) 50% no-repeat
}

.elo-landing-modal__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(1, 4, 17, .8)
}

.elo-landing-modal__content {
    overflow: hidden;
    position: relative;
    background: #fff;
    max-width: 680px;
    box-sizing: border-box;
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .4);
    background: #050a20;
    border: 2px solid #232b46;
    padding: 118px 152px 126px
}

.elo-landing-modal__content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .2) 50%, hsla(0, 0%, 100%, .00002) 50.14%, hsla(0, 0%, 100%, .00002) 0), linear-gradient(135deg, #258cbf, #4ed3be);
    border-radius: 12px 12px 0 0;
    z-index: 2
}

.elo-landing-modal__content__header {
    display: flex;
    justify-content: center;
    color: #fff
}

.elo-landing-modal__content__header h2 {
    margin-top: 0;
    margin-bottom: 24px;
    text-align: center;
    letter-spacing: .1px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600
}

.elo-landing-modal__content__body {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .1px
}

@media screen and (max-width:767px) {
    .elo-landing-modal__content {
        padding: 118px 24px 126px;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%
    }
}

.links-block {
    justify-content: space-around
}

@media (max-width:767px) {
    .links-block {
        flex-direction: column
    }
}

.links-block__short {
    text-align: left;
    max-width: 328px;
    font-weight: 600;
    font-size: 32px
}

.links-block__columns {
    display: flex;
    justify-content: space-around
}

@media (max-width:767px) {
    .links-block__columns {
        flex-direction: column
    }
}

.links-block__column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1;
    text-align: left;
    margin: 18px;
    text-decoration: none;
    color: #979aae
}

.links-block__column:first-child {
    margin-left: 0
}

@media (max-width:767px) {
    .links-block__column {
        margin-left: 0;
        margin-bottom: 0
    }
}

.links-block__column-title {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-align: left;
    margin-top: 25px
}

.links-block__column-icon {
    margin-top: 40px
}

.links-block__column-icon-question {
    margin-top: 20px
}

.links-block__column-list {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0
}

.links-block__column-list .listing {
    margin-top: 0
}

.links-block__column-list .listing:before {
    display: none
}

.links-block__column-list .listing a {
    display: flex;
    align-items: center
}

.links-block__column-list .listing a img {
    margin-left: 4px
}

.forgot-password-wrapper {
    max-width: 377px;
    margin: 0 auto
}

.email-capturing-modal .email-capturing:before {
    content: none
}

.email-capturing-modal .elo-landing-modal__content__header {
    justify-content: left
}

.email-capturing-modal h2 {
    text-align: left
}

.email-capturing-modal .elo-landing-modal__content {
    max-width: 1032px
}

.email-capturing-modal .elo-landing-modal__content .email-capturing {
    padding: 0
}

.email-capturing-modal .form-wrapper {
    max-width: 377px
}

.custom-content-page .text-center {
    margin: 40px auto
}

@media screen and (max-width:767px) {
    .custom-content-page .col-2 {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

.custom-content-page figure.table {
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
    border-spacing: 0;
    border-color: #232b46
}

.custom-content-page figure.table table {
    max-width: 680px;
    width: 100%;
    margin: 0 auto 30px;
    border-spacing: 0;
    border-color: #232b46
}

.custom-content-page figure.table table tbody {
    vertical-align: middle;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: isolate;
    border-color: inherit
}

.custom-content-page figure.table table th:first-child {
    border-radius: 12px 0 0 12px;
    border-left: 2px solid #232b46
}

.custom-content-page figure.table table tr {
    font-family: Poppins, "sans-serif-adjusted", sans-serif !important;
    color: #fff !important
}

.custom-content-page figure.table table tr:nth-of-type(odd) {
    border-radius: 12px;
    background: #050a20
}

.custom-content-page figure.table table tr:nth-of-type(odd) th {
    border-top: 2px solid #232b46;
    border-bottom: 2px solid #232b46
}

.custom-content-page figure.table table tr:nth-of-type(odd) td:first-child {
    border-radius: 12px 0 0 12px;
    border-left: 2px solid #232b46
}

.custom-content-page figure.table table tr:nth-of-type(odd) td:last-child {
    border-radius: 0 12px 12px 0;
    border-right: 2px solid #232b46
}

.custom-content-page figure.table table tr:nth-of-type(odd) td {
    background: #050a20;
    border-top: 2px solid #232b46;
    border-bottom: 2px solid #232b46
}

.custom-content-page figure.table table tr td {
    color: #fff !important;
    font-family: Poppins, "sans-serif-adjusted", sans-serif !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 32px !important;
    letter-spacing: .1px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 24px
}

.custom-content-page figure.table table tr td.colored {
    background: linear-gradient(115deg, #258cbf, #4ed3be);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (min-width:860px) {
    .email-capturing-modal .elo-landing-modal__content {
        padding-right: 499px
    }
}

@media screen and (max-width:859px) {
    .email-capturing-modal .elo-landing-modal__content {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media (max-width:767px) {

    .col-2.elo-boosting-reverse a.button.go,
    .col-2.elo-boosting a.button.go {
        width: 65vw;
        padding: 16px 32px
    }
}

.avatar-icon {
    width: 24px;
    height: 24px
}