@font-face {
    font-family: SF UI Display;
    font-display: swap;
    src: url(../fonts/sf-ui-display/SFUIDisplay-Black.2fe8c3a7fc06f1f8fbe33fabaa930401.woff2) format("woff2"), url(../fonts/sf-ui-display/SFUIDisplay-Black.c226df60c0337564bc1eb2e347ff4361.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: ALS Rubl;
    font-display: swap;
    src: url(../fonts/rouble/ALSRubl.70775b8431da206e6620adbec529e854.woff2) format("woff2"), url(../fonts/rouble/ALSRubl.573bb029bce92acaff6d64caf1c74259.woff) format("woff"), url(../fonts/rouble/ALSRubl.a90a937ba69e343e20506cbbd9eccb3d.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Open Sans;
    font-display: swap;
    src: url(../fonts/open-sans/subset-OpenSans-ExtraBold.7c0d27825aad89d6b71129296b5c5462.woff2) format("woff2"), url(../fonts/open-sans/subset-OpenSans-ExtraBold.ac7d00636ed8043af742225c120d21ee.woff) format("woff");
    font-weight: 800;
    font-style: normal
}

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

html {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    height: 100%
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    html {
        display: flex;
        flex-direction: column
    }
}

body {
    flex-direction: column;
    margin: 0;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-decoration-skip: objects;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}

:focus {
    outline: none
}

blockquote, dd, dl, figure, p {
    margin: 0
}

blockquote, q {
    quotes: none
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1, h2, h3, h4, h5, h6, th {
    font-weight: inherit
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-size: 28px;
}

audio, img, video {
    display: block
}

iframe, img {
    border: none
}

a {
    background-color: transparent;
    color: inherit
}

a, abbr {
    text-decoration: none
}

abbr {
    border: none
}

b, strong {
    font-weight: inherit
}

dfn, em, i {
    font-style: inherit
}

mark {
    background-color: transparent;
    color: inherit
}

small, sub, sup {
    font-size: inherit
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button, input, optgroup, select, textarea {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-align: left;
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    cursor: pointer;
    -webkit-appearance: none
}

textarea {
    resize: none;
    overflow-y: auto;
    overflow-x: hidden
}

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

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: none
}

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

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

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

[type=search] {
    outline: none
}

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

fieldset {
    padding: 0;
    margin: 0;
    border: none
}

legend {
    display: block;
    padding: 0;
    white-space: normal
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .2;
    transition: opacity .3s
}

:-moz-placeholder, ::-moz-placeholder {
    color: inherit;
    opacity: .2;
    transition: opacity .3s
}

:-ms-input-placeholder {
    color: inherit;
    opacity: .2;
    transition: opacity .3s
}

:focus::-webkit-input-placeholder {
    opacity: 0
}

:focus:-moz-placeholder, :focus::-moz-placeholder {
    opacity: 0
}

:focus:-ms-input-placeholder {
    opacity: 0
}

.hidden, [hidden] {
    display: none
}

.disabled, :disabled {
    cursor: not-allowed
}

::-ms-clear {
    display: none
}

:-webkit-autofill {
    box-shadow: inset 0 0 0 100px #fff;
    -webkit-text-fill-color: currentColor
}

.input-item-wrap__bg {
    box-shadow: inset 0 3px 3px 0 #bfbfbf
}

.input-item-wrap {
    padding: 2px;
    background: linear-gradient(175.71deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .15) 3.49%, hsla(0, 0%, 100%, .1) 52.02%, hsla(0, 0%, 100%, .0001) 52.64%, hsla(0, 0%, 100%, .0001)), linear-gradient(180deg, #52085c, #201f61);
    mix-blend-mode: normal
}

.input-item-wrap__ico, .input-item-wrap__ico-right {
    -moz-user-select: none
}

.input-item-tel:active, .input-item:active {
    background-color: transparent
}

.v-button.v-button--first {
    background: linear-gradient(180deg, #4b9600, #82dd27 46.88%, #4b9600);
    border: 1px solid #d3ffa8;
    box-shadow: 0 0 0 1px #56e000, inset 0 0 0 1px #56e000
}

@media (hover) {
    .v-button.v-button--first:hover {
        box-shadow: 0 0 10px 3px #00ff39, 0 0 0 1px #d3ffa8
    }
}

.v-button.v-button--first:active {
    background: linear-gradient(180deg, #346008, #56921b 47.4%, #346008)
}

.v-button.v-button--second {
    background: linear-gradient(180deg, #df3b3b 9.76%, #ff8787 54.54%, #df3b3b 96.6%);
    border: 1px solid #fdd;
    box-shadow: 0 0 0 1px #ff4d34, inset 0 0 0 1px #ff4d34
}

@media (hover) {
    .v-button.v-button--second:hover {
        box-shadow: 0 0 10px 3px red, 0 0 0 1px #fdd
    }
}

.v-button.v-button--second:active {
    background: linear-gradient(180deg, #6a1f1f 9.76%, #a64646 54.54%, #6a1f1f 96.6%, #6a1f1f 0)
}

.v-button.v-button--third {
    background: linear-gradient(180deg, #1f7bc6, #76d1ff 50.37%, #1f7bc6);
    border: 1px solid #bdf9ff;
    box-shadow: 0 0 0 1px #01b4fe, inset 0 0 0 1px #01b4fe
}

@media (hover) {
    .v-button.v-button--third:hover {
        box-shadow: 0 0 10px 3px #00efff, 0 0 0 1px #bdf9ff
    }
}

.v-button.v-button--third:active {
    background: linear-gradient(180deg, #104570, #226e94 50.37%, #104570)
}

:root {
    --bg-color-body: #311442
}

body {
    display: flex;
    min-height: 100%;
    background-color: #311442;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff
}

@media screen and (min-width: 1360px) {
    body {
        background-color: var(--bg-color-body);
        background-image: var(--bg-image-body);
        background-position: top;
        background-size: 1920px auto;
        background-attachment: fixed;
        background-repeat: no-repeat
    }
}

.rouble {
    font-family: ALS Rubl, sans-serif
}

.currency-nowrap {
    white-space: nowrap
}

.rub .currency:after {
    content: "i";
    font-family: ALS Rubl, sans-serif;
    text-transform: none
}

.container {
    width: 100%;
    padding: 0 8px;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .container {
        padding: 0 16px
    }
}

.body-preloader:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNTE2IDExLjUyNmMtLjM0Ny4zNDYtLjUxNi43NS0uNTE2IDEuMjI5IDAgLjQ3OC4xNjkuODguNTE2IDEuMjI5LjM0Ny4zNDYuNzYuNTE2IDEuMjM5LjUxNmExLjY4IDEuNjggMCAwMDEuMjM4LS41MTZjLjM0LS4zNDUuNTA3LS43NS41MDctMS4yMjkgMC0uNDc4LS4xNjktLjg5My0uNTE2LTEuMjM5QTEuNjcgMS42NyAwIDAwMy43NTQgMTFjLS40NzggMC0uODkuMTc4LTEuMjM4LjUyNnpNNi41IDE2LjVjLS40MTUgMC0uNzU2LjE0NC0xLjA1LjQzNkExLjQyIDEuNDIgMCAwMDUgMTcuOTljMCAuNDE4LjE1Ljc3Mi40NSAxLjA3NS4yOTEuMjkyLjYzNS40MzQgMS4wNS40MzQuNDI0IDAgLjc3OS0uMTQgMS4wNjgtLjQzNC4yOTMtLjMuNDMyLS42NTcuNDMyLTEuMDc1IDAtLjQxNy0uMTQxLS43NjQtLjQzMi0xLjA1NUExLjQzOCAxLjQzOCAwIDAwNi41IDE2LjV6TTUuNDk1IDljLjU1IDAgMS4wMjItLjE5NyAxLjQxNS0uNTg4LjM5My0uMzkzLjU5LS44NjQuNTktMS40MTIgMC0uNTU5LS4xOTYtMS4wMy0uNTktMS40MjNBMS45MjcgMS45MjcgMCAwMDUuNDk1IDVjLS41NSAwLTEuMDIyLjE5NS0xLjQwNS41NzctLjM5My4zOTQtLjU5Ljg2NC0uNTkgMS40MjMgMCAuNTQ4LjE5NiAxLjAxOS41OSAxLjQxMkExLjkzIDEuOTMgMCAwMDUuNDk1IDl6bTYuODQgOS42OTJhMS4zNSAxLjM1IDAgMDAtLjk5MS40MDQgMS4zOCAxLjM4IDAgMDAtLjQxMyAxLjAxYzAgLjM4Ni4xNC43MTMuNDEzLjk4MS4yNjguMjY0LjU5Ny40MDUuOTkxLjQwNS4zODYgMCAuNzE5LS4xMzUuOTkyLS40MDUuMjY4LS4yNjIuNDA0LS41OTUuNDA0LS45ODFhMS4zNyAxLjM3IDAgMDAtLjQwNC0xIDEuMzM4IDEuMzM4IDAgMDAtLjk5Mi0uNDE0ek0xMi4yNTUgMmMtLjYyMiAwLTEuMTUzLjIxNi0xLjU5Mi42NTRBMi4xNiAyLjE2IDAgMDAxMCA0LjI0YzAgLjYyNC4yMjQgMS4xNjUuNjYzIDEuNjA2LjQzOS40MzguOTcuNjU0IDEuNTkyLjY1NC42MjMgMCAxLjE1My0uMjE2IDEuNTkyLS42NTQuNDM5LS40NDEuNjUzLS45ODIuNjUzLTEuNjA2YTIuMTUgMi4xNSAwIDAwLS42NTMtMS41ODZBMi4xNjYgMi4xNjYgMCAwMDEyLjI1NSAyem01LjkzNiA1Ljg4NWEuOTcuOTcgMCAwMC42OTUtLjI4Ni45ODYuOTg2IDAgMDAwLTEuNDI4Ljk3Ljk3IDAgMDAtLjY5NS0uMjg2Ljk2My45NjMgMCAwMC0uNzA1LjI4NiAxLjAxNCAxLjAxNCAwIDAwMCAxLjQyOGMuMTk2LjE5Ny40NC4yODYuNzA1LjI4NnptLS42NzEgOC41NzVjLS4zNCAwLS42My4xMzMtLjg4Mi4zNzhhMS4xNTQgMS4xNTQgMCAwMC0uMzY4Ljg2M2MwIC4zNDEuMTIuNjM1LjM2OC44ODMuMjQ4LjI0OS41NDIuMzc2Ljg4Mi4zNzYuMzQgMCAuNjM0LS4xMjcuODgyLS4zNzYuMjQ5LS4yNDguMzY4LS41NDIuMzY4LS44ODMgMC0uMzQtLjEyNC0uNjMtLjM2OC0uODYzLS4yNTItLjI0NS0uNTQyLS4zNzgtLjg4Mi0uMzc4em0yLjEwNS00LjYzN2ExLjA2IDEuMDYgMCAwMC0uMzI1Ljc3N2MwIC4zMDQuMTExLjU3Mi4zMjUuNzg1LjIxNC4yMTIuNDY0LjMxNS43Ny4zMTVhMS4wOCAxLjA4IDAgMDAxLjEwNS0xLjEgMS4wNSAxLjA1IDAgMDAtLjMxNi0uNzc3IDEuMDg3IDEuMDg3IDAgMDAtLjc4OS0uMzIzYy0uMzA2IDAtLjU1Ny4xMS0uNzcuMzIzeiIgZmlsbD0iI2NjZDBkZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    animation: load 1.2s linear infinite
}

#pushwooshBellWidget, #supportTrigger {
    display: none !important
}

#pushwooshBellWidget {
    inset: auto auto 60px 20px !important
}

img[src*="//semi-cod"] {
    position: absolute;
    z-index: -1;
    height: 0;
    width: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.description {
    font-size: 14px;
    color: #cdb5d5;
    line-height: 1.34
}

.description ol, .description p, .description ul {
    margin-bottom: 16px
}

.description h1, .description h2, .description h3, .description h4 {
    margin-bottom: 8px;
    color: #fff
}

.description h1 {
    font-weight: 700;
    font-size: 28px
}

.description h2 {
    font-weight: 700;
    font-size: 24px
}

.description h3 {
    font-size: 24px
}

.description a {
    color: #44a0e3;
    border-bottom: 1px solid
}

.description ul {
    padding-left: 11px
}

.description ol {
    padding-left: 16px;
    list-style-type: decimal
}

.description li {
    line-height: 1.29
}

.description ul li {
    position: relative
}

.description ul li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: -9px;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: currentColor
}

.description em, .description i {
    font-style: italic
}

.description b, .description strong {
    font-weight: 700
}

.description b {
    font-size: 16px;
    color: #def0ff
}

.description .v-button {
    display: inline-block;
    border: none;
    color: #fff
}

.description .nav-tabs__btn {
    color: #898d99;
    border-bottom: none
}

.description .nav-tabs__btn.active {
    color: #fff
}

.description > :last-child:not(div) {
    margin-bottom: 0
}

.description iframe {
    max-width: 100%;
    height: auto
}

.description details {
    position: relative;
    margin-bottom: 16px
}

.description details[open] summary:before {
    transform: rotate(180deg)
}

.description summary {
    display: block;
    margin-bottom: 8px;
    padding-right: 30px
}

.description summary:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 8px;
    border-top: 6px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    transform: rotate(0deg)
}

.description--typo-inherit {
    font-size: inherit;
    color: inherit;
    line-height: inherit
}

.description--typo-inherit h1, .description--typo-inherit h2, .description--typo-inherit h3, .description--typo-inherit h4 {
    color: inherit
}

.description--typo-inherit li {
    line-height: inherit
}

.description--typo-inherit b {
    font-size: inherit;
    color: inherit
}

.description__ban {
    padding-bottom: 50%;
    position: relative;
    display: block;
    min-height: 160px;
    overflow: hidden
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .description__ban {
        padding-bottom: 30.282%
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .description__ban {
        padding-bottom: 0;
        height: 300px
    }
}

@media screen and (min-width: 1280px) {
    .description__ban {
        height: 398px
    }
}

.description__ban-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.v-button {
    position: relative;
    display: block;
    flex-shrink: 0;
    min-width: 80px;
    padding: 0 16px;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    border-radius: 20px
}

.v-button.disabled, .v-button[disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.v-button .v-button__text--small {
    display: block;
    text-transform: lowercase;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    opacity: .8
}

[class*=icon-] {
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.icon-win-lottery {
    background-image: url(../images/icons/win-lottery.9fc52f9b9c717551d306486d047dd520.svg)
}

.icon-video-player {
    background-image: url(../images/icons/video.129760ed63752b61c8f72c9e9b92f33a.svg)
}

.icon-gift {
    background-image: url(../images/icons/gift.aff5a7772891a7018a864f65c9657eb6.svg)
}

.icon-input-currency-rub {
    background-image: url(../images/icons/input-currency-rub.3774d81e2ddf91494e32c7d9cf5992c4.svg)
}

.icon-search-base {
    background-image: url(../images/icons/search-base.a74920c69e89b0b7791a6bf96178f2f0.svg)
}

.icon-help {
    background-image: url(../images/icons/help.acb046180f0fd1125a88d62c7f743827.svg)
}

.icon-back, .icon-back-2 {
    background-image: url(../images/icons/back.a5916c6cc4ef0de079c4b1bbcfcdabc0.svg)
}

.icon-card {
    background-image: url(../images/icons/card.af1d3a215eb08e03ce4d6832a5ebe4bc.svg)
}

.icon-cup {
    background-image: url(../images/icons/cup.0793e9914b3deac5d9b25f1076a6cee9.png)
}

.icon-edit {
    background-image: url(../images/icons/edit.2fbb50f8a66dcc73f94e12e496480d3c.svg)
}

.icon-faq {
    background-image: url(../images/icons/faq.f4e2ef22e0ae4b32508d92deaa2db35a.svg)
}

.icon-full-ver {
    background-image: url(../images/icons/full-ver.f9b95e17326f8ce323ef7a95f307f455.svg)
}

.icon-gift-mini {
    background-image: url(../images/icons/gift-mini.b11b1249b45789594fca2f33b3552742.svg)
}

.icon-ico-card {
    background-image: url(../images/icons/ico-card.1143faac62a2805b320383c80a3a335f.svg)
}

.icon-medal {
    background-image: url(../images/icons/medal.9e28a89ac49636dd86096d440f8c0dff.svg)
}

.icon-password {
    background-image: url(../images/icons/password.390decd840c215964a82fd7b8f31fb5d.svg)
}

.icon-phone {
    background-image: url(../images/icons/phone.af5c8b70f9ec6fbe6183ae9835a99ecb.svg)
}

.icon-process {
    background-image: url(../images/icons/process.e020b1a0bd3d13a4ecf1105ccc4bc2ad.svg)
}

.icon-red-repeat {
    background-image: url(../images/icons/red-repeat.64563f2ec04d22908d3bd853cce84df8.svg)
}

.icon-rate-gold {
    background-image: url(../images/icons/rate-gold.01e33ab5d746f14ee9af6d65ae865353.svg)
}

.icon-refresh {
    background-image: url(../images/icons/refresh.7c6e46923c6378d935f77d6c09495a11.svg)
}

.icon-ticket {
    background-image: url(../images/icons/ticket.ed5be67240a5f82f0445f45bfa87c299.svg)
}

.icon-money {
    background-image: url(../images/icons/money.46414c48cd32fc84b917c4f6ad39c34d.svg)
}

.icon-warning {
    background-image: url(../images/icons/warning.81f0b71b425769a6a9b700c2509c8dd6.svg)
}

.icon-winner {
    background-image: url(../images/icons/winner.52acea0a428b282f1de24fcba89bcefa.svg)
}

.icon-radio-dot:after {
    background-image: url(../images/icons/radio-dot.61d21890a74a525741b6496d28a1b7bb.svg)
}

.icon-check-ok:after {
    background-image: url(../images/icons/check-ok.c63d4333acfe30972e8223a84c66f8c7.svg)
}

.icon-slider-prev {
    background-image: url(../images/icons/slider-prev.41ce1261feb61727bf6e34edd64b2264.svg)
}

.icon-slider-next {
    background-image: url(../images/icons/slider-next.be7abfc8212a663307ca1766b7eb301d.svg)
}

.icon-slider-next-second {
    background-image: url(../images/icons/arrow-next-second.1eb87f3521a62cc7b0f0de86d7dbf52d.svg)
}

.icon-slider-left-3 {
    background-image: url(../images/icons/slider-left-3.27a905521798d197a1eccb469196c7b5.svg)
}

.icon-slider-right-3 {
    background-image: url(../images/icons/slider-right-3.d9eb6c9f0db85a99aced811b2653c74f.svg)
}

.icon-slider-prev-2 {
    background-image: url(../images/icons/slider-prev-2.2cebd75e1a4158f5df0da6ef2d323cbb.svg)
}

.icon-slider-next-2 {
    background-image: url(../images/icons/slider-next-2.c2ab441685047d352d569c3ad30b6c67.svg)
}

.icon-slider-left-7 {
    background-image: url(../images/icons/slider-left-7.c6497af232551ec5ccd3997c7423a055.svg)
}

.icon-slider-right-7 {
    background-image: url(../images/icons/slider-right-7.c05e127593e44bea81cbe003cf5449e8.svg)
}

.icon-help-rotate {
    background-image: url(../images/icons/help-rotate.4142409d4935892d312894511287e39a.svg)
}

.icon-arrow-right {
    background-image: url(../images/icons/arrow-right.c279f2cd06f3256635e07ed03f3300b3.svg)
}

.icon-arrow-right-thin {
    background-image: url(../images/icons/arrow-right-thin.072dab195ed978013ee883a190049f1b.svg)
}

.icon-share-btn {
    background-image: url(../images/icons/share-btn.8d905626772ed4ef7c0b1ce649134ad6.svg)
}

.icon-add-home-screen {
    background-image: url(../images/icons/add-home-screen.38e30f99de8d35fed5d5dd485a5edfd1.svg)
}

.icon-piastrix {
    background-image: url(../images/icons/piastrix.da70384c943a65725ca7c9d1e94cb75a.svg)
}

.icon-piastrix-text {
    background-image: url(../images/icons/piastrix-text.6d26f5c5a0fbc477e2f5a3b46746bfc3.svg)
}

.icon-fkwallet {
    background-image: url(../images/icons/fkwallet-ban.8d28a76c15623b19f1398246b791681a.png)
}

.icon-fkwallet-second {
    background-image: url(../images/icons/fkwallet.500d6f1f52a0a72be81d0ddd9a92e026.png)
}

.icon-info {
    background-image: url(../images/icons/info.247842b7f1bae3c48ef555e5c5ea3236.svg)
}

.icon-info-yellow-filled {
    background-image: url(../images/icons/info-yellow-filled.65ed5e122a79e825f412c6a18e51c1c2.svg)
}

.icon-info-red-filled {
    background-image: url(../images/icons/info-red-filled.56f732fd65559fb8990efbe280d6bdc2.svg)
}

.icon-visa-mc {
    background-image: url(../images/icons/visa-mc.fcd1576f909b418cb2a0fe71971bb2cc.svg)
}

.icon-promo {
    background-image: url(../images/icons/promo.49c92bc3b51815a465d18ccc55841dec.svg)
}

.icon-promo-code {
    background-image: url(../images/icons/promo-code.30f58937221716dc856fddc1eb30d834.svg)
}

.icon-sad-smile {
    background-image: url(../images/icons/sad-smile.90b96d12c2863dbf707fef5c3cd365aa.svg)
}

.add-to-favourite {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (hover) {
    .add-to-favourite:hover .add-to-favourite__tool-tip {
        display: block
    }

    .add-to-favourite:hover .add-to-favourite__star-ico--static {
        display: none
    }

    .add-to-favourite:hover .add-to-favourite__star-ico--hover {
        display: block;
        opacity: .8
    }
}

.add-to-favourite:active {
    opacity: .8
}

.add-to-favourite.active .add-to-favourite__star-ico--static, .add-to-favourite:active .add-to-favourite__tool-tip {
    display: none
}

.add-to-favourite.active .add-to-favourite__star-ico--hover {
    display: block
}

.add-to-favourite__star-ico {
    width: 18px;
    height: 18px
}

.add-to-favourite__star-ico--hover {
    display: none
}

.add-to-favourite__tool-tip {
    position: absolute;
    z-index: 2;
    bottom: -50%;
    left: -50%;
    display: none;
    padding: 4px 16px;
    font-size: 12px;
    color: #314874;
    line-height: 16px;
    border-radius: 5px;
    background-color: #becddb;
    white-space: nowrap
}

.add-to-favourite__tool-tip:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    width: 10px;
    height: 10px;
    background-color: #becddb
}

.tab-tournament {
    border-top: 1px solid #4a6596;
    flex-grow: 1;
    padding: 16px;
    background-color: #311442
}

.tab-tournament__ban-wrap {
    margin-bottom: 8px
}

.tab-tournament__active-ban {
    padding-bottom: 16px;
    background-image: linear-gradient(#142340, #0e1e3c);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), inset 0 -1px 0 hsla(0, 0%, 100%, .2);
    border-radius: 5px
}

.game-preview {
    width: 64px;
    border-radius: 5px;
    color: transparent
}

.game-preview__main {
    display: block;
    padding: 1px;
    background: linear-gradient(180deg, #1dd8ff, #00578e);
    border-radius: inherit
}

.game-preview__main:active {
    background-image: linear-gradient(180deg, #1486cc, #1486cc);
    transform: translateY(.286em);
    box-shadow: none
}

.game-preview__img-wrap, .game-preview__pic {
    border-radius: inherit
}

.game-preview__pic {
    width: 62px;
    height: 40px
}

.input-item, .input-item-tel {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    transition: padding .3s
}

.input-item--second {
    position: relative;
    height: 100%;
    line-height: 24px;
    background-color: inherit
}

.input-item--second:hover .input-item-wrap--border-title:before {
    border-color: #444
}

.input-item--second:focus-within .input-item-wrap--border-title:before {
    border-color: #3e8fd3;
    border-width: 2px
}

.input-item--second:focus-within .input-item__title--on-border {
    color: #3e8fd3
}

.input-item-tel {
    z-index: 1
}

.input-item-tel--disabled {
    filter: opacity(.5);
    pointer-events: none;
    cursor: not-allowed
}

.input-item-tel--country-list-open {
    z-index: 2
}

.input-item-tel--position-static {
    position: static
}

.input-item-tel__error-text {
    display: block;
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    white-space: normal;
    color: #ff3738;
    visibility: visible
}

.input-item--deposit.input-item-tel, .input-item.input-item--deposit {
    width: 152px;
    margin-right: 8px
}

.input-item--deposit.input-item-tel input, .input-item.input-item--deposit input {
    color: #1c283d
}

.input-item-wrap__bg {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #fff
}

.input-item-wrap__input, .input-item-wrap__input-pseudo {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    background-color: transparent;
    font-size: 14px;
    color: #1c283d;
    font-weight: 700
}

.input-item-wrap__input--second {
    min-width: 0;
    padding-left: 2px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #575757;
    -webkit-text-fill-color: #575757;
    background: transparent
}

.input-item-wrap__input--textarea {
    padding: 0
}

.input-previous-data {
    display: none;
    position: absolute;
    right: 0;
    z-index: 2;
    padding: 0 12px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #1c283d;
    opacity: .51
}

.input-previous-data:after {
    z-index: 3;
    width: 18px;
    padding-top: 1px;
    text-align: right
}

.input-item-wrap__input-pseudo {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: baseline;
    margin: auto;
    padding: 0 12px;
    overflow: hidden;
    color: transparent;
    opacity: 0;
    height: 28px;
    line-height: 28px
}

.input-item-wrap--cur, .input-item-wrap--cur .input-item-wrap__bg {
    display: flex;
    align-items: center
}

.input-item-wrap--cur .input-item-wrap__input {
    position: relative;
    z-index: 2;
    height: 16px
}

.input-item-wrap {
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 20px
}

.input-item-wrap.input-item-wrap--area {
    height: 56px
}

.input-item-wrap.input-item-wrap--area .input-item-wrap__bg {
    padding: 8px 0
}

.input-item-wrap.active .input-item-wrap__input-pseudo {
    opacity: 1
}

.input-item-wrap.active .input-previous-data {
    display: block
}

.input-item-wrap.input-item-wrap--captcha {
    width: calc(100% - 136px)
}

.input-item-wrap--dropdown {
    background: #471d60;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.input-item-wrap--border-title {
    position: relative;
    background: transparent
}

.input-item-wrap--border-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: 1px solid #a0a0a0;
    border-radius: inherit;
    transition: border-color .3s
}

.input-item-wrap--border-title ::-webkit-input-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 16px;
    color: #575757
}

.input-item-wrap--border-title :-moz-placeholder, .input-item-wrap--border-title ::-moz-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 16px;
    color: #575757
}

.input-item-wrap--border-title :-ms-input-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 16px;
    color: #575757
}

.input-item-wrap--input {
    z-index: 0;
    height: 48px;
    padding: 3px
}

.input-item-wrap--textarea {
    z-index: 0;
    height: 100%;
    padding: 12px 16px
}

.alert-text {
    display: block;
    visibility: hidden;
    width: 100%;
    min-height: 15px;
    padding-top: 1px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.167;
    white-space: nowrap
}

.alert-text > a {
    color: #32a2f4
}

@media (hover) {
    .alert-text > a:hover {
        text-decoration: underline
    }
}

.input-item-wrap__ico-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin: auto;
    overflow: hidden
}

.input-item-wrap__ico-right.show-pass {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 35px;
    right: 0;
    cursor: pointer
}

.input-item-wrap__ico-right.show-pass [class*=icon-] {
    width: 18px;
    height: 13px
}

.input-item-wrap__ico-right.show-pass:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 19px;
    width: 2px;
    border-right: 1px solid #fff;
    box-sizing: content-box;
    margin: auto;
    background-color: currentColor;
    transform: rotate(-45deg);
    opacity: 0;
    transition: opacity .3s
}

.input-item-wrap__ico-right.active {
    color: #000
}

.input-item-wrap__ico-right.active:before {
    opacity: 1
}

.input-item-wrap__ico-right:active {
    opacity: .4
}

.input-item-wrap__ico-right--alert-ico {
    display: none
}

.attention .alert-text, .error .alert-text, .limit .alert-text, .success .alert-text {
    visibility: visible;
    white-space: normal
}

.error .input-item-wrap {
    background-image: linear-gradient(0deg, #ff3738, #900e0f)
}

.error .input-item-wrap--border-title {
    background: transparent
}

.error .input-item-wrap--border-title:before {
    background-image: none;
    border-color: #e20000;
    border-width: 2px
}

.error .input-item__title--on-border {
    color: #e20000
}

.error .alert-text {
    color: #f04d30
}

.error .confirmation-code-input__input {
    border: 2px solid #f04d30
}

.error .input-item__error-text {
    padding-top: 3px;
    padding-left: 16px;
    line-height: 18px;
    color: #e20000
}

.attention .alert-text, .attention .input-item-wrap__ico-right--alert-ico {
    color: #ffc400
}

.attention .input-item-wrap__ico-right--alert-ico {
    display: block
}

.attention .input-item-wrap__input {
    padding-right: 36px
}

.attention .input-item-wrap__ico-right:not(.input-item-wrap__ico-right--alert-ico) {
    display: none
}

.success .alert-text {
    color: #13b300
}

.input-item__title {
    display: block;
    padding-top: 2px;
    color: #cdb5d5;
    font-size: 12px;
    line-height: 1.167
}

.input-item__title--center-bold {
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

.input-item__title--on-border {
    position: absolute;
    left: 12px;
    top: -8px;
    z-index: 1;
    align-self: flex-start;
    padding-right: 4px;
    padding-left: 4px;
    color: #a0a0a0;
    line-height: 16px;
    background-color: #fff
}

.input-item__forgot {
    font-size: 12px
}

.input-item__input {
    text-shadow: inherit
}

.input-item-wrap__input-pseudo--per:after {
    content: " %";
    color: #1c283d
}

.input-item-wrap--light-border {
    background-image: linear-gradient(#055f7e, #91e2ff)
}

.input-previous-data--per:after {
    content: "%"
}

.input-item-wrap.active .input-item-wrap__input + .input-item-wrap__input-pseudo {
    justify-content: flex-end;
    color: rgba(28, 40, 61, .5);
    opacity: .5
}

body.rub .input-item-wrap__input + .input-item-wrap__input-pseudo:after {
    color: rgba(28, 40, 61, .5)
}

.input-item-wrap__ico-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background-color: #ccd0de;
    border-radius: 20px
}

.input-item-wrap__ico {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    width: 24px;
    height: 24px;
    margin: auto
}

.input-item-wrap.input-item-wrap--ico-left .input-item-wrap__input {
    padding-left: 44px
}

.input-item-wrap.input-item-wrap--ico-right .input-item-wrap__input {
    padding-right: 36px
}

.input-item-wrap__text--pic-right {
    padding-right: 88px
}

.input-item__sub {
    font-size: 12px;
    color: #ffe600;
    line-height: 1.2
}

.input-item__limit {
    display: block;
    width: 100%;
    min-height: 15px;
    padding-top: 1px;
    font-size: 12px;
    color: #cdb5d5;
    line-height: 1.2
}

.rub .input-item-wrap__input-pseudo--cur:after {
    content: " i";
    font-family: ALS Rubl, sans-serif;
    color: #1c283d;
    font-weight: 400
}

.input-item--select-btn.input-item-tel .input-item-wrap, .input-item.input-item--select-btn .input-item-wrap {
    position: relative;
    background-color: #fff
}

.input-item-wrap__select {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 14px;
    border-radius: 5px;
    font-size: 14px;
    color: #d4d4d4;
    font-weight: 700;
    cursor: pointer
}

.input-item-wrap__select .personal-pic {
    width: 30px;
    height: 20px;
    margin-left: -4px;
    margin-right: 8px;
    border-radius: 2px;
    object-fit: cover
}

.input-item-wrap__select.active {
    color: #1c283d
}

.input-item-wrap__select-label {
    color: inherit;
    opacity: .5;
    transition: opacity .3s
}

.input-item__select-pic {
    position: absolute;
    right: 39px;
    top: 50%;
    max-height: 76%;
    max-width: 60px;
    transform: translateY(-50%)
}

.input-item__select-pic.input-item__select-pic--visa {
    height: 14px;
    width: 41px
}

.input-item__triangle:before {
    content: "";
    display: block;
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 0;
    border-top: 6px solid #1c283d;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    opacity: .3;
    pointer-events: none
}

.input-item--input-plus-select .input-item__triangle {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    height: 100%;
    width: 3em;
    cursor: pointer
}

.input-item--input-plus-select .input-item-wrap__select {
    color: #111526
}

.navbar-menu-enter-active, .navbar-menu-leave-active {
    transition: opacity .6s
}

.navbar-menu-enter-active ::v-deep .menu-wrap__hide-scroll, .navbar-menu-leave-active ::v-deep .menu-wrap__hide-scroll {
    transition: all .6s
}

.navbar-menu-enter, .navbar-menu-leave-to {
    opacity: 0
}

.navbar-menu-enter ::v-deep .menu-wrap__hide-scroll, .navbar-menu-leave-to ::v-deep .menu-wrap__hide-scroll {
    transform: translateX(-100%);
    transition: all .6s
}

.load {
    animation: load 1.2s linear infinite
}

@keyframes load {
    to {
        transform: rotate(1turn)
    }
}

.grecaptcha-badge {
    visibility: hidden
}

.grecaptcha-badge ~ iframe {
    position: absolute;
    z-index: -1;
    height: 0;
    overflow: hidden;
    opacity: 0
}

.img-fig {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.fig-img img {
    border-radius: 14px;
    margin: 30px auto;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 15px;
}

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

.responsive-table th,
.responsive-table td {
    padding: 5px 5px;
    border: 1px solid #ffffff;
    text-align: left;
}

.responsive-table th {
    background-color: #cdb5d5;
    font-weight: bold;
    color: #ffffff;
}